{"_id":"@chakra-ui/popover","_rev":"512-7e48d175ff7b8a6d6ebd07d32ba06c59","name":"@chakra-ui/popover","dist-tags":{"canary":"0.0.0-canary-2021118164051","pr":"0.0.0-pr-202212011232","next":"2.0.0-next.4","next-dev":"0.0.0-next-dev-202241614737","dev":"0.0.0-dev-20230908144305","latest":"2.2.1"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/popover","version":"1.0.0-next.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.0","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e161028db95a416d41fbee45b8d069eae1cd024","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.0.tgz","fileCount":27,"integrity":"sha512-inI5EaIRkQd3EpvRdrzLHq0+nlJNA6AlAiUGXWMZioZDi+aCmiTtlsM7meNTec4YVLfcITvOibTSOKQHGkKgLA==","signatures":[{"sig":"MEUCIQD4VREFMvuLYgRaU7aUz8TUwt8ks5xP9vTNdlRKHQxu1wIgUMnmedoQ67ljYtVhSYZPaNZUhYlGQWjNqWzOlfVwg60=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":183588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nTtCRA9TVsSAnZWagAAtwoQAI5AuHu8sjCiDYq2R6sB\nnEJaE48bEhfeuOaxPZxhVkOZecOD0HSZeAyhHLAJEVzV+S68CXD9h++ojoHv\nREstBz7kyxc/ifsq3AuGgSVLUVBs5AcucNOAr8oxq2bh5CE86Cm8EgwaLru3\nF+i5CeXGhUOu/tss4QwghC/t6EHMKqp6yhdZrQWg5TIJJdkCBpUYgINkLFMs\n6P+HeW5okQQMytGdDPzA8TVt3LUdvm3Vy41Zf6qMMlG+DuNsa/yNaNTsh4dP\nQr+C/kdYjcBXXMpMPmiOQ3/d1CXwBb3/QeCBp7gRJW4G2JPzo0yq9x2iXgHc\ntQzvrnUC4Cqv7nHP0ECtOxk08OQ6lW5MwBPld7HXfUChpumQvsS+OSZPVfwN\nZQKO0ynFy3qcyPnUdbh6oQemeiJsQD5fxuu9jYYoyaMn9K04Hn23ZvesKQ6Z\njsprU2zeveOb83wczrme36+k0CHL2rSzvk7XLlkGiVo2m06FEwgb80xoVkAE\nDf4+iYi5o/g0UphFkfijjAP435te5R5IJ47Mu1HknPl0jOOXhVRhr0LfNQTv\nBX17YPF3f4KofUTvFPJC8f9N2GtgGdexQlVd0NCMBQXnGQWCI0RzccB7sJXa\nHlYvMq7Ay5lrmB2Nbx3BhgzWOZXsYU2yd5PNBjcrgTkve1R6fgaHbi2tXl4e\nooha\r\n=Wv3p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"ce6fe489afaddba502a2611f1fb1dcedb991325b","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0","@chakra-ui/popper":"^1.0.0-next.0","@chakra-ui/portal":"^1.0.0-next.0","@chakra-ui/close-button":"^1.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.0_1592685804922_0.8238324150915708","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/popover","version":"1.0.0-next.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.1","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"558ed4b1337c597f861d7236127ce6a2bb722c2a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.1.tgz","fileCount":28,"integrity":"sha512-JOASj1GA+JEO9+XKD8fk1ZVNYPBui2WZN0ZPBaKEruFMIJeCcGNIHEWBUFdsphvvpLRqH83ZsdGtQkul+/nCpA==","signatures":[{"sig":"MEQCIEtRVXDmvLSAVoZVCJ4SwgVARrcLrp3cigkZu6+hMSjSAiA+N+/8VEl894BLrUqY/UkiexOJo7PCQCWIqDPWI86K+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":185194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytVCRA9TVsSAnZWagAAsKwP/3gbDK38H9C+evHBT7p7\nhz/nKIxjs5HQNQCCLqRETgu6VBaWWBKNt7onyhjNBDpcHp4FOWUybt9w2oxp\nXKplgDJz7I2WcFoGk6nTe+Jey+PeW8vcUGxU2xNdIb4zayX51A0QURtNtwcz\nUM44QauKxZPDtG9Xeh1aoDexb28Q5dQuN4fdFcEo4cqjrL1IfhqWqRyZ/OTh\noBAyZTbfXVH2+LPoh4U7QVrJ096gk65/nwLiCZpL7A9cSiWmz268VhAH8cYc\nUE0pX4DHzuaEzQPwi6lHOATHG7eSp8MGDSsVtJavwCktplaJBx2u/CJqgAFm\nh6pp3I1EIcgIFoFc2adIxJPhRLzJ0CSfOMlDsifY0Vir9Mu/lEBZ0CJv2CLf\n58GliZ+w3KyyHj1yGloi00PP7TTVmwhAHJ5MbfKUaeeRHNuOgr129fX/gi6N\neMjv68JiLhetX2wd+g33NQnj5xOydMPFckKwjMZHT4PqPJVdfqBbXMbAMvvn\nCNB5nPQXX6xHA0PiCLGRRYNwLp/xs3+CRTpbDRcQNkOII7SqQRnCT8+S5IgS\nK8Lk6Am4E18TXPPG+inUeAcozOWBc95wJ/9ZYP1IYnIkwUknh59PZrjcUS29\n//4du2FRHb5bM25qH9ZQo/fFx/bShfgYRwSBlevQeD6Tb/0YXK41I8bLgtKe\nFDcw\r\n=n06O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"cabbf345518d70d446bf95410872f1a0c947ccd5","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.1","@chakra-ui/utils":"^1.0.0-next.1","@chakra-ui/popper":"^1.0.0-next.1","@chakra-ui/portal":"^1.0.0-next.1","@chakra-ui/close-button":"^1.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.1_1592732500735_0.052502019858258864","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/popover","version":"1.0.0-next.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.2","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5b7ad47f2bb5cc4b59b230e7f99358d156063b4","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.2.tgz","fileCount":28,"integrity":"sha512-7DBDvKx5YLrSdiiRpzlHs9VWqbUuvDiWR9eXHVd5pd07HOOLvXOzL8e/ok97W/5eMr7jvxOWbxaOt/q0oHMzIA==","signatures":[{"sig":"MEUCIB08N34NBAgCdW4Atb12DmCkdH727lYb9jMlUWlfJPo5AiEAp3Mtd7Agp77kpXLWodIIjOWtj0c+IUKKGDgc2TBbXCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":186164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M//CRA9TVsSAnZWagAAJRAP/j0vjA1Qx/4OWz4OKQ6m\nQItwycN7bFyLhRrOJCfBLX+ZT1sx/2uI+yrcekpgRIFGqbfcblWgk1WJc/y1\nVR6F5S6RSk/+KZzKLfDqJyBxpZpqdGIQRQS55pI8wa2k5QLK7W3cWvtlThUH\nz9y7uh4eCHi/XULCJkfRQG8zfOhaHza91mevvzLvINCKXopJ+91Nbz6kCxTh\nRxrmu5Y5MkQ/TPgp+wgxI0uvrkyJ2KOTESwy+nUzkf6LurJLHL+C1njc5NYK\nwHohqZOnBLD2NRf94jPwkuioxuAAX7QBk5cPfKN2RHfH76tC06z+oOyCX9Ez\nsRkLZ06Z9d6q5SIpDW17QINzZ4GfAXBdt/upCbi65d7H668MToOucKHgZN2L\nvsBAgzXl29LsQ0MXut9G2OfK8Z1aVihJJaf7nCsVkEo/HN/BYP3+RR/0f5J8\njH1VWcYTQLQHKhue3XAxdD3VGz/qXLGDwXOZGoQzwIDHcIvu6R4WNyLKVgew\nrmyKiO0Q0ijalQ8oqdi7jBGa6Ce3ylKPTfkv8F/tInW2SHNhmvpG8kAbholv\nj8cJjwdGdxSuSuv1z4zgZC2a8WWbaS1ZqUvX2XcigTD13jB1svNV27fjVB8m\nSpV7IhTdLCJlQUgdx5tay16a2NOvt7gbuPo/9tYBa0Vlgy148KhdX0eyixTA\nJmI4\r\n=Ens+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"c5b51e43e9dff400f8bba7da7ffd135f5d33628b","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.2","@chakra-ui/utils":"^1.0.0-next.2","@chakra-ui/popper":"^1.0.0-next.2","@chakra-ui/portal":"^1.0.0-next.2","@chakra-ui/close-button":"^1.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.2_1592840190901_0.39908189151509443","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/popover","version":"1.0.0-next.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.3","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d98feaf99910692eb9ad6a3f04623fc6794afd2d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.3.tgz","fileCount":32,"integrity":"sha512-GaSBUOGkV29+baJD12LjG6YDAQWW5hyB4R4cNS8yhxzVWZ7j3kJDhiYJgEhff57kx59YVpN5BqFMNdlT+0guCQ==","signatures":[{"sig":"MEYCIQCSMuyK0CHfOxf845xdlcO/2zoi1Ojkllp3N2uM9TsfnwIhALXRCtVYT5j4rFsdzhTPT3qcBoBR9/xcK+xwOQM7cnB7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":200904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+Mb5CRA9TVsSAnZWagAAKpwP/jiz9t1cBfbX6N6AWHu4\ns7cc1MrS+Ow/Qp4d0V4sIcvBsji+M/gHRZiU8KI1G4DLqpcuDmptWNifWBuy\n7+2nohk6i2hXaTEeH0I9+NRFQUzb4p1fTbsRZgHWyuogDeto59DTPrMbGESo\nFtV/7wl83qVgfpucByhWI3DOFjq10MpBsaJ+fSzo7Duir0Peae3a0+qM4wnM\n3oalYFloPnWhkU5QnT46BsuJ6k33xYnGI40rV3WrdlY5rz3n1nttx+PRvug8\ntRhWwUIcaWuwqg/0jh5QLc1KQhHYlA8KNcJU5KbjmJMHcOLgJsrlH2bRNxxZ\nEJQT3ia6J7Ylff83ZMCBCnpqiAaB5C2bFvV5U+4eg4luepN248RG2kntKQJ6\nwVg0r/goiQC5F8qQPaC5I4xGRXflXrUNwyrsJOwNB3uy37gYNaukbNIiEFE4\nsNmkEo8zXOm9+7lz7LVz5Yik+sWrymbzFajlv5LFtag5eekgL/Dkmdpi7zOg\nEia5qM6pjWzBp/TVy6H/rmZUazH4ALy79b3J/DsyCN41RoHOb/19Cn9S4qSu\nHo4IdUhwkum54tIerhlOlrucq0oyLx4XepLKeMSHOQXdQMNjv/hBgNEuO/8s\nUgphcxYhTJPbwVzRtRDgfW88C2xvFsM0QW1Q4Dg83bqzUcPl28yANUXWCnw7\nqRFY\r\n=4i56\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"d31ba9c35993985f49da4885dd47ab8dab49cdd1","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.3","@chakra-ui/utils":"^1.0.0-next.3","@chakra-ui/popper":"^1.0.0-next.3","@chakra-ui/portal":"^1.0.0-next.3","@chakra-ui/close-button":"^1.0.0-next.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.3_1593362168987_0.25979757020135485","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/popover","version":"1.0.0-next.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.4","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ba1bef708c8ffc46a48bd53639331fef89833371","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.4.tgz","fileCount":32,"integrity":"sha512-jjdrLy0qRNP3oUbeNOZbcN09RX+ybgnyBn42jUkQ4N/wT37Lrn4ujHqPwEeOHTIR0M+8jwFYX/YsPFGOAa7/kQ==","signatures":[{"sig":"MEYCIQDu/FuZDd8bwLXgZN8Kn1syuBM13btI3Hms1KlLGf6cLwIhAIxiJR171I0qE1J+jdzAF1jSVYV45mRF6zFr+n9Tc/Wq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":202643,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/MsnCRA9TVsSAnZWagAAYi0P/2Sa17AmfDA95svnYejH\nTo3TVIASxnEqOvOdidyly8uPdYWPTcUw/RfcrDfMrTMkCqiTvZwksevm7Uz9\nsJsbdsMTv/Pcm0xjxsSWUporKso1MNkPhky/ATZAMQ2ngFD30dxsnL8MPxiW\nbjKMmvjtYsEcxkKKl05Hm8MEyBKu5a0C5TDEjJG2FlFGy5/sZAFcBpXcaSMv\n4l/vXUBYpYRon4ohVed6u9I/T8oGTfJH2q7d7e9rIWNt7R7FKUhVAvrK6kvh\n8nSOqQy9Yw+Sm04+uksp3E3LRvJUWXgMV1UnRcFRoZYOChpVikvpL6IfAU3d\nPmzxDX/sqpMga9mRU/FL3Jxbe2ECeMnliJzE+YjQV9ivkcD1g7Jjj6pFlUiN\nis81BWUVanPRixMn61AbF5+ZimVYqLNcANbgdkyQhfkehxjqMqavIUzk2vKL\nRUb/SO2qwQVPI8KP6V1YThF727ViRWSuAdDx/B3ErSg/Um8gw0p3Ce3J4Oop\np8uRlufO6Vg5F5diK/ouOBr83iOCi8HB2R7qSbQDabswR85+cjMm4ZV5yXIz\nvrV11ge2DUNB695tISk8TFUHJENNG1s4tQtxNNQag3eQQtvn2jweqfLodXjG\ngE/YkiH3jgGuryjFAGTnLahHp5XiuhYBPi5WRDopX2jYLDd3/WLas33vvDe8\nCVxT\r\n=4/0/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"cdd5eac1db90ba33a07c009fb8dbcc4453d6ec01","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.4","@chakra-ui/utils":"^1.0.0-next.4","@chakra-ui/popper":"^1.0.0-next.4","@chakra-ui/portal":"^1.0.0-next.4","@chakra-ui/close-button":"^1.0.0-next.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">0.8"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.4_1593625382731_0.8505645920566511","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/popover","version":"1.0.0-next.5","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.5","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bff3912c9ef30ad42892ba5aad4b1b9688958baa","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.5.tgz","fileCount":32,"integrity":"sha512-2u4wLEj/Cvd+jdHl8udDNmn+h6oj+fm9jegAQNeZZeL8ZcMPHNX/i63Md/weIjUMmdtL4F4pH9GSJVhdVFADfA==","signatures":[{"sig":"MEUCIFaY+3EaloVQNsPp1t0uUe1IsIedIb0n+iUQcqJ73f+yAiEA1aJlSywkj0QfBot5PGAgHTI35VC64jO49NVF5GoOrq8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":234157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxnCRA9TVsSAnZWagAAvAgP/3e7Is1zgIr/9Nbq9fJN\nJw0bgQ5vGfo6e7gMK3HH0yZr2YtvYQa1ng/zMu4s3+5vZNnp3fyUlYg6nSIi\nrr/heWqZlXdGSTIpYUaCCHkIJ234zVpUdde6fiTanzyz+QQBis2MpBkDFb+z\nlOKrJM45+72XcbUNNheaL8/YeQ5nF0D9yKIt9EUjLk+oT4mxGb3SZ8hcyPtC\nmLamlWt1wBL7B5Xf1pzIKseH3QbspiG5/m74BK8j4PfBoL3++5FN85vjGRJ7\nx72VAlLvtJlumrI2awwb0WC1rpKf+C8/POxpImlwnmKymS8rbG13UNpIZp+p\nlYNQ6sVHrnrsT8zKwF/kXP/HV37h5VQ7/NKk8hS19rphBXMfJ/SP+p71fcBl\n+3CTbxCm1rvjbQeuwsJEiH5b5qvAbwual3cZUJKvLRROwH9oTSpDeMrbxwUK\nzwnT7tbeOX2vyYs8vJOMorfwLdLYNYm5n545TdTIqnusRViF5WjXKAYu0KHU\n576HopuWlkFt0F5YJoMprYemmR23fQpmj8wNrEQGzfY8DcVnzc3FmAw82Wvd\n/7EL2cbpwvVIQKWw85V50++tFIvU3GLySJ1Mohi4ySZgLnhfHyyJmS0FseGs\neYSTAyeHhA45DFHypskbjnnGctzMI/ADUUALJL09lfvk0RZ0EjdrDC9VAaWb\nkwFv\r\n=rupM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"24eec5d796d81b6fafbcfa7231fb2cb15e6d5a29","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.5","@chakra-ui/utils":"^1.0.0-next.5","@chakra-ui/popper":"^1.0.0-next.5","@chakra-ui/portal":"^1.0.0-next.5","@chakra-ui/transition":"^1.0.0-next.5","@chakra-ui/close-button":"^1.0.0-next.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.4"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.5_1594809447360_0.10637707718363809","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/popover","version":"1.0.0-next.6","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.6","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"84a620c604426d1a50dd998a8710f6fda4d72311","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.6.tgz","fileCount":24,"integrity":"sha512-7F97cnBwL7DAyDPboW3GwRfIh3vEdtOMrmounDepzWjr3UK1mVcWijUwJAZPnZPGtP6smwbZistE2hlWOOei8g==","signatures":[{"sig":"MEYCIQDiYONPrKpJcWx8/kQJHf3wsZcnxRteFsbO1L2jdXhB9wIhAKHxwZ6MKmANAvA6peoITIka2aVQZmltsFguKROFEXTK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":211222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyJVCRA9TVsSAnZWagAAdcQP/A89yLKA0Pvk/ZL1vlda\n13nsy/QLOLnnTtYzBCIlmRswkWf6kZDJiVcFiZn9zdloTs2A8KDPuUrGNovl\n0CRthqtOOLRL8R9zehTZrcm4A8GFOpvyBDa9XfPJEgXzbrSjFQwNBXGSGWa6\nEHeY8hMBd/EqxdeVbAviB4j53UoeTWB1uvywuU9hd52LBD/8chhIHVJKh4Bk\noDndZuxN0pCGspFMRgPFk6LpeySOeNqjDgREHJgrTFWYDUJjYf/33pk/0ann\nu1hxQBBk/wT/QLiB4RHvm7EQoXwyvHTjlrCID0QLerUDF618o+DGrglhH2pL\nP/jA9WZHodwd/kYlCH0DL5asrjO3eIz6IU7Pjy83ohOqlH4Ku+EiG25pyA5E\n/70G1XhkrrTOA9ICtHsiE/Tk2rTGjWEzzJJncz0CXvr1QdYQ61LJPGvGxKPE\nIkiPgZ0OwJidwHX3lMZ6qT48hBhdoskdHK16QXWYLpqDdAxJW6Q2FuUih8NY\n3u5V8Y0KkfqZc97ME7w/YNNZmlTXvmbD22na4JQhalNqTrNfvC8FsojO0ptT\nbmzdO0GojqqYp6aVB7tPX8yvRBiqyGxWbMONPTPhtODVT0bOB84ZIe6QsUo5\npGKg0yP5n31R8AbF6RPYmKZhG+3c7Z2A+/PtJWe7FI1HOej3m59e8ut18zP+\nGjUD\r\n=y4Vz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"72eeca4ba3fc6e7d8845b0d283a03cb6ec384a50","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.6","@chakra-ui/utils":"^1.0.0-next.6","@chakra-ui/popper":"^1.0.0-next.6","@chakra-ui/portal":"^1.0.0-next.6","@chakra-ui/transition":"^1.0.0-next.6","@chakra-ui/close-button":"^1.0.0-next.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.6"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.5"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.6_1594827348819_0.42722366979977777","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/popover","version":"1.0.0-next.7","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-next.7","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f7300e7b1f2d1e4d072abeb7b7fcb362f9a2aad5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-next.7.tgz","fileCount":29,"integrity":"sha512-Jz3iv3qur6WejB6glhINQq3ZJSQDqvFewOzTjF23vkxAI/37CrbWR8ZF2HzTHWytIfmYaaKBxCikNuKeeKEcmA==","signatures":[{"sig":"MEUCICMK5v0EI6UYSTudzabSFtsS5NP6R1Pu7HudK0RBEtsNAiEApHlyndEhBWFZnH2ZN8uvOeFN8gUkc3aZoh73VIViEco=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":212934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX1jCRA9TVsSAnZWagAAQGcP/jlJPuCpZ5PDKzeEK8op\nAGBDlxlK+ZrYtB69k1A+/xtXPGSl2NcbKZTEkNeim3eKU6pQp3DJ6d2BEaOc\n7GSXms4awHeSncn4pZD18ix5bP8UXmRHeZbyHkFPbWshffjt60NgrdEKG8wD\n8vXORutu/91vgemJIYEyTni5XUSue+kmETHBSWOgO1K4kRSB4uGpHLYqc9Zg\nxrVEUjfxq6XeA5SraZMsF+SUaqHfkpchesSy0gHzv0cHgKoMqe3wlwKiPvRH\nO7POVcLbV5ViDtJKAxgWj/+3AJZqqmyHgHlB/voyDLFYG4+GtFwHsUybATbN\nr45shx5T0TO8k+xo4Vpk/WXfanzAaxqi56yaTG+B6+lAF3CNC6W96j7TVRCh\nwJm+jy60ZXgiqbnrlz6hNj94IobQnAQi5DBHXGC7HmJYFeMN01CgHCixbDkX\n9jdw41bNDl7A3oXYNnGgtytMxSiGcCTMBHInvoE6nGkJvIDm57pUzqHxTJTj\n4DojdcabxNkEabOSHWdM3DaL/fxcxP7dnrOR+2QFNTp31VQiRDVPceaiqqmo\nfUQTTUhtAF8jJl94YqmxfFbAA4QgeR0I2Jet2Y4LqiCFMywHvGfOWXR2vUZM\nzepMvyHhaH/mnaYVYrzaA/QugIv+XvgPO0YAjtvobvwbhTEarkDyNg19gkNr\nogba\r\n=1FKs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3dcabd8c7e21b32ae1b61485588f70370c4e626f","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.7","@chakra-ui/utils":"^1.0.0-next.7","@chakra-ui/popper":"^1.0.0-next.7","@chakra-ui/portal":"^1.0.0-next.7","@chakra-ui/transition":"^1.0.0-next.7","@chakra-ui/close-button":"^1.0.0-next.7","@react-aria/interactions":"3.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.7"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.7"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-next.7_1595768163379_0.5591660784856018","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/popover","version":"1.0.0-rc.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.0","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0a2dd7fa5a9e88d46430c2a443cc3543499f9b47","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.0.tgz","fileCount":29,"integrity":"sha512-XTwDIlwKtuLpI87CMbCIo2LBD/BAT1nvs3w+Q+/gTnX+avsJsj4JElshNX+BaChu2LxVdq0N7ApR+jaAuvV01A==","signatures":[{"sig":"MEUCIHaApYN41Eg2KdM2qgfocib/meCR0ChVMgFLhgGR2PAGAiEA12gjO9yHr4tBceYSpcsd1rKEDMttyachTZ/ZzmccZxM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":213276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHagaCRA9TVsSAnZWagAA6xIP/2aJDyQ8WoijlXyob0zB\nGP5eFZnToCskEgwQb9dTk6HNVa5Q5xOn1bHRs5db9qqvYFGvGW2NL67FEA8g\n9kTn3FujcX520LAd8ojfYqBSEqennN3c/+DZT2wNLcCHmqtGsPotTm2B4J7h\nvIfkXTnHFKIBCCuZsY1RhKcXbYil1bRwaKXMfvOx1YXMwnSI/VJ16X//YVCy\nOi7ReMzUnG9pE+ebMvkCSZWQ9WCKtDopI5jIRZikI0lYGbXQdRCz7QgSEtLn\nHEPgsGsDHFDVocrVVLefy87xlrToAQWHPm1y25yTgXxGk7XhjEviUKjQHyNR\n9eN9UAgrLuLx93QwPY9KGoUh9TunuQztrfUlrmuS8iGCgF3rRtACckFOAbmF\nGs3r4l0sSXYOkL+JZ5BGH7z2/uJhr6rQnKIGqVJiq+D//S9otIFg+KXXb//V\nVKAn7ZDlPTesYXpvj2xc28DFxsAvWhwtn/tgwFvnFQE+jpzZcEj1meTs+46r\nxG1ubqE58qPGoBuxFxToH4kLX6galH17UrwEi+inO8jb+smntgsnnTxSDcc4\nb5gLoYZP00dGEMxVUz3zcG4mcqW6fYlpjJ7KmlfTqdcZQcnlYRRyMIZm/CFt\neSCtRFKVvsiWXcce0vTZXXeQ8LVjCq+ORFelJhTTx0jU45rnvon/6FGdf3Qj\nkE7L\r\n=Mu11\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"60392008d42867da38211687e2491f02da9975a9","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.0","@chakra-ui/utils":"1.0.0-rc.0","@chakra-ui/popper":"1.0.0-rc.0","@chakra-ui/portal":"1.0.0-rc.0","@chakra-ui/transition":"1.0.0-rc.0","@chakra-ui/close-button":"1.0.0-rc.0","@react-aria/interactions":"3.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.0_1595779097727_0.32143620159281694","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/popover","version":"1.0.0-rc.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.1","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dd131dc23526bafb1c135c4d4619fc847f8535a8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.1.tgz","fileCount":29,"integrity":"sha512-9xffPcLbA3ThRyOyMQP4R8uXbb68ylf9XC6zcHBgQJy01dznG1cgcJqzifLApyBbb++7A967ofpiAvSrm3bnzw==","signatures":[{"sig":"MEUCIE4gaxyrlKDzr/66EJrQ+hn8tsad11krKnpkyyOe9/hEAiEAmq+ANnSxq0E2RN5GM1HBtJ5pW/rkn/vng4TPUKMpbG8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":134071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLbCRA9TVsSAnZWagAAyUkP/11MIsT1PVr4pin1CXKb\ns3LzRMr8sKfGZLVna0F2+6MLXcuZwpzk2CThFW/zn9WjThbA+NqColU4BUBr\n/EFMYkoIlOllGEXzsfQrAykCURhrGer6l1GPgzA1Jis4qbtrydBl3/2pq0Dc\nNb6pazRrp5PaPNyD8tO7Wwpix9HEMMA4wAKIpsuXXVGvvmiigbipvUFbLYjT\nIgyr1nclYg/wLj1zbU8Nl5lI9ETTeEpFxO1FIg5EqT2Ne79y8xTjNjdZBS7g\nh/yl6XqM8pIHGwNG0pfCULdlUS6lxiQ1r689RLTm+iAbxNCzlto7yIlkEekB\nhIEfIjNnaTpkeBqe7PEjDsaThy56LewhVIKzATv2vHz2BhtCUFcD9VhYt6/H\nvw8t0+eMGFtLgJ66yhvp+viXit/7GDP2TPLetHHHXVbhqghVzs2FjqRh3/WD\nZ8Na/fwpidD9TP32tBIriY1sLtdfixPh3X9KqNBMLd7M3wFBVZkH7rQrjCH4\nRKXLQB/60EJB/wwiAeNomJNYp9ssexW0vtSKuhMS6UsDkKTIu5z5AciZ3UgL\nCizOu5NfuY7mauQPHR416MtC0RMu6jYIqG+VQpo9sakUQUEEkqLjA9QnblH5\nlPt+x3i6nC11yjdKN7kGZRgS2ZjIIkcwLBJnS4GTUzbdZ1Ge5Y0BLbS014/t\n3vRz\r\n=192B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e0470c73a9f6be24525dc5458d6fb157096b5ae3","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.1","@chakra-ui/utils":"1.0.0-rc.1","@chakra-ui/popper":"1.0.0-rc.1","@chakra-ui/portal":"1.0.0-rc.1","@chakra-ui/transition":"1.0.0-rc.1","@chakra-ui/close-button":"1.0.0-rc.1","@react-aria/interactions":"3.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.1"},"peerDependencies":{"react":"16.x","react-dom":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.1_1596748500808_0.9517654689065085","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/popover","version":"1.0.0-rc.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.2","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8865f998a6656e35222b8b1015d42a5576b7595e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.2.tgz","fileCount":29,"integrity":"sha512-pXevBJVAhlkcYJACeBvliu/F0pvz1dWP2VemehHTmzHyIzOf5v3xNsa03vyemNRDLzSVRIFvresh0EFP4htreg==","signatures":[{"sig":"MEYCIQCxNhhp/mOI7RcVf0cCSZy//wyzl83FH0NebkpWxe3mnQIhAPoRZZdLfvbog/W4xGGIli3SLeEt7fYv+p8GmUDtN+uJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL97nCRA9TVsSAnZWagAARQcP/2OK1zAXJYWdH87e7r1n\nSOOgsrvH9ZX7GvWKvjyYDsrPreo4yHRj/pK21NehGzVx7wQIoKqp7xK/u4tQ\n2jHZ2w8H2iSg971ejzxK5S/Za4BySiUDFQ7sByZs43as0qxR+Pi9x37siUmn\nE/7LYXWNx0Bysjlr/dfM1JEJ7Wcm3G9MXpWaLheKVv1T29wz2kf/I5OzEGDE\nxrW0njQ1H4Lv79DJ2yDrcPl9U9g94S1QdpirWjRishnbrGVIaaAehLyYSP+y\nmOqEllNfJV2EbdjGT+0NRTjCkdJ7GzKyQAolZLFlhVTR6IP5N+qXPNlSjoAv\nAYCeVMFXpu5PxjPJ7a09ZMk5USxZ7tkVsS5VA4ZCkCoLIGahRTTjqmqRnshk\nnRlTUn0odJyIkVpiclPAl2iJTv7xANcLvqpdUTkrTRgJ9w0GbsjJ8jbW2Cno\npZt3iooLfcPK0KCZHXZ0FYenB0diLsaJ2AYgSL5+B/uIhyyuifEDXJ1oGBTC\nAugb+0wrjgyuhNbqPKsbR+J1l+pkBAbRaA5P4US6DOj+eA5l/sr+TTx9bkI7\nRLJ2VE5VThmPphvkQsk3vKHQI9Ur7qfMICndO/adGxkxC4xd16wA+/XgKfdD\nSZ+4pkHCrx9X4wfMbV6Tsqjm2k2a77hKHG3osuxOYhbDkL5pDHIzbDL0P4KW\noeX4\r\n=0nB9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c0a55ae7279887996fd2cbfb410476c86793e1bc","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.2","@chakra-ui/utils":"1.0.0-rc.2","@chakra-ui/popper":"1.0.0-rc.2","@chakra-ui/portal":"1.0.0-rc.2","@chakra-ui/transition":"1.0.0-rc.2","@chakra-ui/close-button":"1.0.0-rc.2","@react-aria/interactions":"3.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.2"},"peerDependencies":{"react":"16.x","react-dom":"16.x","@chakra-ui/system":"1.0.0-rc.1"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.2_1596972775009_0.1186257570499778","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/popover","version":"1.0.0-rc.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.3","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f40d5120728cf21c175f1f9630b6615bba62596f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.3.tgz","fileCount":29,"integrity":"sha512-kMzKwy0L0c0YpR1/BWn9pG7ag2LIWtrefns6YV8iMyPsWGwp24Kd2aAcjhvpw8E1iLB9kflqjyWci6mVpXhUoQ==","signatures":[{"sig":"MEUCICYrZMxmHWpSeTcj0juxiLWFzBAPchiTn40D+5oN6EGIAiEAj9N5+pgtWmwVu7CKbbLWHZrfATBPzUAORFzXPgP4+Kk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YaCRA9TVsSAnZWagAAdqIQAJ4xMrURqHa8POdE3OG2\nbmkBWCiEjge8hOpJLycMgjEjlDN1Ephz31e4gD3HLJe9/PI9aiC0mQTnmb9v\nl6t18CyJqyTFT3QKe1ow3JzTIFTQ6AO4kPMxgxY9xIDWOR2i7UCNTsR2uCz7\npTu8rqHIuMQ1I00FMApSXwm47NzoH9ZgRY2ZNxfj8Uu8s9OMyI6hhXxuifiM\n154o3gx5v3/N6NYRtJ7qKF3yEtkQ48C+8nmmkFdWwCBEmSTT9V0LC8wuqsG5\nTzNPp9F3fCenNSFxC/M9jnQ/GulZMYMEFdrsIHRFKzegXUANj41sunXVG+6Q\nOroC8PdOP+7Ai5SWDbxJeAgQGN9aGqhOCY6Gv6jHtcLi6FBflgYx1JMjgyX4\nOnVra8mRPvC7SQoLgzV21hQPPCLqS8iHU83J4IjcsqvDoubi82A0SnFzp4HC\nwLmjsHh1zXpg9xmY1Ti0IojZ5osU6t/M/UAvuQt4zadrNNpfRoQo8EhmOg8i\njpg9VYT1u+tGqp2MKk5HmNgjJ3DHXbq1HjV1+BeTXqqJy3oiS92o7w+eqGLc\nNewAx2xgin32rgb9QATvfjknhEQgV6RPrAAZsp1cwNCmpWTvNnJyKuMbR3Fp\nMFCLiQsjuf2/i3D9Hr/QeomnbNTn3A2IrwGqMJYFZLAjXBVINORUNrI9vEQe\nmBK8\r\n=UcAs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a0b689f3a2b1589d58e4d9b0c8a9bbd02ed90f6e","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.3","@chakra-ui/utils":"1.0.0-rc.3","@chakra-ui/popper":"1.0.0-rc.3","@chakra-ui/portal":"1.0.0-rc.3","@chakra-ui/transition":"1.0.0-rc.3","@chakra-ui/close-button":"1.0.0-rc.3","@react-aria/interactions":"3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.3"},"peerDependencies":{"react":"16.x","react-dom":"16.x","@chakra-ui/system":"1.0.0-rc.2"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.3_1598801433681_0.7267526279611072","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/popover","version":"1.0.0-rc.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.4","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5fe8ead0f0310be9daf7a0b992941de46e501a32","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.4.tgz","fileCount":29,"integrity":"sha512-9K6GjEoE4n1qIRDYJ9H2zHN3lTuFAyLAO/TyK28rh8sHE9D/yR1QpdH2suhvoEiktdCeMK4n2ybm3loh0XiCgw==","signatures":[{"sig":"MEYCIQDx4DibEIbETlaXmqMabdMd/dyBLzuh7M5APpC3dEUs9QIhAOUTYHaZWA18jZ1TJOJI2QmckNRoXxLi4B9VarYXsEBb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158330,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfoaCRA9TVsSAnZWagAA0hYP/2k50ii0eUdsOcsroLdq\nlTM5E4m3WAcbtkYetjcgEWxuVMnCCJDAkzIg6Gizwjb6YEJrJoL/2ZLvH7aj\nV784arYGnKn5ssvtRqB+MC0y+EyHTrHGbiawE/nWxXSi3asrR8XkS5JXnQtt\nQRKDSyNskyX0rbJYh1vWEOdik/RLjwDUxczIgaFuk+vTmVXBvIyMZNSxD+8p\nRtJxGYnXlpu81dsY/sln0yvZLzMsARrr+oG7q5NGXRamuXbJwUXkGOCiUIIC\nk8uWqYtARloVbvFs8CBeLmaJzLUziNgd4StAWH0EodIYfxcB5xYZ2URxPd1W\nTV6fy1QLNNkT6AKZ1gZOFa7Qk1EDBQHMiJO5eU9LVN3JomjlhI12ma24OMwC\nJArEX4mcnRTz/Ned/jcDvrNoIc1SggDEbAWHXehdddPAUtJOYdofpDz+pRvJ\nD3+cwAbjquuApa0msor1cbV/U880LmQek8F9PxAW6zHVwOMOLSvgVlfVRUbj\n+MYq2EB4xSf6hnxTsZco68mFXZ2A95bBl/eQKiLmeC3PepPpfSt/Ll9wZbrz\nXrjJDoF3lSxaDRmf+hLSV3D5dbQ11PRX4McAT3238w5nvnuOAfG/8rz+H9Xy\ny6rz2btlnzBAeJOXDpF/H+EPR/zvsm4xNgjhM17suIMMSGCBYYcZqkdz4xcV\nXNZK\r\n=Eyxl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"830b8587c572a4c20d6b56b256accd6686255819","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.4","@chakra-ui/utils":"1.0.0-rc.4","@chakra-ui/popper":"1.0.0-rc.4","@chakra-ui/portal":"1.0.0-rc.4","@chakra-ui/transition":"1.0.0-rc.4","@chakra-ui/close-button":"1.0.0-rc.4","@react-aria/interactions":"3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.4"},"peerDependencies":{"react":"16.x","react-dom":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.4_1601042970475_0.21834517098786366","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/popover","version":"1.0.0-rc.5","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.5","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"949b365b5ff6837a55592aeb894b1da875937796","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.5.tgz","fileCount":29,"integrity":"sha512-al1k+C5TVCqjczwMPdAwtpC7BZYcJGRLIe/+hIfrOQb0hRKw5vUkFLhuDu+Jvj1a5DqACMmqfl93a6GQgvmEWw==","signatures":[{"sig":"MEQCIE6uyQLxMrqgJK+3lP7j46gHtkm50t+ydEMI5c3jH0xiAiBEjs+ISGMwcHkQwkpKdDjSMXGga446A2GUDuONCSxLiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPXkCRA9TVsSAnZWagAAayQP/1qQDiml6hOs/ITMHyDS\nblaBtpMjIRJ/0Rpnv99jXF3lwvobLsI9WnAKg6MjIso+oQPMMwCXKnH0Sj60\nj7TYJj9Bra6GN8Spp9glvVkx+vlPF4fnQGdD4PX4+8vVnDXNN/hdcFgfcJBC\nwIT7LiUmGj6BB18h9994jceP88HIWst9DYKWFulaRKMS3a/Bnb6KrZ3NXYwW\nQdDNOmZ5xvc4EqftJULYpMxjR6sOoZOjAAWqZXl3Y7lcsJlRpjFEYuiF/YfY\nebCZRwzZHuma+1gHQOqg/pk23zH4iZU1cnKTPL2nfIK5Ps5uvrx3kn13mE8I\nXjtc7krxtTwTLicCBFqiap1RSs9KqmbhT6nkmjqnBHO3PVx5dSfCH870yjX1\neptyE+LCIdRxosGXw8IAJp3dhdyMo43sDOYGgV3QdEhiYJFTrbSZSK/RGnrH\n9wBqKP+QImCx+rpBr8qC6DZv8TZwVDQbUoTIlRCwc7PbvUdxtau+cZw2g40M\nTslRGbQzM7mkChs6iP8CZP8czifxkvpdQkImt8xE0OaE8OqIAy47KmpbWioP\n/30h95Ela0cFe2YBy/Fzd7TMM+tb/5H6pV376vk5kmol9CRAVQiwOvXeMZDR\naD1lUUJaTuNJykX0a+Px1QgdUwHRPSRZ8NQkE0fRoq6wdK5N0vXNYhJV36pU\nYemj\r\n=04gO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b5c8482b778b19f27ea1d6c8ab6d5ed39c664afa","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.5","@chakra-ui/utils":"1.0.0-rc.5","@chakra-ui/popper":"1.0.0-rc.5","@chakra-ui/portal":"1.0.0-rc.5","@chakra-ui/transition":"1.0.0-rc.5","@chakra-ui/close-button":"1.0.0-rc.5","@react-aria/interactions":"3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.5"},"peerDependencies":{"react":"16.x","react-dom":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.5_1601238499582_0.5805718074540884","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/popover","version":"1.0.0-rc.6","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.6","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5ff9927c5261f8cbf173d19e911c3c7a91879687","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.6.tgz","fileCount":19,"integrity":"sha512-M7TwZgYJkykwE2RyubcJpWh6OSuxQ1zD/vH20pXc+qBnYcEYy4lXfofpaSDDgBXJTxEV5yVqyBzjRveCPEMkFQ==","signatures":[{"sig":"MEYCIQDCM3S4wmfViSNA1MXHVEg/KjqSfntD9Xj5u5d6eU9/7QIhAPquc+AqgdTO6v90EsSW0bAdK/d91PMcpr2QNyMQR2Pl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":111687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZ0rCRA9TVsSAnZWagAA0AUP/RoJbZ4rGF4R9xHZmNYo\nJ4m8gKqXJfKkRPvF8qfu9gcgyFnkFhxXlViffWyCoGtRiP9I3T1p6cp22sUg\nf1Eg3nNzhjHVLBknbFJRklpyxWBa9MR489EDxNymv27C9nP8zN8OAnitvAKZ\nloCaz/AZPPjEZHUhBH7aYz/R0uduuqbPNX9aMkgatAB4T3tqPJcUPcE9jgAi\n1jw/5YkP/yH3giLy1XWB8ZG63Z1/P+flxKRrWg/Q6Djv3kwYl2qqOclIvi8G\nCsSWdg5JnxeHCep+tjI63q2ew6fXM/pnatBfXkSaISL5TFI2PNjGhswCREFQ\nuApyP9Hk49Uru01fnlXI6roixmEep609Oc/MJWVI3E5p3cuDD3MvR3eXsKVD\nDk6rZsoA3rx71w0qDIMfV3TteAZlURFwzHyrttUWUwCm/hmErq/8YXzbWw2W\nV6qX5shonEexXHr1MLzriZo+Hl3gsuuWAS559UCGSZ1l86UNYBS87i+Gqxve\nQWe8ogYt1Kli/ar70NV8P4l78imXW3qFPQ9bG2kYunR/J7KszVcCKCWBXPt5\nactc0L1sts1ezwL2IYyAdly3hsEdik9CbvvOPuYFPdNLvxfkgWUjn/rFk93D\nN+5+8dr05zY6NwjLsKydCOhVT5Kjx1XIo456yXGbi38YGxc3U2z8NOFcxl2F\nUuLy\r\n=EUsM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"e55b45840d1edc821ad0bb45632535333be5bb86","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.6","@chakra-ui/utils":"1.0.0-rc.6","@chakra-ui/popper":"1.0.0-rc.6","@chakra-ui/portal":"1.0.0-rc.6","@chakra-ui/transition":"1.0.0-rc.6","@chakra-ui/close-button":"1.0.0-rc.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"framer-motion":"^2.9.3","@chakra-ui/system":"1.0.0-rc.6"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":"^2.9.3","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.6_1603640619321_0.582094563405902","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/popover","version":"1.0.0-rc.7","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.7","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a9ea24c13450f173469349d988add6ca8064d44b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.7.tgz","fileCount":19,"integrity":"sha512-C7Ct7Reoh2M1+jaAmwHegoHvWzprAaVp2q8qZy+bXlXwXq/KqLAEAlB/RV8nyiOPlgpLRp8ugySDKv1ySh+yHA==","signatures":[{"sig":"MEQCIGVBvLtJ3sRXp6IQd3z31Lcvg2f2nEQwd0zgpSXSNGhXAiAMtVm7ZMqW859ZwVqwqKsQmGgTRa9fKtG291Hum+oXTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfCOCRA9TVsSAnZWagAANngQAJQ0WoGi/jI2PpSCpVLO\nH1+WFoJhsiTQz+G8eN7jo5Ejfz7FCrzUuO1rzc/kOW00fOO0ApLKHbK3N652\nRtHoF6mV0WEOvF2vGI3Ri5jqlJG7rcC9x+h6doLPoLF+s48tnpQ0YryySkoK\n9ZqmxDMgEMQKyUgYYE7h/xUy/MLdfOO6iskYmdq1viDSz80D79EGV6PY/h/R\nQAPAuw1n0ywpVvLljDlIzuCTWNTSgKnWrjXj6t9bl9mou9DaoMMI0aKM/msH\nJ2oiz56wHc572AIm6P0WEklbEhVycGF2QXmu4ORcfJcfGC4RxoQavFh0k2Cp\nTMPukvG1dHG6xUegjVEZ9CTt2mzApeh/4lOscmsruFG6/WLi/CvRIQ1TKOO4\njbWomGFL+uSlmdK9bXZq6yMfAdq18Tw8uOo3cZeNjmSVxUdNYC8Il9z51PpF\nMXGbng+mVXW3NXQhh9kHgS0XQv/8XaOXBAP72t4mjnvhOgJiFbMoT07yBfSG\nBtvA6/bJjitmUaZap+MToTe+yLOX7onZ7jofXL+keH4pRZ4hri006DrDGh85\nI9DR9KPbcU2xGSiFA9Rrer+/e5lgMgUtLd+NUN62VCVJ6G1nhQ8PUYtnSA6t\nPx8XkQN1TfhmJOqlCDaG6u6jQlm8lLM2CCbACsbJDs1vfcuxZtMyrI71edSB\nGqQw\r\n=PAKb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"6da531af61ae3780c764590cbee62297fb206e46","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.7","@chakra-ui/utils":"1.0.0-rc.7","@chakra-ui/popper":"1.0.0-rc.7","@chakra-ui/portal":"1.0.0-rc.7","@chakra-ui/transition":"1.0.0-rc.7","@chakra-ui/close-button":"1.0.0-rc.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"framer-motion":"^2.9.3","@chakra-ui/system":"1.0.0-rc.7"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":"^2.9.3","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.7_1603661966260_0.9396966762814134","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/popover","version":"1.0.0-rc.8","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0-rc.8","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"496b84e496f0bcde57cae3a7e7b1505c588f22df","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.8.tgz","fileCount":19,"integrity":"sha512-wl7AOisR3JyHWo4kkAJvT9no4rEYFrSHsOrrf/0YM3P6vks5ajEDu5XVc4UAf+JAUatp1pqovuis/Fae20ds4Q==","signatures":[{"sig":"MEUCIQDK/cv7+obEQi2RJUm23EElGfcCjsk2R/fw9CecLJ6lDAIgDmWX6bWRbUGmFNu1IWEan0O4aJ3nTv9mx6AwtZO9lJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyUtCRA9TVsSAnZWagAAfZgP/i+5rQRiBGjpty1WjAiL\ndlv20INEfmojFLohps4CxWxh4TCQZ67xTze2AXo132kFvyeYE4NniYT4D6qY\nHLa9KjSBFRchlMRDOrFvebMCzKpfjFXxgEZlZcE653ff6EimDfK9+cbN2g+9\nBmQZzq0V0yZpHv99/aE+stsaVooVu91cuAjORHiqILMLPIQAKwmqNCdDrnMU\n1flKnQCxvmM2G99FLxPzaKQ6NFn6J/9M00SlNy5iHeIjAXQNBCQJjpDfdOMv\nhKjsCuxr4vun+2HP6jKdyJ+VH20OvbOlvkDR7KE2W0xueghDo90/x4D1f6iH\n4AevDal2VLIDyHuqa5xbiSUWBDDdD/P0Qf3S2/TSd1ja10TDFiiVHv2ZZVjJ\nqmuSHKUiHfmzc2fDPx49xuACjT0kZtv/dec3tEAvEu3CqSOrLSSGSMuGSwAP\nfHCF6P71UpsqcP15KOApp0HXTIUwr86pz5GNjWkt6w3vchLMVy86Wh60uH5I\nz6WCN0mdP4E1IIcQnwUcBMfE/pjZIZi8a5mu6tXd46SdFJBNRAmubd5R35h3\nx83LS5erNLRRMpZzMkW4uPkhhGEmgR7fmj6vevDO6cSujkhT6feLo6BeSr9r\n3LXhdj4FHgkXdOH2ZMSqTP3lRMaIRoUqE27e/B+w79j3Z9TE0FsNzumShxtT\n/7AX\r\n=GkAw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It's used to display\ncontextual information to the user, and should be paired with a clickable\ntrigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/core\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`.\nIt's critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"de4cffb1638e8d10cd74515b0289d70eb94931be","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component to render that renders it's content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.8","@chakra-ui/utils":"1.0.0-rc.8","@chakra-ui/popper":"1.0.0-rc.8","@chakra-ui/portal":"1.0.0-rc.8","@chakra-ui/transition":"1.0.0-rc.8","@chakra-ui/close-button":"1.0.0-rc.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"framer-motion":"^2.9.3","@chakra-ui/system":"1.0.0-rc.8"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":"^2.9.3","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0-rc.8_1604003116824_0.44385308945141166","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/popover","version":"1.0.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.0","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e2454fbdc4f27e3a84152f46f8b0eb55bb49745a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0.tgz","fileCount":19,"integrity":"sha512-9rCB4eG+nMEpWAorddzqA8z6C2Nw4qOOFCuf7obrYsmyzHTDyydWMmXIcH2IAiVjFi752JSTcsNBw9hWeZxSiQ==","signatures":[{"sig":"MEYCIQDeHlO4X7WoMnktBa4mEuiPy/pGsiS0JKk13kz5BAwLkgIhALYHs1UYzD7AY08IXe+vTyiCB7MjGNeRTKkZ3lKhawR9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl4pCRA9TVsSAnZWagAAQ4QP/0nGCBrFHNvgalsHZWbN\nKaHOwjZXk9gQu0sy9lyTtwsqQ1gn0HWwhZp49bzIS6p9HszVsrDUj/2+WeJz\nT88Ie6VrYHM969eVETmCLrNEOwRJ4IAtedR/dkFb6E1R5Wz8+j+mheSlWsGj\nO/Whg8S8AqlA9rgipXRZS8rbqF+OQk9xecxFKrPBv2TtPA7rpUDkgZiiniQ/\n07RyR+x30F7QiPcJeVbjTbsC30GfPlQQg99+2SwUZSwvf6zQBXZVdxRbIkm3\nchhGXLXubATthfp1fpbXeZ5KVo3DTdK0VH5V0OQ7AbznaHLx+MsIi2xJrKfZ\ne2API2+tFRZ71TPYlUF+cn61dIfPsUqN2GZvHAKmQevYSJWhcwfAZcMjJj0d\nqtILOT7sqKnOxgvjO5KbBDP01M1heBrzp9PiTELYMQ+6lLt3lPwQtjlzGo/A\ntu0M/Bc1vhmt48AiafMzR/reqiuM9KQBOG0GWVZC+XclVhIxooP+HW2KXoqy\nQFcKX00aRltVdEnAzgThA0pQ8zlInKvoz7zX2JLVisp/1CGnKrQWi92NhEPx\nfr7b2kXnoA7qLUJdVEVOYd3K4xvCqBJ730F/D7DpU3fnCzVM4S6corAFpcya\ni3bYYNbm1KawtR33dIqZXRVGATEqkSwJ/nM0sSRfvKiuxk5XxleJlY9Jj0et\neiIt\r\n=Ppjs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"c98ca366cec7151fe7ea4e0b6f893088797c5398","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0","@chakra-ui/utils":"1.0.0","@chakra-ui/popper":"1.0.0","@chakra-ui/portal":"1.0.0","@chakra-ui/transition":"1.0.0","@chakra-ui/close-button":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"framer-motion":"^2.9.3","@chakra-ui/system":"1.0.0"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":"^2.9.4","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.0_1605262888714_0.09856602213235588","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/popover","version":"1.0.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.1","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"753fc5ec2309b2a941669d30add0b91688d27db4","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.1.tgz","fileCount":18,"integrity":"sha512-pBdAGtnAY2maitZyIxET+2YZDsJCiKFclgq2Y2jMpBp8Z3vh9frn8uIpa3SCtel5dKlMK3eLTa4aFQYvCy3l3g==","signatures":[{"sig":"MEUCIBPN3+3eZHNr2qRxqND68eJIJcxguHJItf3t9CRdzg2eAiEAzWJOGT0KTRELTNx0+twLHWQ6eBD/XsD76gl82+ZT/p8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB3wCRA9TVsSAnZWagAA4+gQAINTCNBtlhQIihBBgwIg\njvSOMigWXrtCxKA5+ebex+0xY+WcvCR1msHAYsG0rX/VCEss1jakpY89nfSN\nTcvqTQWCB9UESGas5jyr86ADIitxxX6DfwftvZVXYxrgVkvYXqKaybDU5JIh\nwrgkz6qd4c9aXCVqeGZM7y+gma4p7mD0aQpM9cEhxDk96HmQdvCv/qhHSFAC\nb9/Ju4Rdt9uUwTI6FK5w1k2wrgo0woL28EdfCFZRHracnjkEbpSIDI2KW5Qe\n5NkVVf/BTllBJd0vn2gerufKnv13xKAfaWUQQIiR5757vllMt6bSaFNDQShy\nqm7Ak/z06h9PZ+0W5v0Oo1XODBRtkXEZ+b03Eot6f3h8PrdwCDWgODD8whMr\non54+mwEe4Uoln0xInUTQbFp53toalkcMidNHUfSMZYw7yc1tD8Ufdq6AVvd\nCY8npaT7YzW1+qesqiB/IWgszJKY6Tf9aFbmUaq8mn8JxJUzubAHanDK+cns\nPBOZXSCvqw0quU0V2udo9tGSzJZYGcOQee8cd0kjd6zZ9Eo6ye3K2KVD6zVf\nVZjiVn/dgAKGO5jQJePSwAWJWlL6IfSvLWy52IbwHkQg7yeb8+GOYi8QMcG6\n0JucN0d4VVf4URRpcwZEjsMzVAM9Pps1eFaPA+ur8/FSWjavqmvfBOLNGYV6\nn3c4\r\n=5Rbx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/popper":"1.0.1","@chakra-ui/portal":"1.0.1","@chakra-ui/transition":"1.0.1","@chakra-ui/close-button":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^2.9.4","@chakra-ui/system":"1.0.1"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":"^2.9.4","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.1_1605901802826_0.8186709133454007","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@chakra-ui/popover","version":"1.0.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.2","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b5884da067f2e53f1ee1e7d5290fccbc84861a2f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.2.tgz","fileCount":18,"integrity":"sha512-7C0FGZOcNIoFSgyjp25ErAuvjTDM9apV8gsz+stQG4iibP+0cDBly1NmrT5iuPoEW0LMUV/YwfyW8qUTWRByPg==","signatures":[{"sig":"MEYCIQClsJQbgt1CspQ1FR5pw2urRqKAper60AA7nkTCQrcDHAIhAKBOdQqin2qsP6dGeOZSak/Z0z0oz+aJzgM3JYUa32S7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfySvSCRA9TVsSAnZWagAAZ+4QAJm1KobBysRptuIIuLlF\nejmI64DO1/qiWYWP5TpYLnzfiykL4cUcWArTVdwtTrfhOO4CZcnNsPdOft6A\nGMU2FeEv+URW3aUDzYq84K+zdd76vixEwo+KMRsvGDrTG/PY/Z25KDvVymCx\ne0FeaiXnzUFceiedA7JtCYRuHXjzcZTryQNu/wjFL1Ag/cpAZP2vsTGpIXKc\nwNuBDAke8CBfG0NCZWTwdxGSm8uV7yx8woU8DZWS2diOV6n4/iYd7WunXhVq\nyGGAm2xYSqiboRerlOvWK4xH75uj8yPpq6t3n7EVlgCQHbs7XPJA0i7zPVra\nNK2robi/Xx7asPOewijOSufiKQMuZa1WyHrEJoLVpIbm5uLLYL8OBfDI1VIl\njmxqnTVDVAa4dS7361tazYqmO3JOJIejnTQQa4GY82fjlMDhlW0gzHvaFA9j\n3S3XTblhH2VPFsDdYQd+yI4E+xz/BC9JkEAhqYYDn5cltxntSq8qRK0zCgkZ\niDLCTA4cYitk/Uo+9hBtRXXUx1MH5wH+xt1pCrSNpw44iTSZNmwWffHwk2zW\nH1PEQLg0PHawoETMcB8Wb5fTwEux5lzzpyIF+CeVzDh12fdLl+xTv6c/64zU\nBrLVrHpU9DtcfHy/s5HwtT8YqymycTn8Whw30Ldfx6vmtoQ55lw5dfBdrko6\n5IfE\r\n=jnUY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/popper":"1.0.1","@chakra-ui/portal":"1.0.1","@chakra-ui/transition":"1.0.2","@chakra-ui/close-button":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^2.9.4","@chakra-ui/system":"1.0.1"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":"^2.9.4","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.2_1607019473687_0.5811652828071194","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@chakra-ui/popover","version":"1.0.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.3","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3714a2f5c27aad03ccc5b7b4b1c4d0281a396779","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.3.tgz","fileCount":18,"integrity":"sha512-QJhU52Sgf99OuD41L2IwJB0UvcsdZ09WnB80616ECWh4qSBEAGQTu37rJwqg00rf/t3BWjFfHjgjb10A0pCs3g==","signatures":[{"sig":"MEQCIDjIbDbq42zVbMF8JXpeA9kArd7X/dLKCr4wV7M01NnAAiAHhRLz8hROlfldGQA+WWhkmt/MlAQNH7IAKTfJUPoVZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115404,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz7kaCRA9TVsSAnZWagAA9WcP/il69sef9vCHWwU5u97K\npgltOt/tDa7wP6XgqFhgLVKm99zcvQ/H7iXANVmoaJeuQKnKkDwUbrl+pnwQ\ndw0D7qe/HPYxnOm2jz5VCJ8ENOtqjothXnTyEWQUCDXmokuRNcU+0ZArI568\nVhXYbea4wAosJ78A7JJyaeKxie5R+h3HFDmnFiqraZ3yIxhIyGfozrOelkft\neMRBOeh2VHzmE5C1h8bMEiW06F2Aj0I2OJ2s3wAllnYpttTIs2brT/oZCSsM\nGtO1ysxvQ2i5ABJvI+LuRYegybOJkGUbHi7g/qF8ssMaHWgprp5i4p+rSNs5\nENZ0KszOSPIDsHQ0zCsmSojxsO+OpYopQqoTgFLxbWJGXlEexeM3ErFpgPPn\nbVtaMxVFAM1ZekeJxJSiN8X2YG9NtV9E3VGhxYjANQG1KoZc8ofw8lhGsxAM\n2pB24SMh+Lq2L1pyRatwwis14Z6LBa+zlyQEi1c1BHXT75U4xTOooGR+x13y\nw/zdj+D305TxIdczifXqfVNhhXwyxUQ0UdDDP1ggN0oEpLP9T+jF+byrYokW\nWBeelrJtxEmT9TdQjrkLcYn9LkZ4CQZhj+4Tth/B7lcqF/VSj3rknBOmyv5v\n4Yoa4Cv3syodDAF8hNJVXUawGffKNk1G2gzg1oz9zp1JbyMjkpPq5pz3tbJn\nIrx4\r\n=vIOg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/popper":"1.0.1","@chakra-ui/portal":"1.0.1","@chakra-ui/transition":"1.0.2","@chakra-ui/close-button":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"2.9.5","@chakra-ui/system":"1.0.2"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":"^2.9.4","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.3_1607448857619_0.14416291280950455","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@chakra-ui/popover","version":"1.0.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.4","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b943ac2d36360907c1ad2f313005fccd04feb382","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.4.tgz","fileCount":18,"integrity":"sha512-at1wEDMgp5fpDs+vwfJw+YMgchGjv089XUeFkGBqSeL3JY5k2HFWQP28yrAxSHmuBtadI5T6LfIaXthfJQzzWg==","signatures":[{"sig":"MEUCIBIzmn6yVw1WWqD2Ms212JnU6CFpXwlaUhaeO0f25vsSAiEA9NFK1zqHW3BDuhfuprJ1jKUjU49VdgCLji0DZUYplDw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29APCRA9TVsSAnZWagAAaxcP/3mJvtRiMsl9NeVTmGrn\nJIfK5CbHg29O07ultMdCoNCM5lT0J9MsK3zOdvoH9k+zRy7ZFg7dXNr0cd9x\nprIJvf+5kEQzZuNDZV8vej6ojahKwxpgT8eMJovQPrXHw5XvJ8McO++TMDY3\nxozGt1KxASBU6QRRcF/9fMuSWcZXZP/gZuKS4+2JvIvoFJjYNXt6gCMLR6Rx\nbGCXdbfJu4wWNT47+ErTB+ISQoTFtcxa9xQkL8RA1ZIvMh91QcpZKMtaIEci\nWQCpcY6HPWttW9YuCIkVWwHz0krkzm6aSOw1LDmfd+e/4MrdJEq8xPtSxTXs\nlrBgZvujy+95P6RQi3p+53AllthCSQJE7SpZ6JpfLjZFd2G+eeqNVo2ug5VF\nHOivnd/HkLFBrYKJOi3zvtDZkwPQqCvf2H77hBQ2/n2OZwvGkHlJQKJdY5Hp\nNSekjdjmxwwV5CqyLOFmQpiseq71PP7cK28BVT+UtSdiP/WNBBlvFHJXn+lF\nCm1q0fSvhXCZUBtRIdYGD4No7b2zMrB9DxzMozWuQjFSNerripv8hx50nV5l\nIwimxmubdbSOc++Up70jOEItkrh3DmwCf1LS7+Ve7T/nwyvDNVeknCOK/acC\nAHLFgAg6mqKLEODTnvuO7LL7apBuIRHGmHWr+UeL0wmIx6UmJmXstuqfQ9jl\nzp3J\r\n=BkpS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/popper":"1.0.2","@chakra-ui/portal":"1.0.2","@chakra-ui/transition":"1.0.3","@chakra-ui/close-button":"1.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"3.0.0","@chakra-ui/system":"1.1.0"},"peerDependencies":{"react":"16.x || 17.x","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.4_1608241166755_0.5141745892000544","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@chakra-ui/popover","version":"1.0.5","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.5","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5ca1ece78ae9a319d172500c398518c88bed296a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.5.tgz","fileCount":18,"integrity":"sha512-weAzNZLz2Gik0fhSnpfxgZ7xq2YObMSju8wdBUSlFi83sCZliaZE5EMeNpsVs7e31Ull1cTqn4OjMBPwVvCRhA==","signatures":[{"sig":"MEYCIQD0vUfjhKeMYoiEpqpznnxdKe4uT5Lwbm8wqbrwWiG7/QIhAMoVnoJfJz3xzqjSNq6mVuESSzZWkUQorndVfiN5yktQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+1DGCRA9TVsSAnZWagAAF2kP/2Q/klUa7u6XWehUMTv5\nq5rQdEH2M4Ef2bG3ktdneKmCZx+ExB5W96DOpdB+XWGw7nKmXAmQapKlyssw\nIhPJRX+wEl47ExvdsIc1O46tVzNNZn3azyTv/y8t5Ll2LZUb9/uVa14PXk2C\nLqRUFKderUVkAnGjxhoaykzjn1D2zAl5KpSIcPhIzB9mgzS88TVfny1x1wTc\n7dVcSO8gXN6mggXb0RRyRW3V/VkQp/6OyluWgViOaonHFpfu+Fm++8I3SIt/\nQ6ICawaptz/WnxKTHsGzbj1eb+wixvqSisSYqnOcrrUVrRmsS83qfCpu2646\naKSkndoZ+xA31XcAdgIqWxcJycmVbzZ5UIOnIN1AQ6LMtHcHLgr7lrjb3QYm\ntRB2nLmyypBzt/FSNh+5C/tCOP8wfWbnIoaBh0xaSubLCVZJrSamik84TF6Z\nPv9q5niWnxjpsWNXdaQESDlapY5ipe8EeOczOPLzm8eor8M1LWes405+UkCJ\nZq44k7mloaXOdValZOUR+wcq+3WQfO6ZzcvquPgCtveuIFP7glhYpnxCCduU\nEg3pztFXHykMBcg26OhNzE1TI6CVf7oq0JC92D+cuNROsEHqjk5gN0Jpk7OP\nIid49Ud+P9oqTXjxkyq4dvz1QwNS0+3cal671dlHeNZfMjM+JSoj3piA0IVd\nynEb\r\n=MaLY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/popper":"1.0.2","@chakra-ui/portal":"1.0.3","@chakra-ui/transition":"1.0.3","@chakra-ui/close-button":"1.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.1.4"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.5_1610305733240_0.5716936360162979","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@chakra-ui/popover","version":"1.0.6","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.6","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6c333c1ca9c6d7a122d384537f227802ac5794a6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.6.tgz","fileCount":18,"integrity":"sha512-MFj89kRn4L+WqEMOdNXbF+8LdUnS1MCfwQKSIH0T7m0rZ3/nVydFGJ9iPtqzGpt4eaJ97vWe8VYMFvbVnlHliA==","signatures":[{"sig":"MEQCIHughG2WuA7WFsjcSuB9nwjRcxBTUDYwERgkx+wdvyVNAiBAUhtuTPK8zIdHHgrK4360PTWAB8g03fUGwd7Hctnwrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/ISHCRA9TVsSAnZWagAA8v4P/1qLpUOJ8ZrNC9g5xcbP\n99gNOWVFNQukYMWWbwwcIFLrc1v91ha+4TCyOKMM6/NxccfU9EeZWjLiosJl\nUgOpITIooFLGQfQeUScMP4ud370Syxq3BNYwZvWXVYKYm/Qln3Xw7qpoD5O9\nUgJNaJp8a+9UPaHj6ovpdp6pDirD6iYILzyRjBGRMREkumJYSFKDeKwCAafx\nKSPXn+dDpwHALyjEcYS62997jrZzLjMH/QLkbp7qbWw3CxBdsJLH8UXq8oix\nHPuBHCxoY7dCVAxyv4FolglmqFPXEZ02IbhRVoeP6Htqw/LhovSqsyLSAAi6\nb+S4GS9btoStQsPnePA8AyVol6BODo2XHrWnQ0t+3gOqvn42wT8a1fLnuflY\nM2qoXjZkpJFD24JZCcSo42HUpDJd7gwlOTopONs5jU2xVxEmXDIbE8Oiy5qD\n2448v6/VDgjiTheMgaxFmHof1qZ1Zpt+akpcGNOi/1Q65WyRqUF4MMdRGvhf\nffqSJAP/Wn2EoZcB/NGuvJNj90LmyNZKZ9simrZTYl+bnrGMGCGhjnRZEAxk\nUUIXQNsYxbSXEOIlE1HRJDfiahyVx+au8yhG5mu91TSwEPCuB5ajwmWqdmtI\nMSUkqypjLLP6IolCxloUlSffpKQWVDKC0hpDT9PqMi38QoA8MU2ehu2Nuoe0\nRN/O\r\n=VpMs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.0","@chakra-ui/utils":"1.1.0","@chakra-ui/popper":"1.0.3","@chakra-ui/portal":"1.0.4","@chakra-ui/transition":"1.0.4","@chakra-ui/close-button":"1.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.1.5"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.6_1610384511328_0.8138416943874065","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@chakra-ui/popover","version":"1.0.7","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.0.7","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d322149f794ea2e5422460b1b74d656e0cdcd12b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.7.tgz","fileCount":18,"integrity":"sha512-T9/pRJUyQfYel7mAgVBnZknGWd9l3ZsfMXbo1kFqeGBn+CJSpAxImL9JqrLDbjZk8Hz3f/L8WiEyibLOc6c54g==","signatures":[{"sig":"MEUCIQCruDjiG9S+w6E2j5Djazl9BZnxV8ips30jneWJqX4LbwIgH9ERMSA+TischmV4LxSSOVdHDU5Z6ZqRKa5z4EFVF1s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117703,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBJNnCRA9TVsSAnZWagAAc2gP+gJe0HWSW7BfLA/YIunQ\nPGUHX7/k1UJCdumO6BUpJBtcntQV6tLo+cySfbqCiCa1n1+AtV7ACh9GNc3C\n0p556Eb0VjkdI1nttZ2LEnd/q/uNLU8s/dnwrSP1MVFxOrBc2cS9ysU+oYcP\nt+CjIq2HWDaKgCl9/qbh/3nwt20JgLV3ziO7Dr6cOvAIBz8MH3pK8P6tMoIJ\nPJyomXNZ7PdMq5nzeKkwtEwDuCymGyGExK3R098OMmke0LTAe0oWN/0TA3rm\nWrukm3Y3a58lSCJ/FATpDUsS2fFiJ1XoFtJ9IK/S24uQf5dCQq/JkZjEUAJc\nxZjJFmKyoshbteBd9vGy6RzkhhcSMP5fYwg/nfyWC5KE9E2hgLvEKQ5+Wrlv\nQlYXdQk99j4NLChVqg1ZJ52iYS7+8Gp5QKqvz7/yYSAfS6LNlQt0VQoGW9Gc\n8cWZhBAEO4j6QnIDZNpsl9FGwLsWwuCyg5qlZOKlltcOuJipX7IChfYXCLuQ\nq1iEW3uzExZ/7iNOHK94VYoDNMdAGpRHaNzPN2mNUhRV0VdnwPzHMI4vOkFq\n3fBlbdq3zNkh5g7UJ+tdVFEW5a4Nz3dH/L+1PTsvjifxZ2sr8KPlxoUkW6+w\n9C2jgyI5oQowflnnbLuM9PWtYbRkExAHqJmKLxvhcb6+JklddAbwjpg3iveD\nqcUD\r\n=JID5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.1","@chakra-ui/utils":"1.1.0","@chakra-ui/popper":"1.1.0","@chakra-ui/portal":"1.0.5","@chakra-ui/transition":"1.0.5","@chakra-ui/close-button":"1.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.1.6"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.0.7_1610912615539_0.16280624036952163","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/popover","version":"1.1.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.1.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1fc58766e5584f3de1d042050a183b1d6ee625be","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.1.0.tgz","fileCount":18,"integrity":"sha512-3fsD3mZZ0lhtvpSepPtax934+hJG8gmTea5Ejy9Fihx3R+iQbzQFpg3AfHkGQl+Uze9Wizarn8bQQfz4wxSx8A==","signatures":[{"sig":"MEYCIQD2f4dLt/zzeYYJ7r9bOKMziyNk4DIRvHF0UAS9ZL9NLwIhAKz4Wl502AqbQVtJz7lTDLwRCOc1bGMYJJfXmOjGxO7T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDYu0CRA9TVsSAnZWagAA0pQQAJsKWVbuYtBKKDp2UHA6\np+T9RRs9Ik8uHUBjgpC1ZVMPnbOGQHILk8y+2T2qqqDfDqbNRwWFwpwTLoTn\n5DBUsDGFyq7QkglAW/RBN68DLqJNXlu0+mgipQT04YBpHPlXOXd4WAOG4frD\nReprProXw45Q7o01xK4N2Feyc3PU+jXIdvM9G2PRWeiaw5M0WujLfmz8gGaI\nf3DNd1Kha8/R9SQ0iklSyEHlH6eKG/t1ZbdH93G43BAo7bideprw6EMoC0xz\nfiZ7yxY1TfQQwgsDX0/gq0RjY+NSv2GzgNsAGMWunBKigGoS8wwJft5R9uP8\ns0tLl1629aQGPPr924B5ewDLCjDRReuNfsiSf363iFuMekXDNsgTAwG6CIR1\nG4GyKRMmj/leCGydTZ0G7M7NG0nlwb3np/xWqVVhYjO83oPzhJDUMO3g0HT5\nQCeAQIPVd1ZJC8hpcdvd+kHbDfx0a4KyXkE5xsVWMYUdJ+5iKkfhUW6nZ7R4\nF21TrVooMD84mMPBvtBieom9jfXNCBWudjAuz786pEEykzdlQDGqEtcEBy3P\npzW5RsYh308quNjUOIg6pYkdEoH2lvVt+Bp3BSpD0cVlzbCuetmW+hphaEiL\n0dXWrfxbY/7huAJEsL859T+cP0D0z3kcDJcWAfeADkyVd3ofMNoUmyt4mTQZ\nZ2L7\r\n=6JTf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.2","@chakra-ui/utils":"1.1.0","@chakra-ui/popper":"1.1.1","@chakra-ui/portal":"1.0.6","@chakra-ui/transition":"1.0.6","@chakra-ui/close-button":"1.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.1.7"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.1.0_1611500468118_0.9365820302576022","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/popover","version":"1.2.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.2.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c8ec2b397c5192859bb3c608e48017ffd5a1b9f0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.2.0.tgz","fileCount":18,"integrity":"sha512-e8Zhy0YqQKXhS2wYFpVH6EZ7qhibb99oOPQzejcnUJ0mXTp3QaFlVDQRW//hivhckNbJH6d6N8pYkaIxYulOmQ==","signatures":[{"sig":"MEQCIB16Xvhvmqq+ogO+2vKSn768yehFF45nbRurDwV9aMaEAiBdsE6V2XDZckai39GXioVi1QYodlHk3vWGmPgzRzzQ2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":119787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUtCRA9TVsSAnZWagAABBUP/RXn9qWg6fctGNo+FTxb\nZr0uv1wGPzB+JkOB90RZ+fxJoGGX1US0gqfrcUzIjNv2C/rm1WBXH5eCJ5WZ\nTqnDCFHZV2qypl7EMiZ7QMOWSgpt4efhecUAF4/PlFqcOdNZc21HYpZuXeOr\n9Vvbr+Wbs8pDmHuTf4nZXYzAh5jwutK9mcvMokUTiJ8RJE5sEgUtTMO+oYC4\nnh7z84Nw9GAiMOQkraWTT/wQB5wC+q8MoHKsev78Xlarw+YMaO8dVBuyKPRQ\nHUWCXC0RzB+ESE+Q+fVpjdjuR11AkWVu7dpmuViu9dCAXPY6s/o8sWRfUsv4\nYeVzthCxKm5xMIfm8t6gIylu5ySn6rRk8vYllse32frBoeTlH8TLy3pYVr7s\n1FPOwi+0nWlnn+6wa5y//zviMvwF47w5+3yAIhj14pMBxtPGiuJJvpMWNcHB\ns9hPdcfwOwPTd4LZPFACleJXCJHwT/kAZBeuuIDT/v0abF0MkVl0g726Omo2\nvAUzVfYUXbpfrS3+K5rgyEtfJCOKOgleXRVlMUMckCiHOdvOvpiWH77Af7bz\nHeMd6GupslHT9I4OASGOc/krNE5l+DR2f3G4S5n8b2CsPQjuy9DIhsX3A+7W\nxtXyI24k1JxwXGNous6OjjCkQMPmXoebGbR4hwqy8EXBau7aJj41Xxrbu4GL\nDzvZ\r\n=CAk7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.3","@chakra-ui/utils":"1.1.0","@chakra-ui/popper":"1.1.2","@chakra-ui/portal":"1.1.0","@chakra-ui/transition":"1.0.7","@chakra-ui/close-button":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.2.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.2.0_1612043558122_0.3610069582864539","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@chakra-ui/popover","version":"1.2.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.2.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4241bd3bb5c5659dbf7dadd218d928b2056a7cd7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.2.1.tgz","fileCount":18,"integrity":"sha512-A3va8KwjdMM5stVNTUiliIeIRen9JWmWmSdXuN6B3ffdNbi5vee9OvdpF8yhevFxBscJWvqoFYf/9E2tduXDfg==","signatures":[{"sig":"MEUCIG122THfwwYlr/Q0vYvDpR8F2lZpI+I71wlYkNGO8BsrAiEAvoojpHtz+2Z0XYRgW6C1eWvFaVHHwmi3dBs6/UBjY0E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoA+CRA9TVsSAnZWagAAgyQP/3I+ztJwNklXf22e+POK\nJbTJK59U7siIf3ZnXN9Zqso1MfgUYk7tcF2pRS98ng4YgV2umk8s5n1YOmg5\nRe2muaCD8XZbNu3pT+kuV5fC01O1spPcMlGQQAGE3TpxNBw3C+a5Tu7ue+mG\na3t6n+o7I6k2IPURzUj3bVYmY2e12fgbGBLVr7D3uImiRKix5+PRDAc0tR9w\nZ8gwBZ/VSuPxVYYH3sccnBiK9od8yz6kFGuki5sdDueFsk0A/IJIJJjDCr+0\nB8zOjDa3seUHOtgeCyobPapvP7vlLJsb6+SLgatRHeiD76WM6H6BQODBh+uk\nvAC7B58VcGIkHtEL8QxctNVhlEafhkIAIzpFwX4A49T6AdAJWPhhcbVEXEjg\nJH6hQvE+LuRH8EGRyAOJt7nHHTq5YB7+W7m7H9bTTt9miZL/u63M38oqPKMW\nkEcAQv5AAzCynTHVHUVQ2fOV8oMR1ERnfC3FGzZzaPajZf5km3lt4oiqVmu1\nKFVGqB9/kMk0k/7fbjJhLjKwXgIgqM2Tq3hf6WPZ0tGpoJ37ed17jLDJYe6T\n+I9qCvV/iz97GbVDv3uJV5RiIbD3aaOT2rAqdUewlzAgeoArZNXQ2hOrd1Mj\nxplFMhYSqzF+iLk1mIQFJ0HlR3tznOJ4G7T5zffEfukfKKZYeEyOnKr58GPG\nGYG+\r\n=BXn0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.4","@chakra-ui/utils":"1.2.0","@chakra-ui/popper":"1.1.3","@chakra-ui/portal":"1.1.1","@chakra-ui/transition":"1.0.8","@chakra-ui/close-button":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.3.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.2.1_1612611646110_0.5134895039397567","host":"s3://npm-registry-packages"}},"1.2.2":{"name":"@chakra-ui/popover","version":"1.2.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.2.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cf8f0449dc0ad1c27460c80c2a037aa6f304a077","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.2.2.tgz","fileCount":18,"integrity":"sha512-J2let+7e1RbLP/SG+waHI7I/7DWq9KMQnh9baiUxn2PatxNHtnCI+raCAalXFuLQ93fwaBgf++a/BmFYfq3LLw==","signatures":[{"sig":"MEQCIDrU2bvhbIi3R0Y50xEsvbNvaW9ZfvR3kYMmz5motPm9AiBRG5mhplHXEJBcnn7a3OEoIov5IcCE03dbiLwSUVZMew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKBCrCRA9TVsSAnZWagAAeVAQAJJGu2XMTpygsDOzlL+e\nqyKy9MYuEWfQ/Mx5lCOKK49vKLwyaGDnpLZw1MV9A+Y7Euh34fqkS7vt7AFU\nrmuMNPBTDc6kMwNJ6IedKxLv5NriOuXtINqwxgH1kX4e5rh9dXWFiPCNsTZ+\ngym5UbNJSo01n1vu0yW71GZLSJNcASUOMTZr45Q4oOTRpJzRN4w8IHkdeVgB\nQweJbgB3FTqo9WYpkSdpTJDk5JBBbYV3WiTjKv5mTRgOzI0pFN46rEmsBOHb\nL71f5EjLxO4ipjNtrPZVxeqBFGx+TnAnZNeLj5BIJ1o2gJ4RRk6szGYmi8b/\nQxfdANBTMTkd7GFxc2y5utq+/18Ec2+xuxeLAmiCzhlrp8qCcOvwzkRvry01\n2+1+VUEMeUPFJS/iZU7DBDw5PVxKB/4TutIgDswH0iAP1tDnL71+eCont1ta\nXGW1dKbawBgWZd3UdZYM7bi48mAeMYPUMN6TnBAUiic5SLZ/hcec0m81LoQF\ngm4mf4iw/v75Mf+5MxMF2h2EQQbeYzFCZIYmt1G/c2/v6b5owlkKFNkbtdYH\nU2nIjaOGFaGilsAd+ggvZ6SJ6UyVTHa//j4K0lJV7Y+wrzN1wg9CGuXnX7Vf\n40Xq046HBBsyovCs6gIvZ2rdSPlaZpp1vGMDDxzy0ejVRgmTmcwXgY11Pjl6\n+cgE\r\n=LttV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.4","@chakra-ui/utils":"1.2.0","@chakra-ui/popper":"1.1.4","@chakra-ui/portal":"1.1.1","@chakra-ui/transition":"1.0.8","@chakra-ui/close-button":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.3.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.2.2_1613238443179_0.17066623606380626","host":"s3://npm-registry-packages"}},"1.2.3":{"name":"@chakra-ui/popover","version":"1.2.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.2.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e2f64169276c318b092de3ad1b632289eeabe8e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.2.3.tgz","fileCount":18,"integrity":"sha512-hA44W7GwDpQWep5R+4lRkN9C3FE7zW+cTYuJXNNx2CwpUOWCdTAaPwx4LJb+yLmTMbRXDKSR1KrkzWK3C6Abcg==","signatures":[{"sig":"MEYCIQCplBBOZNC6w1PW6qGOKF3rkm0F/ttbNfovcItUkvGOiQIhAL5Ohb6lVi26XPI0l4VXhVZAP3iWCLzt1k0yA0Hk0jN1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3nCRA9TVsSAnZWagAAu1YP/2ssKDUxg4i2n26Kh/ah\nvK+VMsg7B2bvYqIZmP3Q2bACVIv+HNFfegsvlVM1zrr6xvBkZp2sb1Zu/Ygi\nDXd4WT0rDukO/v3FKkz6WLqWyNY7azV6cW2umKWy+yUh2sNXPaYei0P1u+lA\nR+rB+LOvMO+tQsUU/iuE+4lfD+KG3b0NoxyBCPD7nNTIsuo6YUlmgNhJcROj\nRnXJvDqVIuO0+aq3sOm2ZxzQejua2QYuOecLCyqbBI2RYpEkA7pHBNVX+Xk3\nInu92YPlGecKHzJnothTet110ZzWxSEDz5ihClTy3WTuDBxaV6S6/3KOu8le\njkrJk/T9vp041FXG1BZCmeMPP3r+wmjSiPFZuoKRhW6yAykTUcD8L4UBCuMn\nfbi+32BJVU1cttEEBIrCpGD4nEEQ2sp6BUEOC3Sgxv37ufYW2/vAXs680L6+\nSBKRS7IUChusPjm3CJhbq2x4pghModJqPbE7j2ojvbCjClFf1hE75ZPIH4Nu\nj+Unve+F2Vs/xED6fhJ9DGiimVnf0jJyYb7lg36FM5c706o6anr9Y1tlqwqa\nUOe/zjf9ExL4OgS5oJE/MBOYDoJo+6abPn1dxumtAjotVm0KwC/5zQ9CweM4\nx0koXn6CMn7rqZ2KSG+QKjhCVhPQymMb+I7eolKLI6529/rAO9sUItutbKRd\nq8vV\r\n=brVX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.1.5","@chakra-ui/utils":"1.3.0","@chakra-ui/popper":"1.1.5","@chakra-ui/portal":"1.1.2","@chakra-ui/transition":"1.0.9","@chakra-ui/close-button":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^3.1.1","@chakra-ui/system":"1.4.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=3.0.0","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.2.3_1614974431893_0.7922964922327291","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@chakra-ui/popover","version":"1.3.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.3.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"df32ede440f36c26fadc3dcc754955aa9ddbd462","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.3.0.tgz","fileCount":18,"integrity":"sha512-iVDe1A8BU4kImXKdOnaHnA0swcMXkkBYMxuTyhXVqvJwb+8uZgZ1OUdvYOgSEk/dA+idMQX7pINE0snw0W7USg==","signatures":[{"sig":"MEYCIQDCNaDXfpLYuczJ3ci9Vz79ElgmytzNfiNwy6j9ydiZ8AIhAOTWzDMRDlvzdghlUHryJir4AFoRYGkJAUZrzZROAv0s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVukgCRA9TVsSAnZWagAArqYP/i3TAnWMQLK2OPLKqftX\nC3W6DjwK9WJ5UsNW0tJLAH6k/J9qj9VKiD4g/CASb7v53P7NX2bkkvVEgSf2\nld6pL9GM59SRc6Zzb8H+082uxohVoWVAAlrRkaTSzZuIFknD5eXyzRvZIfw2\nXqUtbWcgdQNV/wrG0q1fZ+oBlanuDCFEzR0s95f5YIWabXxhGaUifvYKnuv1\nrLOf1u47ImG5qFH9lM8DCG6D4+ey4n3DXqNCkdjXtUFggbGI63XiVhxUWkV8\npG32TIOenC4ec3lyfthpxAjQOvPQ3Lm58PeotuP2BwcPXh50Izq2KZDBGEaY\nLrvRuHmJovUjN6TpuzJte1eEWfWoZWiGO9U3B9zG5Rv8ZyJZYeWT+xZRcMZz\nS1FAYITOkw11U6eBQIWlCFTcdVbFjX+IdXAMRDd5+x3dO5WAgcmm2Vt7M/ug\nohYI5ECtXysb5/8pDm6MvSf4dxF0U8OI+BE9raVu7hNhn2EMyTHPxFgVTXSm\n85rr5m+VQrEjP2s/TK/ilat4ekzYzJmCAmmeg7khCLlMl1lmLP8csUYdEbe9\nAkdS+Em96nJ/ObeOrh/7bfxTGUzwDZwA4YArwO+HBUFdoaZ3yM4rrABskC5q\nNsTgxaoTisuMzppm7dCcXrfpEUi+YaSULEF2AxYbJ3ki6QtXc37XLmmW0SgL\nrDc1\r\n=bCRt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.2.0","@chakra-ui/utils":"1.4.0","@chakra-ui/popper":"2.0.0","@chakra-ui/portal":"1.1.3","@chakra-ui/transition":"1.1.0","@chakra-ui/close-button":"1.1.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.5.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.3.0_1616308512106_0.524385055373086","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@chakra-ui/popover","version":"1.4.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.4.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8ea176561e7984ce92215568fbac5bef7e7dff1e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.4.0.tgz","fileCount":21,"integrity":"sha512-fkjS2jSzPCmerX2t1DF4FxO44nGcgKTxZgodoDEQzUhmNmvVFAWWKd/hmtTK06T0filWbh223f+g6HGW+gNoBQ==","signatures":[{"sig":"MEUCIFt3+WQlQxW90JrNxW5DBHFZEqWcRAdtKyutEkm81NrfAiEAmxJYRdQ6GqRxLV+7lLPXHR9xnxHMvvFVz8jfX4qRth8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxi5CRA9TVsSAnZWagAA734P+gJQ9E0EJgH8YQC+NWyX\n5dGDAABS2NQNncUTebKvUNyae64moxawR3d1X/RB72aYH03kyTOp7z/Gi9hk\nDQwjLHFvif8b9fmQtF8uLwP3VbFVOEhqg2ZEKLxbg9Yej63N6DmbXUcDiV59\nDqxVwfc8TdpxEkdkdr0VCyrhRoeraDRz5YNK4UzMo29Eq0EndvPl5vwRt7UK\nsn4h7x5Conctk/8qoIiUD7GpgYNM8AlmabkAvJ0RZjOAx1XyNqH8IRRh5h2h\nwzuTh8lcRAsYun9uqUU94TR6WdXgzkQ6Gzu6Zkkxkw1dBnnZ2O/z6XpPKScP\npYigC8SzLsnaDDHLp0eK54KGKQ+qLxlmVSsjwm0wv0ptnWc69JwFDPunQu+D\nxvE6qwU0jOazHhhMrHHnaF1iszLEnRJHz7EOVnOTf6VnZW3X1j/KyRHWIzFf\n5r+vpp7iTYTuNeuskSKJh+pzsNhy+4BUob3km0Q2LP5SyG4NyhtnznSY3r00\n63r8L8QHWIsEtZ+xxSwLBwFIoOeHW7rG85BH9GgA0gK9yY816gYE9z+ujNJe\nenM7CmyfgHTjbsnZbkN7TviAydR2O+RWS8h6HvAPvVr6nbEozz6JTh58zNCF\nKW4UVne7J01dvUNCK5LOFMN1fs+nAnJ9j2bAlwp4diWXN7Wpx0danuh12fIl\nvBT8\r\n=vmbM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.0","@chakra-ui/utils":"1.5.0","@chakra-ui/popper":"2.0.1","@chakra-ui/portal":"1.2.0","@chakra-ui/transition":"1.1.1","@chakra-ui/react-utils":"1.1.0","@chakra-ui/close-button":"1.1.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.6.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.4.0_1617107129465_0.804667626092155","host":"s3://npm-registry-packages"}},"1.5.0":{"name":"@chakra-ui/popover","version":"1.5.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.5.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"43f0546e5cd02f9024ebe5a4bf072d2dc924dfe1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.5.0.tgz","fileCount":33,"integrity":"sha512-G/k7B6wG0TjFfCXo/y+YMHfM7WFy/7pIqgzEh958aG4pfvqKxRbGMrkcGXFx8d5ZW8dZi05Wq9KHohDWNzbt1A==","signatures":[{"sig":"MEUCIDTWDNuoxhbfHV6PescsxqHQ4FmjgMCRI5H9cWaDOrJwAiEAzVPZnm1znay/HD71a2i//afUeOIUcPTg0TxHlriZyzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcqsCRA9TVsSAnZWagAAxwEP+QB+MBLiAtkWCR5SOhxW\nwYMnZcdUUs9GNJJvfOnTwqxIQApoZeKvF3zkR1FLz1Zi+U0nPn+D4tDBUpMq\ncXZVKtqSqXT4vIgrI7Kce+7yy1+8DOMBHPN2CeLZaTZzjMkzgExHl7mZZfcR\nr4rBFBewBePjZE2uIfugPMrpKXLdUYg9YWTFStu0rbfqtT3E676YqVw7oiVv\n0Bk6bgpNxk0V8inhoAKtpAZfXJmXXV5137UGpjGQd3j5jO5KaDtG9TjenVbp\nmXhqiL84bGQn0L0vBX16h7MUXqegw4j6c2B4j1UE7bArJCe6wXu7ztjFevod\n4Z+PrJc7ZvqfGrBt2bYlzYxIZgSc+zPO5MXa/p6NA9y3ERyF8F6b44lgJpwI\nv5ka/cGGpA380PIijcOOHvf+Shv+ZG6dwJT5BrqG02yslvhvH317ruGLfH/n\npSEDNMEor87SgOQKvJhYaLt63mkK8hJiHKQBnTCXBJ3Y6j2yoDP4qY9/kX2z\nKExK21w+nEXP9EUyty/HCol6DN8seK1frn+2k81t0KQElmepaZ9OCGywo+Um\nfgPg2a9G8fgK9QXM6a8qpJWFFNlpA3wRtqsdTMRbXDBXdSuCNj8DAnxFzD67\n+NIshybHJWm450Ssu4r5BqFAS+g6F694hJOus9tQJ92MNq1hSRvQkNVTl6Xr\nvUPh\r\n=NaX0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.1","@chakra-ui/utils":"1.5.1","@chakra-ui/popper":"2.1.0","@chakra-ui/react-utils":"1.1.1","@chakra-ui/close-button":"1.1.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.6.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.5.0_1617808038198_0.02278694371925649","host":"s3://npm-registry-packages"}},"1.5.1":{"name":"@chakra-ui/popover","version":"1.5.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.5.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"025271cd210426d102d361384835b548e22870bb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.5.1.tgz","fileCount":33,"integrity":"sha512-j/RCjz4GoB/NAjSilBH4LvfRuX+Uhul22sy4rkydbGoM0B4CBvrgEsshyymIvssIanL7RMw1kGtmRSHtjAxb3g==","signatures":[{"sig":"MEUCIQDmTCpPH/EMfK+lRgkbokogMaiBfkw7idYAXz8a0HU8YAIgbJNC7XL3gCUjNpiXbFrd5GsWr4T8AmJzIlCin7uzz9w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":152812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhcyCRA9TVsSAnZWagAArhwP+gL71oeTYIELwFA3W5zZ\nqCUOhE6DBTW041+k3gT9+eWnB1Al+Wgj3D3fPOYp40dNb/K9pLwLMQStfgA6\nCE5NjEykR+ohpndjNhwzQJy1YpaLVzyHk5mC9jVQBAkCqW5uTN8oatGmYJre\nN4P7JdpeMm/djHoToo+nRIcUyDSARuhaO0hy5mDzceNVILErP+1/2A8j6G0h\nTV166doAd3ofXJNitdzrqYcxg4sltJMr6qbSpAiJWoXMpsylZglsJXCatT1R\nRiKrlQ9WmdBoEsTPEiANdROIQfb4M+lfVc//e4z0V5DIJWrZSqszsfcKN5sw\n5WVyESVfMPbRk7TTASiR43825fs1aqHnMoZRFjJIv2LiGZJavg67KTuePLW1\nnBwgY+Nddh9+JlN1k2c4nH2SHd0rvajgK4f9wFZskLWjRzfR83JFGuTsXLoH\nX8wwEHr8V8ypLUilCttityy45EYqBuwssSl0SMJ1lZ450WUlaYonDTmsYz8G\nl22vpo7gA5WygE8zdYg4OjOyAm+59/nIAl9o3IE6Y6OhoRWrQAkY4MqbybZu\nWRUhB5kRYjlJqqZNGPB9L+gfFcHS8bBTsOuAg9xjweMevKkm9SnjAfWv8mgs\nCq182Gl/I6lzhvoBBos9XOX2Y6ErVoQWpHkC11ZpPJyH7Qz5NtZKnwsOqbMT\nOpo/\r\n=dDSd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/hooks":"1.4.0","@chakra-ui/utils":"1.5.2","@chakra-ui/popper":"2.1.1","@chakra-ui/react-utils":"1.1.1","@chakra-ui/close-button":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.6.2"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.5.1_1618351922119_0.6531172484814529","host":"s3://npm-registry-packages"}},"1.6.0":{"name":"@chakra-ui/popover","version":"1.6.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.6.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0a680cdcd561a27b74a634a736c6eba4ab049f8b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.6.0.tgz","fileCount":33,"integrity":"sha512-gYCjUYlfmTXjD5soGfQdk//oG7+uYFkpaaq+9CIfckCp86aUQRFF9wWNCsFEzlxjILwc56XrSHt28ecEw0JidQ==","signatures":[{"sig":"MEUCIQDFgy6+QzDxKXb+WkodkY3IdY2gXqfxiOCWNp40F34N1gIgO9bdP+THm9MfWqcQGdN/iYdtJ4xcLEqS47W6y1RwrOE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":155578,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3mCRA9TVsSAnZWagAASVoP/iEgOSHSR9vxZ5wNuyqb\npgzMiRZkOmHWQPKzUBp9pnDn0IzSfe8PBml0CwEIXtl/LI1WwltiHQgEZeAR\nWsfmQtwNUL1MdLqWbQdvYAVWjAKBUWuE6bIa+EFIrcYTvBbvGlqiRJnJpewC\nrIIVCv7n4MFxGZQMlCkK55PZ06IlRg9mthMJXB+tLkJrInNneIAvJ186s3dc\nM4BWpco6LvTZInAIhTklfhXx916nY/Fb5RKh+Pib9plwnxx6tC2qcpV385yF\nN14g6Li7ryzBDC3bE36X49eOKyYQvLkIwRUZl5wm4MpqmbSn6FYtYCtqx72j\ny8Up9+16d7MfXkBozIGTx8wSt7PR1xVU2lAnQsPwkXd6Y4KuCs8CCKeSgwPd\n31NxliL5EG6RupI2/sWbYUf/QUYW8bMKhrqclngPYPig3UJM3xavn+jtH0Gr\nStg54toY+35re/KX89mLZ7Hf+kaW2gV44XpBTvNThoJWAzJO4atbd61NZzn4\nbvJj9lPCRRi4B8Ur0BIaWLsDh9Se3uQh9NwNyB7+to7inSWFRefZBIf7tjT1\nsrbXh7uXu7hf8w8Ihv4NmYjJqs8SYP9ur0lqs4bNs12nZZFRQFlKP+D1LzL6\ntvc3UJoY/CuOh0QxDMmOJWJdeibLhSO94T5Uxw1eEZrl38DcpihaAOiJLBQg\nJTV3\r\n=1qhM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.0","@chakra-ui/utils":"1.6.0","@chakra-ui/popper":"2.1.1","@chakra-ui/react-utils":"1.1.1","@chakra-ui/close-button":"1.1.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.6.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.6.0_1618857446235_0.31297379571163164","host":"s3://npm-registry-packages"}},"1.6.1":{"name":"@chakra-ui/popover","version":"1.6.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.6.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cc7c81f4967a9038293bdb648116331c59983b28","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.6.1.tgz","fileCount":33,"integrity":"sha512-w3xZK9t65AsiGuU6YXf1cpN/GBz4eJWZCDKVwJriHlKkq6L9umPtVjDGMgKegoTwnCokl8gFSxZp9yr2ACOQHQ==","signatures":[{"sig":"MEUCIQDH75xo+apAlMob9SZXHEJ4VTRhXT5D0uHIp2Nkxj30kAIgJghQFoTaH1wEeGtbMyMQ7hZH87ZUPibds7mcaO8/abY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":155992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwv9CRA9TVsSAnZWagAAZ6QP/jr5ftgyK5iB+ZwrKGJZ\nqXq0e0rqwDflLcqcwVRkZeJ3aW+AIWM9WIG6AK6oWGI/B5Bii6A9vr3w6Mn9\n8YLsbBX7zx6PtvMVpvgVDZa6CeG8BGqc8A6peeTgZqHMQcpRb4Ox8AiPA5EE\nbFheKzJhYi2k7Y2gfScg1ITHoKtqWHHScP/UYwsLyXjsmFq7yubbbRIWUlhJ\nDgv0WsdB3pwxT4lZzOebYuQxazX9fDGqn662j1MGX5UsRCnP5psOY0nsmYMi\nL8rSPmhDXu6Nm/cDU3rOxEnGvb/2mvb2rLyCXcYwwRubep8vPql96Dwp04/E\nIUeGEaml/gfb/XReBYJMhgjcMjcTast5Jh21bJ3Arxbgz5F5WmJkp1ZCSJ7x\nEPUj0G6DG6bHSHUX24kkEd3C+9By+wzhuLwXPPdeBk+m+EnitZozzABefPWJ\nWmEBGsGFBS7nhBPumJvr0CbgYnsxXMIpd4lR06A/3rI8ztm+lqqJuOXvFWTp\nEefLiPyPtKeWzd9n8lb+DUC6lvassWa6OJDTlnW1T6I/qSKp/G0OyaMvyRUw\nB7pna1eHtdy1pPkGIly++WfrA7OrhWSIvsA8D5p1YzWWYvoSbAZMMhKSjZIv\nHm8HQiV5xyZ56f77jp55hY/LBIVNLWvPmmtL7gPCFMI+4D2q4AE06SLpVTbm\npVnC\r\n=fNpF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.1","@chakra-ui/utils":"1.7.0","@chakra-ui/popper":"2.1.2","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.6.4"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.6.1_1619201020822_0.011972006892190468","host":"s3://npm-registry-packages"}},"1.7.0":{"name":"@chakra-ui/popover","version":"1.7.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.7.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fe5c366c7b4d2caf8a208faa850a4414a656927c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.7.0.tgz","fileCount":33,"integrity":"sha512-zD4ZjzfT6ZJFiIdlA/INaxlmmOvmOlqHHDXoP9zq0stA/JrZoCAZTvdlWFlRM+V+xZbgs1PYwS2bk/I1E9SaBw==","signatures":[{"sig":"MEUCIQDIQ2LfeKp28HuBUj3oGpVJippNbl9wOioubYdM8bBxagIgNUdu7QGPXejsB8ShpnFnxfISPX/xWkfIHP8VoP6W9xM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":157181,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2qCRA9TVsSAnZWagAAzm0P/jxpppTAxOX6QSsGE/cz\n5gF+kUoumMpUaOgt5QMzz+t6M7iYZI2I9xATHI0BCucO5/mCciOQpuSU5kKO\n6ysb9bEs8NpywxwuOIvtVAwYlgU0NCfd9l5QwSOELwuOb8cs8O6vzrDcJVFI\n3URNcWZ9ZJApD45tkajFYq6R7B+gVJ3sI/meoZp8kG61S0RxGtH5kL4R4bfm\nlVeoIuOyhUlV6Yhmss14Cc3zC4OgSARnyMms8IhBA/MundSHbuoW2D6kjowQ\nh4xFL37GE45Sghwih0e5utCwhb8Qr0X81gf/sq4f7d/VVkkLJ/ZR7DdAG+gC\n1FbiReYlEOIoGjTGpjh/yncxOqbWwbl2uPGxPGKz5EsNeDwKMpbfFOz55bFN\nMkYJC1JQfnQBshg1DawdoW34dwrER2YB8JaLSrLFXwhAnpEm7xrDZVulJxcN\ncMYcFfpYgxAnSQNtnDFl799qfJiFgMWZfERrE5YJ3AmmCaLYxDtrgW/K7wXa\nCIm9ciWTQQX5C00BjU+CUG5szHdj12tLxJYD72vqcYcoTmtx17UY2klBqvmX\ndV7BLZ1dqeIWqrkyFn2Pd53HhGklU9oNqBkc3h1gnEL8lWZ+L3B5MC/woXqO\nHOrpncAC8GrYfs1kLwitDdJA85UoZvAWt5XnLyzk01D1LwrkDHshcrkKJ8Lq\npbC8\r\n=yxIB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.2","@chakra-ui/utils":"1.8.0","@chakra-ui/popper":"2.1.2","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.6.5"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.7.0_1620213161713_0.8584507177150882","host":"s3://npm-registry-packages"}},"1.7.1":{"name":"@chakra-ui/popover","version":"1.7.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.7.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4ffc4b088b691c2658ef7c830722a5112a306dd5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.7.1.tgz","fileCount":33,"integrity":"sha512-8hBjBu16jegGLC36ydpcwSg7WwRTkkWV0ThEb0yeNmUri1VaawC9lbXRm8/o0jQG7SZgvSVNl+q/dKt0uGekRQ==","signatures":[{"sig":"MEQCIC6fOnl/PzXGV6xTzI8O/FcpsC9aIp36tZneNpcDDIpcAiBbNVACRTfpBFDBG6lQDEoi27qvSvMRdX2uhhoEytLNpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrhZcCRA9TVsSAnZWagAA7/8QAJe3dmVBpO6iZpJq0z4J\nDOe8nLrTWaswCECF5/GzZUb1GD/vHw9OcX83LuciTtEdL+bOphr/Onpauiv8\ntVShggDls70G5m6X1zAXaU1+i6D25sJm3dy1YZWvaYLvqZvCzfSA7ulS3WPl\nTy/GN24kMkASTaM777poebNIOj/niQPMF2w5TT4BVOdtEQrZKfjBVK813dhq\n4Vud9JiIHbj3x3AZ9aglGcouxJy5DaCrKgrobI6Jups8J3DdkuUVL6hGMnPy\nC9tchzjpX0a/H2EUL+zC6N4AR/3PSBMFJ0nEUkFgZeyb1Z7eGPOWHONWscep\n83pbfBaXZbP0Gn9sTKFnTZBkxXAgb8/j1IaJ3dUuC+WndwZnjdkIdFPp2HlW\nm0Y8IlgXLTNYtAxpe1LhuWrcBdP/xYdkIUml2ghuv0AqgN7MT5S+NWfamQN/\n9CLKMHy7SMLh44YbymgEdgOw4BtyKupyiWRW2SFQifsEay8K6EtYalAdaidn\njEMAYMIm8Oc3+Zkkt4uJL9pi3DAKy2Z38lKmktnvqjXZqNM1vq4WB0jWwzsK\nfbEcClO1xxjr++cC0T/R+ytEAbAwSWkAnlnYY7EubAD8sgGB3Z35DN+uvkjO\ncOpqGSOR9S0YPEhR+P53I+N2NBppLQSx3fnvBKrzT0bOY9J2wte5nrsog9/j\n2MiD\r\n=TmuO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.2","@chakra-ui/utils":"1.8.0","@chakra-ui/popper":"2.2.0","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.6.7"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.7.1_1622021724329_0.04472456113417733","host":"s3://npm-registry-packages"}},"1.8.0":{"name":"@chakra-ui/popover","version":"1.8.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.8.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7313fbef2bd0f9302c224611076258d9cbd17fb6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.8.0.tgz","fileCount":33,"integrity":"sha512-TNk5rztee9pen8vAQyBGuAxO0SpTvibJFqwnXDEFbDHDVd63HvH9IUNgQ4eB6hyh8kWrprTmU4KAnV5UDMvDWg==","signatures":[{"sig":"MEUCICHXhlKh2rinR5SOTNqawrAKK35mYeSz0qfIMVPbLBTKAiEA/Tz8YWswXt98bKihaijXJW0dPr7UtewyH6r3iEQMjlk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161029,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNn0CRA9TVsSAnZWagAAltgP/ArAmSCBCOE5ivIuyaYS\nutdx1f4u//9NkwzUHwyTkVLmZwsSBA+96soHEcVqcLG7TncPDHrOFEjDips/\nNhY5gPdszN8WxsSdw1tf63dowp1bSqztSq1BEkxwLNcDT6zLhledQt8svK9G\nnXRBxNFhFMwX4W7cfvGC3Kpom07ip37El3fRsEHSTKlfSqVHXmkO09joHfmd\nU2q/kBWVXdLQCJSXf+VXJARQpg0w6X6gssgw1BmgJUCURVWGVPnfMWCQzJ9c\nl0XYr+vcrMA8AHu8u3kGWc/cM/q3DvX0LtvKLjdXmyMwQlxQblVpdh8+30UK\nsBYhzTlq4VGXTm3e2rfljg6Jtep/DCfoo46yhwp+zICEc6eQ3sJqDaU+h3HF\nG66zSr/2yGQAWCuX55JHgsB/+gMkdCY7WcIHD65nGHWVoOkMHXnb+MhYWUne\nHoOYLZ+VRuAAyQxQkh2Li0FLUBSphD3ydLTfsc+8oqVbbJLh/fWsUJgaqHqS\n8VDdbw7diYkteBaDXwJ1k8DEORHWglQbMszXTa10mvGZqI20bt+e484XTF/O\nUaN+cz5hhIlJtZ+jWechkVfT0r6cAX7dEo/Y8wxmpjIEsccv/S0/vzydV9Y6\nLM94zfNRr9g9qU1wm0+28EMtIPoZpmqe5qr/fI3JOdEGzIZim+jBf6Ix+aCr\niUYT\r\n=3lTJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.3","@chakra-ui/utils":"1.8.0","@chakra-ui/popper":"2.2.1","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.8.0_1624037876029_0.8696017220202195","host":"s3://npm-registry-packages"}},"1.8.1":{"name":"@chakra-ui/popover","version":"1.8.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.8.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d7f6efb899026d2021b14b2f442a4177ec618d38","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.8.1.tgz","fileCount":33,"integrity":"sha512-fEYcEV6rO4H9ewj+8nom5flHZfh8+BwxNfuzVZFnJbzuSzP9NKk5VMp+nbBow2CKlI/ct3Y8dpaLbsYrm/X6AA==","signatures":[{"sig":"MEYCIQCBZSljRdTxvU3/CuHOvSawfp9dQzMQDGYqLDfLbmNAWAIhAKfd/le+5PXEUVj8UXXdIbKiUcmPBp4jO88lQTDcpU4n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xQ8CRA9TVsSAnZWagAAe3sP/1YvPydxEQO00BIZtb5d\nFj80CfDxWp2MYtJRsgA1p7mCPVirG8GBy5WSMUXqYD99zgySXijfYnlPrk1R\nV9J6MSB5Q8p4d82SGKBfgixKTZ0sWD9WVAlD74dWKWJZ2BXdShTyyEwG81hy\nE0JVc1IPp10XIGwVwAFmpSbmV189fZvqrW6VL/aAnKE/PntSdzykUhEjn/nc\nK8quezc0IEHxWuUFge3aLvsQRcGzjpWlcW8QBUk7KDkdJqRCfrlSjQoSJdbS\nNwh/7gG7uJRfA2EqHZCfUQQR0MVWr3Av/zTZlnK3QaW65FZ5zPlB3+0JGIua\npkHk0ANElXowb4hjPeaNj2W4tWMeExVKD8gV4k2qUp+yjNMztgjkHOkXQlFf\nkxVw4btag4txswa8W4pRGHGbAfC5tE9NAEjU3gnnUqmOzKVF0rcAyTpd8ugB\nEcFWWb5BN0fvC4O3pKNY6DvoekqVtveSD+m7gA+d72+f1kvCxhcIthg1Oe2a\nrt9Ugh1UJYyfwU231WJw/q/VsYL7RKdyIw8sjjdVylhjYSS/9Ds98DmCmf+d\nGKWLJBWAEofghrYTi4dh8rhuM9NGv7bSV8uDbXilGASRB5XTk6f6MpRnRpz2\ndybYz8M1fsaI6d7da3tDF/IJptZ7Iduw9rbaBzo854sXnyMpiUcNnkPOFt6w\n27CR\r\n=O56H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.4","@chakra-ui/utils":"1.8.1","@chakra-ui/popper":"2.2.1","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.8.1_1625756732116_0.9311908713246195","host":"s3://npm-registry-packages"}},"1.8.2-next.0":{"name":"@chakra-ui/popover","version":"1.8.2-next.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.8.2-next.0","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1d72b679e6e461bb5b04de4856457e4a75607b76","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.8.2-next.0.tgz","fileCount":33,"integrity":"sha512-km3bNl8XBAz+l3Ru2bRxiQq8dhcL+am3qifBoxtzHzvLgc+NmlFykWwSPelyCgVylJH98Y6AWRb++XFuFtHvVw==","signatures":[{"sig":"MEYCIQCGiLrOpaSO+aOjLjMPCrC/H8I1lTV3rE/bmSjPLVmHVAIhALdsFQscCk0Jls1/y+OjvrjfcmYEcBuEjAH9+PvXX4g2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDFP8CRA9TVsSAnZWagAAtb4P/iBVv4xYGOVeXBAf0BCp\nxnUspRON4u2cKfIGpmIVG2DFPLFw9cFebTMldreEkWadJWNVvUIYUUvQefwC\nX/W+2m+IaWfEfAiQZz04agIgkuImsO/GGL/mVGOJNEiOfbLmdXmfi5CXyud/\nu5mAHUh64hTYGdJ7go2t6yV9HaNHOi1LWe+liLdZmrDSanuPtdhbXmlf2zyj\nZnqkpqge0muOqrAHBjlLb80xOEtj9JMJ9M6t9gBJ/1TF/yQqG4J2hFY7ZqUP\nzp4dkGevME2GzdfmQ/uH/RdcJtPt4sugc6TDi+sldtonjqlRJx/SOrs4E5Pe\nweg/ILSUwMsLAXcfRn9jmN1MwB92LzU+LmMEIyMzT0YQOPAIY7vJxuSrJIdz\noyuVUOa7jGJ4s08992g+b7A1CgWUvY+tJbtoIfTIbLn39R9Nsg1dWogYdta3\nCNGSRgGlZNXdUFoPjDtjxUthhcSjcOrjSAgdJ5aKHV5v1UGLDaI679fkoSSJ\n+vz/WTVgKZZnn17OB6FpQFmiFcnc7KuxAkYnZfDEwcMqSzuiXRuTsYsXgaTP\n4/0Pcr1HnUUUezT69aMerH3027pj94n27r5CD6+anc0841puAKS4KDKYyREU\nPQHIsIi47VqxHhTAHw+IjFcb5TGeBDsq27TFhv2JJbF6zcx+pYVV77Lfq3rp\nyLZW\r\n=bA7g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.14","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5-next.0","@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/popper":"2.2.2-next.0","@chakra-ui/react-utils":"1.1.3-next.0","@chakra-ui/close-button":"1.1.11-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.2-next.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.7.2-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.8.2-next.0_1628197884439_0.6022066806079753","host":"s3://npm-registry-packages"}},"1.8.2":{"name":"@chakra-ui/popover","version":"1.8.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.8.2","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3b5a9ed81b4630099955dbf26b2284ca140dee66","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.8.2.tgz","fileCount":33,"integrity":"sha512-W1A0CGpKytauQYeE5AMr06wX90xW4QON9UtTS9PvsNkwxNn1ih8ywSftSdrPG3DnubL/5Vxlf0IOZIu4Cq2ZnQ==","signatures":[{"sig":"MEUCIQCMKS2VdO2GuNLDL9kvsA02AJxg7CanCMrHMsIOfqULsQIgb5NXml0eRgUfIA82FnDMu9Dus0s4MBG6Zv9k2KSfdIM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMDCRA9TVsSAnZWagAAmkoP/R+wuOTo5WCv+jyjQSyE\npcBlY1YJyVDD9h9kg80VVKiVfN7h3lmXcMD990Uc6szgAHCK0ItkcAdwLlDV\npaPoMBDEDdtfyw977fiKf/eJKdpzdhqZ/mMUQHRaQWRPq06GuhCajTjYfypx\nk9FVnDy6DF5V6Jx3ap6BUxFLY2YvdeHUTnXM3nwLXqOVhSjcFJA2b1A9myD4\nV5MhVPVNr9Zwb9C+lNcrbV+Olwf5gmPUhzx/1BDvRv1JCBrUG7FBNvis+qUC\nPf8Diey81CDsrNHr3FJ7VNVFX7ILxKrAA8Q6VqbXsEt1mwUe9K6DSzGKvRFl\nT3hME8GHIDN9wKsZRylf7kR1zjvxbXFhZAbPsuta1NS1QuZUiaWSbcB3u+7h\nQajzqFFCDVu1u58l76qD2OIqp43eUUxF1/q2AAhrQfQBQ2nE8rW4lEDFkca9\nvXefFGA2nM+1R51nLVI9Cd+CfZnB6shVNlP2AG1j4Z1xYmcI2LwfUs98if0/\nHHpT/0Xg7esObbM8ch8iujUrnoejKi4BNJDmops4lnfLAP9+Hu3n6cB1ApMO\nIHKV6WlPQKjntQOAxDvo6JhRsZnq8gg7WkkwAf1yfljen7thp07yFYNwPwj7\nl04rYE45FKWjlGgRrZRlE47MXtgMhb0qu6UUam7PEZrFqYkjxYQmMeM6Tp/f\nsdYT\r\n=vhet\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.14","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5","@chakra-ui/utils":"1.8.2","@chakra-ui/popper":"2.2.1","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.2"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.8.2_1628504835267_0.9801733505287309","host":"s3://npm-registry-packages"}},"1.8.3":{"name":"@chakra-ui/popover","version":"1.8.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.8.3","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"856f1c065c5fe0c8f7a9fe72d32b72e60d0f1d7b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.8.3.tgz","fileCount":33,"integrity":"sha512-Z0anhPTC4z0PVYpjgWzqGV8Q7YP6F1N6d7jNwolJXPVdWM4bLSB6GyGguAZPEJwJ23kHDs7GQo9Tm7W8Z9DfNQ==","signatures":[{"sig":"MEQCICF7dalGSVMQt4+TN2B3OpTW8cW8dNP1CwmZPZxEcHf/AiBtmVE6py+e1LdenpmiiRg2opVgMcFL9jhVxCodlTly/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhK3UICRA9TVsSAnZWagAApdoP/0nBVF4521gzo6L3cbIf\nhPLxZLSS/SNEqjM3pv0od3++ZwI0rqFn6JK8+bIqzIPlSzGMWt2NGyLKruHM\nR5i5ET46kDRJ/24xBlEvZgPenz2JJipbFfDQNRFOqo1L+km5lmQjSJuHxROb\nx33+Oh6h91zXjucS9Uk5zKEWREZHoSmxdvFu/yaEVaKU5pdAC6mb/ATEPKy5\nLnDYpqJnJ9c1pzmRRtLO868ZlTzjguYBZxzZWRwjeyeaQLyhPAhh6zELI5SC\nTd7nIe6/isxIyylVvN9fIwsvtNoo89+ywCuAfomXq4jY5HeHklRMFbvrMsmR\n6b4WdiRs+FgxTcPbmrTFRH6r/xQhBC5lfvODyU2dCRCyO2CECTIEKx90gBzQ\nqEPsPa4XI7WpZqJs4We/XdZaYARgHO9BYOQDFqc9Rlu8r+eyQEG8KSXUaCqW\ne1pO8YdilOSyUshz0+ZxkZawwR971ezOllYntEL1Qi/yJqNntXW0K9ZTlw10\nU17Jv2mKfU06H9Km+kkFuI+DttT2KF7igCayZnCjgHwp4UDwRDFUefD7PwhP\nzMoej7xtkLxCak5pAblofeL7mgVgoeOQqQuZA5+EGE6y67T+JaBWLDRX2npf\nxW4hy1C0NamOCojuITe0Bd+6n9zgGaJoJwULd/yZqLC72VT1DnfIuljfoHex\ncJZD\r\n=dn9a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.14","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.5","dependencies":{"@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/popper":"2.2.1","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.8.3_1630237960223_0.869717593654465","host":"s3://npm-registry-packages"}},"1.8.4":{"name":"@chakra-ui/popover","version":"1.8.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.8.4","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f69922f8e7653a73f40ece755846dd85a9ce0d0a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.8.4.tgz","fileCount":33,"integrity":"sha512-XLQTxDRuL8u5IAf311PZD6uqEuexrLuOhuAdo1lsSvx558add+BTX1/Zy16z+UVGmQGQCy0PcKT52w1O/9+K0g==","signatures":[{"sig":"MEQCIDvQVYo20Eyw7SX/z9Bv6Mo+EaR/EDVCK9GpNcqc9GtoAiAoO8rrLYI2TAxL1UWq5u5V+kOVC1SaHJwk3xcDVCzXyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":162588},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.15","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/popper":"2.3.0","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.8.4_1632150789970_0.9979344491366264","host":"s3://npm-registry-packages"}},"1.8.5":{"name":"@chakra-ui/popover","version":"1.8.5","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.8.5","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6d7a2bf29935bcbe1dbb3c16b4fd6d8f03811f12","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.8.5.tgz","fileCount":33,"integrity":"sha512-SM10pQEIRSM7Y0Ygnuv0Skzxm8NES/UP9qcrfrFLJOMjmVxf52NZBPcNA4pIMEM4ocSHq6AyCHzhTXHr8a7HpQ==","signatures":[{"sig":"MEUCIQDstOPyY/0ZXHJjDlVrjW4+ebMo0foYrpGsic6loLWBQgIgMgCLk0LtMPjip3LvzwMTPonuGxM5SSxRI4ZXOui/ozM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":163318},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.15","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.1","@chakra-ui/utils":"1.8.3","@chakra-ui/popper":"2.3.0","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.4"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.8.5_1634254420579_0.49026328839185496","host":"s3://npm-registry-packages"}},"1.9.1":{"name":"@chakra-ui/popover","version":"1.9.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.9.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2951f34867eff58fa1152b1bc8981ee188720c79","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.9.1.tgz","fileCount":33,"integrity":"sha512-MtKvtntLQ5v3N+FUa4cPjd8EVNbNCCeTd/rPDdcH7HBnPqyDndtagE+GQGjseHmXuSY3nr7X+FnSsYktD+wnBg==","signatures":[{"sig":"MEQCIBHRtTP4Tij4ZT0NyD4CZTYcAqtFDlILz7uHO5WEyCniAiBhc6w9e8DU0dRv5FEPQE2mStcyG5Ot3HFX6EV6G/aAqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":164539},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.15","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/hooks":"1.6.2","@chakra-ui/utils":"1.8.4","@chakra-ui/popper":"2.3.1","@chakra-ui/react-utils":"1.1.2","@chakra-ui/close-button":"1.1.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.7.6"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.9.1_1635971579343_0.6777252953239363","host":"s3://npm-registry-packages"}},"1.10.0":{"name":"@chakra-ui/popover","version":"1.10.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.10.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cc3677c45d113aeae878fa115e1673b0237da825","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.10.0.tgz","fileCount":13,"integrity":"sha512-PoDvMoDU/2tgLnPXF8Pk/A4YvETMCjIMKPwf9dD+z5eilKbVZIT7JDSYRr8m27MbQ3o4MQ7YE5V5H+Qeemnc3w==","signatures":[{"sig":"MEYCIQCCpd/EQU62jwBzoqwSfqt7l7kWf4e2xn9RH0psb7EZfQIhAKF2+jI6LCEl8O8RVHLQgUNZ7OPKXd0vkQBxLwm9OzrF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87011},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.15","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.0","@chakra-ui/utils":"1.9.0","@chakra-ui/popper":"2.4.0","@chakra-ui/react-utils":"1.2.0","@chakra-ui/close-button":"1.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.8.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.10.0_1636649807953_0.43392040183760217","host":"s3://npm-registry-packages"}},"1.10.1":{"name":"@chakra-ui/popover","version":"1.10.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.10.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"03a172201d46bde73eeff7e40e141d82876df493","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.10.1.tgz","fileCount":23,"integrity":"sha512-/dMUQfd+h9j3GBtkA/nYaQ5xeu4vk0psUClFvLOAJRwXGN3aMrzn/mhrvHWQ/cJuwQrO1WzxH2+g6pwsFOm9ng==","signatures":[{"sig":"MEUCIE0m/ireqFYrEnCjQh1EzGafMpua8sGJ0BTnVl4m8+R3AiEA2ITYcLVYFjNa0ws6+RgKUMFgiIDbj+rG/deOjdN4fQU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122200},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"6.14.15","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.8.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.10.1_1636746694371_0.1305864653547999","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118154929":{"name":"@chakra-ui/popover","version":"0.0.0-canary-2021118154929","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-canary-2021118154929","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"89bba03c6c3f6031dda0801b51b63729245b81bb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-canary-2021118154929.tgz","fileCount":22,"integrity":"sha512-p5uhW+iXsczC6u590db/+jJs3QFOC/VwrC84iOb9TrmwqjPo712jt5FSsUsWFzzkCx/p/RtKAOjxBKts6sC6WQ==","signatures":[{"sig":"MEUCIQD4NTd8aCoOPTH/tQZnqP3e3hqAwTac2fJXSCJh9oTbPgIgLRaR+JQ58J9HwAOpLay6gbkpxRK4OFWQM/DEzALzyec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsNQ4CRA9TVsSAnZWagAAEfYP/A146BeXDQSW9p0xetQT\nec8RHHAM8PKWMWP8mlVmHcAby6k4Cp/OCAT9H7bqn9iQbdcI55TF2zxaNDvz\nQhwMG/7H8Eh3vqG1G51/TiF5zI2eBkWNhK/Q7bXpt996sqzDHwLhV9DFkafH\nVai2W9zg/d61+EZvBbFl3gRkIF/JxA16RrYPWtdl1eOWhwF+JUa66jAbthfW\nLgtUxuO+e+FHNQ0kQr7TbE3A0ZbnkQ9jKhBV2WNSup0nDCkUJgp4dXc7EF1Z\n5DZ8tZ0PuWkwEyTDRAZFbE20KO9kxENWpakYMDE7pI09RJ5S5Tmsl/OGp5q3\nKpFxEuPZ1h1u1DO9Z2lbw0J6sfZEaLwwpB92XmBlSh5IYCyuzTHGdthUqqB6\n7/m+gYGttXxW3JXh0O4B4MSyowt6sFyTe70yvAwNEtnyXatK30Nue7AQBT8B\nPLsYIbPlwHpEWPgdCX6RTX2aPTmL2Y6TRFPWc0RkxA4hhXAknKSoAtJoaQfN\nTB8hFue7b6JBb8zsoE7/3bWBIFPI8WIFiWYkzLiM2a4MJ6X9fFF/yT9SChjj\nIpLkCqFTqqE4y8QXgLncEWG360pPESBpx4kbhOeOXVExKFjGVTLwHwac2LbV\nj+3fCqvzoh1cyjc07aDSmy/+RGQs69sm2IyuvWClGC/2BsxtaJjT1YYMOT+u\nxfmG\r\n=Ny9A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"75e26734137b20dfd350785999d3fd34dcf43011","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-canary-2021118154929"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-canary-2021118154929"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-canary-2021118154929"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-canary-2021118154929_1638978616234_0.8822230856136635","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118164051":{"name":"@chakra-ui/popover","version":"0.0.0-canary-2021118164051","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-canary-2021118164051","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b73cc4e096541aeff8c114b491132bbedac381d1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-canary-2021118164051.tgz","fileCount":22,"integrity":"sha512-jXfp+sLNK4Y698BiYidMDE6cMSQScyNmNShetD5c90Rsz0J6JTTZqpUFnmY0/nK/WZRUeztbkp1Bl6mO/Q7RBA==","signatures":[{"sig":"MEUCIQDN7HjG6zPDx2LSe1KEi4htJGTdbDkxAA6rKeqrsWEp+AIgGsK1PjgzT2J9HXK4t6/hwzL+Vyqfz4YlYokdUdPNRjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsOBBCRA9TVsSAnZWagAAm5QQAJDIF+lKSDcb61tCydy3\nyZYPyxHE93ryh71uK/QlEU5wWCF/uX8zwnBoGFQrHraBYHJeej9A/C0HPDqK\nQ2CX23u1e/BU7WdZAjA/vRhSGesNAPFbpgvo34OzdnvPMV0nMae8Apu6UW2S\nX+wiI8VrfKctV/Dhw40c/oQaMHU2qsuocxUdnZrexZUsNAaBkHh0ITBBsTKL\nayKo7lkvoQXUX+nhcF9rq3Myl5/m3bBzuFL59gSHzGchG3cSyOz4LQu0rosr\n/6Df+s7BZK3U2lesN8zU3QfMa2ZiS7Vwd9vgr1uGdM7GQqsH7IaRLXGmlauH\n6oBCP0NLwOZO3rTOK6sLHz5f/rEjbsl19hlLqL490IkaXKg+i4Dod30f6rzT\nbPD3Ypn7mo1IYvzrjggmSWjefltziWcvNQzVp1MXxlEKabXgqKnbvxjW7r9i\nCo8+Gh40zuEYp4diHKw9eoHcVUHZhgvHjqnXyQygt9fxwUd4Nl5WqhZy+hix\n/6I9Mt732zS0IJznbLBw5otgW66mDEgFej9QLIVJ5G/yYEDZZEve7XJpasRj\nnlBolZ6C2NaKofivmjSW93BVN0eiQBvFbIbgzzn1HO1GVszSU8IQGE59AghC\nqhYAV1MxDjGDyW3DPx8SZyiBkISRkSUX3eIUwLJH1dETiKRXi8wbZrLckbA9\ne3Hs\r\n=4vKr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3a6f4a7ab1dae9e667c49a3441edfa8282deb094","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-canary-2021118164051"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-canary-2021118164051"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-canary-2021118164051"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-canary-2021118164051_1638981697005_0.06913301128008786","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211191288":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211191288","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211191288","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2d9be978e747e1edc0940a426a0d327d131486a8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211191288.tgz","fileCount":22,"integrity":"sha512-akzdBx+MFX2CG1OoMUo7CksyVDgegYfhrUAK0cM3hpYaWFOz0jVjwyG0ixu9PKH8X9NtdcHLH/i1LP3zNF+xeA==","signatures":[{"sig":"MEQCIEJil04B5Wk7s3Ag435Bl1QP/+3yxj89gNqPRmMjs8xNAiAxrq13oMG9m93UO8BRkcvKaZLf7HzbSs3ClaOrGiQ01Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsfHKCRA9TVsSAnZWagAAmZQP/1m/y1oVWSUQnb8A7CKW\nbUgVIGAxRFCTRcnG2CDeD9wcKfMwfP+DGPwE7zPUKMYx0YFVudcQpksAlQea\nDzorT/qGiq4Aw4sw+OdIhrvWQCCNw1PVCzTcQ/Dlnj/y2rFtexynOJa8Fw8F\nnUh+x163sEMllvVf67cM9kSVvJlIWQneaO27Fko+lXKN5DdvmnAo9Fy6MAD0\nye5n/G5Gv+gj8rorX8PHKayJFGeuDzE+Snn7Tn01+OaBTjaZ/eCkLWGU11NX\nQf9/pXPFiawk5l8sNzbYSO7Qu3hc1U6h2hyrbcwWBzh2q3i4AS7OrVxk9CDL\nFRvwv4YAnPGgHBZAOpCYxGqPTGWq/MjsRzZ/XnNbMCmEIGHlsoKRnqyvqFBS\nJFBUxrR/JNqp7O1EwY+NEJm445E6obqk/lNY3EC0MQ4R/Aj6C84+lwz/8rRw\nRozChBmF06Hp94oeitslaVFupnwQaeqhnd/kYjGzCCzplmZB23CBY6j9jazR\n8CIv+jry5yqxg6Pd27OAvnuXjt9104iRdzk3oy09sOfWzckE2DSXUm973mhm\n5PndExlOp4j+XeMiDf30CnK2kjZfzRRexSnZ4MOYheDjOVq+5bJ9rKraiUX0\neAlwhpfpOFF5NFa8QvLAKTzgUhkz5vL89t6JECbyc2eKPFm4gZwaEuAUYSyl\nqtEo\r\n=NYS0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c7ae55690b66f09cf60a289647dbc49c000ef21a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211191288"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211191288"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211191288"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211191288_1639051722217_0.046849277303414816","host":"s3://npm-registry-packages"}},"1.11.0":{"name":"@chakra-ui/popover","version":"1.11.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3ad9faf26019c750a5f8c619ee80dd97bcc4ee3e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.0.tgz","fileCount":22,"integrity":"sha512-cCHXAfhIRir+M0ehlYIjDw3mHpiCxDTJ9WV0H1zHQV8nDYVIlZw3nEntaq8oJrv0wpIzq2WCW5ss+bBR7nLZ1A==","signatures":[{"sig":"MEUCIG2EB3TFEdlRhFo9TptblVU81SEf2zRJiBvUlmfw0Fb4AiEAyJC4Qx7kCH/ovFW7vXMZBM15RfbWDSQaVEXIEL2ADDE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsgTjCRA9TVsSAnZWagAAZikP/i8J5NqpuYNpXO+Uhrs0\n4+sz33nV9iD4tnaQfenBSF0aZvM2Q/JFNK9mD7N2pCe1uR5QhKZ6U0zxBeFh\nCGhjp2pXAunED2zz5/bwiXmE+Xptem5/6dyEN1qEVea6/7eKa3FtSiHlxHG+\nu98bJuFsbLODVjDHy9Z+4v7/1WSVT58UamVBmIqRI8HkH+CT7U1f9QoVo8PS\nf9vBgiS688oVJ8hB9cbxQeG69wpbo8IBxvlN0leDH/c6SMV/yeMAKcx8m/xD\nNLLDSOUENdK2sbdhuCN3MaEGLDwiSTYz/v6b0T49rnugfVS5/oeZQgsv6GN9\nmb9Wi15A4fnnTf090Rq+3NZN5ZQyKcAniFwkjPURhwHFKf1+DcmZUqwSrgnQ\nCpm2iIKOwArkuvvjl5dnuft/LPr+Yg/K8GB37yRxb0wAdoIgG6oYun+3Tq/D\n4W6hG+n+uZa/DzmKWvommQerjzfdayXhMnKMTo5FzOuR/iBJiDCEsQSC5ybY\n7LUc8kxtLE0Ui9fbRC32k7D/3Pds0Z5RyKGvyY+1bPWM6iUcELF+n0aBqL6M\nruE1SkJYva2aTgnHZX7bUp0asERefP1J3p9zXugHdGAMbAdL9NbdXhRT/0yX\nVCz8wkzb7XQpk0ueJejwrpEtyhbhbdqUrCCfM162TRfRlwl0kqENTWQOKQaC\nKaSu\r\n=snMY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"5aa302a018a724ebc96f396fd81e95713969d4de","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.8.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.0_1639056611585_0.5599280860719427","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111921327":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202111921327","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202111921327","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bb4467bfcfd5aeb175aeb641b32c4207ed96070b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202111921327.tgz","fileCount":22,"integrity":"sha512-WaOngpIsfqvIMRJcr9fjJY2GqqamhlZlsFoZMEzcE0lwyNoRCsl4PPPuDdWNLdBpe3Hd3WTO8Lxs5UM72mWTFg==","signatures":[{"sig":"MEUCIQCBm2h2KU52wTFeztgrHSFWCSy+Jf3mVYhsrpp6d0r3mgIgcby2AO31nd7fB7/oS+gI6rITPrbarsHEiV9oVrUkOxk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsm8+CRA9TVsSAnZWagAAM/oP/Aqh21CYcOpyrsC+kE9F\n/+0iHpD4EAKANlqZCHD3t0d/BVH9izaCYtV2vvxNc/VE3b4a7RWE5B5UwVSq\nBQ3scBKxTYyTi0p+ig7fgZB9l3NO7fr+qqUJ5o/flbGkkVsbngJClFVbSpSu\n45SbQuIroJFJ3Z542cQAOSQfMm++DQyo0c6eVV3H1u+D8LtBBVSTXDgWfDK/\ng+QFSOGAer7A7tahkmbx5eWhCxQE3DqkXBoEJDYlA3veJnnRJLQPxv+E6e5q\nOtoDjiawqK1lHao5eULpFRQekodThvQucXXJWTtz5She/LFdd38z6tof4r7L\nZG+OxYvYZi1vnzY8otki4hH8pUJ5jcMRnsaj8fOPxWvjq5Aiw2YwER8sDLa7\n/Jbsu5sxS38NbQXSfwrwke8IWSJGDXineGjBh30cx+J0aiCfnT3d2acYLCJb\nHy+9gfWmEXZIrrqDXnpvS4gzT0zX19OkTTzn8bi9vwEgOBEtLcHYIqS4hTUJ\neQ0MjVHL3Lma6jrGZBrUph4QbhQy8QAL1mt3YlDgkEReEcIZquvlt+S41HjC\n4CVo7kqwJK8mlD5KqZOTTYO0q0OPqGyX65LNCxDUf00uNVqKsAa9RGmn4Pz1\nYuZuo2ILtoOsqL7jQY/NbivbALSsyVP/ldbuhCL13t/RqIjnNDLCs6o7MWa8\nSYPM\r\n=dTEY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"ef9738bf9a9871141527adf7bdaa944f50b105e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202111921327"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202111921327"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202111921327"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202111921327_1639083838290_0.6912819612300511","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113195848":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211113195848","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211113195848","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4c5e1668d917184ad9e3f1c7678612a24166340e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211113195848.tgz","fileCount":22,"integrity":"sha512-J5t7ZpI8fhF0w3A7GYfEFcQfwVfwCjFPz25VFyZbB5conTXd1pjGWb872nwlH10XdLY+bKgQKPX3yJwx2WPumA==","signatures":[{"sig":"MEUCIQD0/lUnoBIlkRz17YqfffqzPv74b0qUyJE4MvwMnP7wTwIgahc4ob5nzUrGqhf69DzPw3HvHmMnvHhfdS70SjNlVRM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6YSCRA9TVsSAnZWagAAnTIP/iACf+6JfymqTZvoq6uT\nsE4kd4jN/hKVAI7jCF0RX4Jagb+Y0dK0wcpQ7p1kZKr2w6cIxekXCFdxR0kj\nzGIlQXKedXbtdMy3C10L9mGleAeLrSc9DUOoEpkD225rsQSeo8ww6alkbaZ/\nyuEa363vfWimNiLQaN0O4Xyok91vSVvWKwtetzJ55Qqoq/f7Z/rk9R+chB9h\nQYqth1GlfeSrzBZx+/LWt6gfEoYupvfcBJ+bLI7WPW6ApflFY69s8jE7/bRO\necaWYbnrIWCiSgy/lo/Ffo3HYIYURDXisUoziiXpMcG39c+vZkeHSNB0qFM1\nGsZ9aTGD7sZPOsQdPhaRxtc6t3lhUez8O5sn0WJWBjlGU3epCVi2sj8PGTrO\nLMZGseaZvu8OTH0CuqwIgkaXOklJdI0gZCKwQt9QjRqnQ7jvGO3gWA/+1oIi\nVrJFI24Ar5ufpGhMAsGSkFMoSRtgNZCwyWJI0d1Jbg0UvDubj4GoF6M1HjZt\nTMCJeV5EO5XL4paoqZDAbrSsf2Tqg9GA5GAKwm+90b2K7f1xBqa2tHHLLurj\nNFBdBHxWlQ3JKGZm15bnbtUsPRsHjV+BQrhZbk/O/t0aMAAu36x0g6PE2Ayl\nvDP+grogmOjgu62WKL+f/Dn0V4E0z0y+grNKUwEQRjhoXETWfDQVp+RTg7Eb\nbuYs\r\n=7tB+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"720158df0e7984b4e09421f4ef22d8bc5017921d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211113195848"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211113195848"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211113195848"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211113195848_1639425554732_0.8887580559553432","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320052":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2021111320052","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2021111320052","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"11625cda2854fc3165f172d8100c63dfd6fde7cf","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2021111320052.tgz","fileCount":22,"integrity":"sha512-mEMui1EclKp8CtmteNqB5A/aPnII8v7X9yK1C2Xa7R9M8rZhco3EFRcnNHVBBQf1FPSf1DDzCQtpTow5VP/o6Q==","signatures":[{"sig":"MEUCIQCDrgDVFr6gD6qH4nloeTeT18QNzxde5uTVpnLCk/hExQIgeW28s3V6+Fm/FxBSMXGcC1MMTC94wpqgU10qsuIMM7U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6aNCRA9TVsSAnZWagAA/9IP/R72sEWxERmBMM+pFfpG\nR6vI/Cay/WZEfTNhSewinKz9L2JLKRumWtqK2GAs7gnU6/QHWPwzywjyIalM\nmfiq+myqavNsIE1QD9+0l0WziZqGHXH3WEovI+K2q2M9b/b3f0R9es2Dpvh+\nSqHjcgyUkOVdQjdzwT3HmRxIdg5GdYy8I17bDq5zuWbEymIXw7UJyRnENCku\nxuGzlYdkha/8RhbHWxKLZ/KT+i9JyRp0jrsPUceQZfgW/7T+d55yr3kgj2Uo\n6k8IDtA51bUT6QR+IPyO+edLP/3IMG/mhPrRPy7SqkTfbVvUIUDzLutbwXPH\nBV0hT00LsPqf/F7YRyqiMUw+qFcm/8ysBp0ozg3PKMS7mgMvO/qTDlEElx0n\nrG3bLQaFNST0QY8+wU1OsirGcnygGNbIjlddeDc/GjsHnr5f94+zfG/S/TKJ\n/PU1sztKkF9ptRQcwxoJ0Ai3x/zr9tiWBDJ/hLjtSeU/0zFA54biM/+qEdOg\nfHQ6OnG3YKs8M8TNYYtghF+81ggI46l4rmH/CSqZrwZZAWQHMUQL1yP1J7hJ\nmWUl35vHDQsN/NZhQRZx2H4GHQ8WjmuvMBDWwGYg+78wwfjH5OzGmVZJeJlC\njmlPOz/IbysQ3O5KvCME4+DKMcG8Y3qAH06MnubrbNRUC7sbE3llgczCundE\nJ20h\r\n=7Jyk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2021111320052"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2021111320052"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2021111320052"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2021111320052_1639425677710_0.6673462997887449","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320117":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2021111320117","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2021111320117","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6660820354cdc6d15a67d5bf367b56b82264b860","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2021111320117.tgz","fileCount":22,"integrity":"sha512-f3ZJ4N6Po12Qbxd/mNzPI3XEvACCSCEZ3wUcmlfFTjWy0AYIpnO9we5GyfP2kG2He9lphsQKE/rWLOPfTAnnnA==","signatures":[{"sig":"MEQCIDpaF1CIM2DUCqkTRkCJ+lFCtzOtVE4BW3o73DMqXE1JAiAijuTUtqUJKWV/AItO4peymYeUUObQeNNcIeLtbQ1GWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6j1CRA9TVsSAnZWagAAFVsP/iRgd25VGP713JijuuJ3\n5gKdPojAf4Clj2oGV3JwFWrD15bZzp7XWhxsxtbIGEHs5dwhm+kiIP9iVXYp\nlnnhm1TCAf5s9jlAaqELsqCXvcu7GX/Zw5KI25/ItazETq9boKHxquIkjDLV\nddWmmT7Rhq4j1M7TN048hC5BjsAGMYoDb4zCDcUxYAQgoGSJFcIp9l1Uqj5k\nFXbVCcwolOcv3r7Z0ivRfApYJZE1MImbQnZxX3bL65D2+uNNX2hCoFelHI6b\nvwdEcyAycUyxSygeHUHyWU9ccNTV5fQxDP8Hl8Bw2/GgcAfHA0jOjjJzgYEx\nNNQqSjFixzAIHLUPYhZ/LfiDYrxsWtS36PTUKLy44pzCgzCGd+ZsJa7rJXNX\nCGEQx7cjarosp+nINQGf4xSCfXmEqAXhA8wLdaILdf83SZaWvrLsUc80RZ3G\n5y+L+YW4jfhnT+hgV/G4Nvn6rWqMzL9RtEeXdmOfIsEzgWsFM9Kmp80vEWwG\nVH/jNXcrvaSSZnxvrN+VJj5VrChRStsZt4K78N/YaQXAQyiLwvEc8vnGsYNP\nfXU7gbMe/5udwNg6YiYqaC4poAgu3Hg29dz3qQBr/WfAYp1hT57Q2xFye4Od\noMQGMDxiz0dDYZOzBXNql6bJ11GGyF+xEyCC1BMCqPK/tRLL5uoz2DZEfZPl\nZt8P\r\n=c1/2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2021111320117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2021111320117"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2021111320117"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2021111320117_1639426293796_0.3429879445965909","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113201444":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211113201444","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211113201444","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"61969d1db0d59d497b578c2556192fa3fff78883","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211113201444.tgz","fileCount":22,"integrity":"sha512-42taQstzzifPLAdtospe22SjmsZVknAHSGFG/Wqg0Sw4e1kqUc65sPqyQ4zqeZJGvhRkyUucLVMnjDWELvFSAg==","signatures":[{"sig":"MEUCIH8GEL5dGOsWcdwhAvzjIcxVOILXTa0DYWEce5Cplt1hAiEAwA/wfSocsO6nJq9xSVn8GJBkdPiuhoTV//jjOSNbszs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6nOCRA9TVsSAnZWagAAV5cP/izeam+1P10O+K/tkI2w\nA5C7ZCovOG+MhFalh2WX+ato9qxyciwmYz3ZidiTwtqwecgUKNJ36cWV28ay\nS9ozMUr18QNWLRWyrxJP50tuS+D70O7jq0Lr1eziuRE1xeg9tKD0J61RlsEi\nrdL36lRA5sIO8P7ZU/3MNKPMKUzSFwuOIgmgtyNo6UUVNqfPEkzLEoc7InLt\ns/JxvrfqpwuYLb9xfodSqIgH7gHOZpjDgkeczzPHIQ3YG0QPdq/0YvOJlZ4O\n3/Sgd9K4oB66iMGSH5kHZz4g8EfM5xLqYFhNKzFVAE0l9hv2ZTDEu/yYBOkn\nUGwpMKWMX2sKwnrFK/3nnSRfFgV9FHF++xHeX5e0NXKhEMqCSx2MkC7MKpNK\nzHH2D/O2jUdO+wYfMuN2Jur2wXvGCDH9OHnA21iF/mVcQLzByRKp1RT/5+WV\nVBoftcL1B9gwwpitfWd5+cIzDounT82gggldDXVjwtN5yswdYy9dNLXelR7Y\nDbzrftehoi5bccY/UqiG8DggOx1udCMWMdNbRdpM5iRCEN9uBaMCev6HhLnQ\nBgoTH4KK/lfYtseMde+v6CUid3jzgCVall+ZhOYyq8nOa4uXSo6ejf9ORX0O\n1c2HpmhoXJyTfuX41zMr4bWBJwzPvL5fn+5LFLDwgzcPmsUl+ABQjwxY+uDd\n5el0\r\n=yXW+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211113201444"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211113201444"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211113201444"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211113201444_1639426510740_0.5030022066362607","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113202333":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211113202333","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211113202333","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0b2542ec8b63d4e2d8fbf535032d2582dc833fd1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211113202333.tgz","fileCount":22,"integrity":"sha512-GIMSXrwlI0BwQIE6xrF1qx4C6DDNyfRyjnuHrf2WG2FwHS/25e7Y0a5dXwuKdbd/ZK490WuXMTVOrlRO/JnXXA==","signatures":[{"sig":"MEUCIAdG9lZE4Zvt35aUpWWOB0SqLIM5xee1Wo72E7v3n2kKAiEAg5cyJFkOyMOVYoOs/lj+L7iyXpUqjnwGLjQYDoO/LUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6vfCRA9TVsSAnZWagAAgDIP/jqQLBO5C8XcVas4vAEJ\nFGe85Rl8kEpV5K5tnV/Ms/Z24ncOk8lq+zDaG7LbTRPYBEeFgI+yIlgcE3up\ndcjjPp2P2HF3XQ8wbHT63wlxP9rYPqONe1GFG2JTXhN7pXm0YRPGwacDNiy+\nbiyCUTXLcDP4kYsm0eKvvPBuDi4T8QiYZrE2QLxIoBNQCVtsnZDIW4y6CsnI\npMeQ1ecDIYlxY8giJoUAZt9o5RrVD3upcTekWvaObgF2+KGzisBict7JUrFL\nFzG1CQWAdx/JhyH3x4coMjGZedjsjVt9CXVuxV3Xwfxxgf6uS/3YqQzxzhPo\n3lEo2edaM1VJMDPh/pMgr3WTxilVjkqT3ukw6+yPtxJowU+6TjpHW4H5UdGT\nIChvLpuuscKe/1fHWXzjqj8MLZMd3a75Uaf9UyGf5gGLGgCWJ/RLOCog1aV2\nni2cAyG40X74YsfvGiQL2k+LtRXTLcFQ47yWwAVAHglNXRkNEo9wA+Vw3rTa\nbhNbmeJqH0ZCNTc8Z+EntU94qblWCWsgHzROHlV3Rhge2tky6142EoYjMbxg\n0V7kflXKwR/8qO4AiaG+1p72u3Ypp0q4w1vi0lEyAY7L9Oy2krgla7/6a0c/\nLZHhHki92j933hoKrqUBbMdDyeRj7qgl5vXvfagqgjcy7CMw58st83C8RcrE\n1R+p\r\n=lQBP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211113202333"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211113202333"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211113202333"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211113202333_1639427038858_0.8116779509368406","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20211115102948","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20211115102948","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"061626d2571c16dcc941f5f287673812d716dd62","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20211115102948.tgz","fileCount":22,"integrity":"sha512-ECVnlt7zFxm8eNNw2s4CNp0pA47mYEH90bI4DkmTXHBrtsisvT1VgFQZx4CeG/N03Xx/5xXNlR5Ds882xqCddg==","signatures":[{"sig":"MEUCIGh0shbPfAAFj6jF5x1wHAiJyPLKP/qPz6WkBKZm6XI9AiEA2Zmjhv2f/83rpohK9Xii0ftNiulKm3vsX4K0bfZf63E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucO6CRA9TVsSAnZWagAAjhQP/jjVuPqCroAz7wZKSoM6\nqO4MSHp0Qfj2IPDsd5bl2Lrydl4fUWak/y72kf1MFbYTGOy6iyS1Y0w0VtiQ\nnM78JJLg14UJUszbhaaPhb2LpE/PTD90WWLwSKIVb8OakE05kQ9nXEHCuBlK\ncrH74nvzIS0ReeO8AGotm7TAtqh8X94VGl1U8vIMI4Om4dlE4/ezziaTKw5/\naYgwjgcC6graqqoATkY/8PyVtjtpKk81c7Sa0yrIMQMVriHTvQ7wvtyw4tQf\ntg2guxRr0Eb2FBlOC2h5I4nqdbqJBWR4l3xMtE3m7z8yvmW4cvsyy3RbshaY\nERoghVJf/am+hPVLvudpELfpDbcK4o8mGd8AFA9O1rUkVGiTBzjnpAUTfp9u\ne6FKFwvcC9q0NHuACeKe+J7Y52GQ/tXEo9tnDdZx3+N0ScJH67cj17wNvgrA\nG/f6CE4iuS+gyCORacKnPJ0WAvHzVXJKzKjYWxJoocTmakifutt33gV7tmFU\nxdtDKxeykCKVWHgbZ1maLdwvr7gzhWgeooOr2fB1hG9HjSaPJ1bqkVJvAei/\nQrrA+kBVPkLLJFE7yZBOLZ/mAqA6bQC0ZZFoM9c9NvxIyOXwLlRTajcvqsQA\n4V2JQBWx+C/IfXQtYsy9KfVmOk/D4EJThp682lWnVIEUXygR1SrALpUdIawk\nkEZx\r\n=W/8Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"57f10d884206eee208121c6784633ad27310296d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115102948","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20211115102948"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20211115102948"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20211115102948"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20211115102948_1639564218430_0.6172877219715294","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20211115103018","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20211115103018","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d8fa4ec8951bd50ad85e8f327a53e440af1cc318","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20211115103018.tgz","fileCount":22,"integrity":"sha512-Z8R7tbxR0lsdUU7nuRpd0AesClxwT/PyPf0mWmXUbX6JE65b1xHDEj5jNNaLF9aPuE2FZCJgZRJ7TRhgeGMQhg==","signatures":[{"sig":"MEQCIE845u0pDL+QHlrQWmw8UutDiF2Q55EeoFcnnmkH9TgoAiAYezWh1lY9IxVLzpVTA27pC4qj98NHyc+D4ku5L7lMfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPaCRA9TVsSAnZWagAAmfoQAJJ14jGwMKFfpAKMxBwl\n8hbKn0rwbgS4958n+xPTpXfKL3FGlWKkECV0p05xrTbjJ3fnLoc6adEh9beX\nw8qki6ThiHRnGTKleygcC9oNm5i46V62Wf2XhU/EH+JYv/7STE8TPjAchRW1\nwzmyYflg/9cJCu+jwZYJQzKN7TySxxOef9hynSIEIpTrH2t8+x5Qigtsqtgz\n1DgdRIk5nhPDKoIqS/7sfCMM0hvFAtF5T94tT5z3s6UGCfUIb3JGypoi3RvF\nAFbuWBElYWbOgsBeyE5Frc2oL6KvBGonAcNdRzzm/QVpLS1HS+4FTTLByS3I\nnGvFYSzJjxpHTe9wfh/FlYOksaaQsZUV2yPwyf9LypH9F7Edm48HdZZbz7+2\nqWVoKZyORmEukBMYheyouhnXtqxDxvnc6VbHQhHuPUt7129jiV1HVVzVTpaI\n+vtzlCaKtSSAJZiKXTihN9GZiX6a7vYG6zZH+br9d2s2EpMDvNCXxb82lz9k\nJNERrF7i7qYVgYCZGh54JbaVpmOFP8hmfd9KVFwBiBpeKt61wT+RZJRUxSqF\n9hw+0DrEE/7iCO0zhKtQ6ev/g81hlKXhwaMLHN/NXFGZUG66zYeHX5GEbiaV\nqL2nh01GyDpxOSdmQlVUoT4jW4kA8LucSl64z0QK9T76BrC76LjJG+7jTFTJ\nLeHe\r\n=t7e4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103018","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20211115103018"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20211115103018"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20211115103018"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20211115103018_1639564249857_0.4084365293903456","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211115103050","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211115103050","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"697840abed7a53df06101a1275d4f374de7df2a7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211115103050.tgz","fileCount":22,"integrity":"sha512-jg2ma6SCtvyuLWOtfDLeuIXx0aPIEJ5pbiHQouFHbLx+RCqvWM4XMqrInY3fjoi3QW13E90WL4zY2EIM7ucFjw==","signatures":[{"sig":"MEUCIG2GU+4E+wyZp5QLFI0Im6asJGGXMTglA3l0qlqWKfbZAiEApfqeIEC0VtR+sk9CnTUV7HCStYsXf39voGYWc6hhtjE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucQBCRA9TVsSAnZWagAA5wsP/1S9cYIpwGnefnZtc6Y4\n9yZwI7rWAEstGN2PRHRXapzfXB6iseQ2kMFUaV7Sr8Pwkumg+h+o4x4lxFBG\naHOrkoJMTO7q1oIwcboA1E2HJbrXUxA0REH7HDujvggTVBiKTsj7o/nLzOIo\nQD7NK7pFSNWEtwTz857NYKw2ZTbEhgagcSsp5KEDPwZfhtgsE83SCERSIB11\nJL4O6zCpWMOexupctoIOI4ijrzq972Jcwxlyk6GbAVexv/x/S2Fnp0LsTiCZ\nYLfyEGiVt6iy5PKVG2h9YVT5OAZn0BWtrxiEmKj78Jx3lls0z9JKLVOw9nJ5\nwpdcQNcts1nSIuX9dEc/ZtaCxETwk4n226NZQn3dncbaH0CL7aSHtO/KMaJl\nJOyrExJMyIT6aAsmcTSo94Zej7qlQ+rN2CMBrDk0ks+uBRO+VveCWzr/2g86\nRb5bXlhWT+arrrwMusvFcSIxzjH3fp46zahaKKzS2xmzmvO1Y6BZLXTJpivN\nPF7r4uhFj73+WPPjKUTY8qTyXftn+tVoRg/m9C0dRNsw4QUvNKf08yKlHXt8\n1LKt7l3urMA35jil/eQFwXl6U/7YLi5a+ULiow8AxbYv7H7T25rfXBGycCmI\ntLkoZ1yBY38Tgu2xFn53o6zko3HeV0Tt9dHSVaU33FdKud31A0kKbMf44DaE\nFJrm\r\n=GhVD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211115103050","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211115103050"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211115103050"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211115103050"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211115103050_1639564289232_0.9249578128501958","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20211115103321","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20211115103321","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d40404deee8b6c6443658a2dd731cadd276e63e2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20211115103321.tgz","fileCount":22,"integrity":"sha512-1KABDMFG0CaaEjzv7vJWC9ZIQJzmtNh6C31Lcvj87c2/gYctSkD2lFECb4FV5l/g3+6OIcgB42JsRV/zy1ovjg==","signatures":[{"sig":"MEQCIBZb54yFskcrBqffu4DcM4dFu8EZvJJheUPf7gbdupk8AiAELYKXON6vJZ2ZDwM/XTOtG1QC1MypRr4CRf71st4Adw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSYCRA9TVsSAnZWagAAdlYQAImUJ/H3AYZSfxSRQTra\nYahVnt+r2dgBKikqVNxgFUzX5FE8O5+09X3JhdqgfnvIHUrulgZlPYSJ2ine\neWd+6drcNM9SKeMe3C2T34qYSHfHoMUbxgm8uVmGstnhi99kOFh00ga/crOH\n985V+THkxX16zVR3eFQ8LTQ5CGorNE1vunqNHbgrB0K8ONqm57Hc3ztWjaAo\nNj+pSsmlio1Id1anpOyA/dNtmiJ3kFwfc31idHZRiL1IGwZZ8CXVx4Zr1ERK\nFCNC9DzHJxhr5mvxfoASpD1U4fWDqOqFV03IpBVT8bWYczdSzzbnhg4/jJu0\nECWewSy7kU6ECu271YJiqByTSFrRDUx5lZSQGuoN/GQU2eJe1ZDOBJSbcHIz\nEL3/Cfw5V7RB7Frk+UrhFvfu9VlUZTPc4fNaz6BwQTVMphP53PMwUpE9LUlx\n0y2dPlE92CHzFhEN92QeyfsddLzjuOj3tc9kvIVAbfS6WEqVEAUmna593xyn\nT9Fm/BpXydtC4jXur1ku8V3ybJl3Xe+6z1o/x1lVkOI7bZTybbtpqvOVTQfR\nZmVtHDM1wqGKakMZJMSPtj0ze9P7epV5kclqDcKdZSXI2uKw8NgZWEYrQkHX\nHxPTkIx7an51GEaqFrqWnixQ436sPQ796SKcbcIOUVYfEjICT/jgJXv9EoX0\nmecn\r\n=ACgn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b983e4ceb7c1e794c2b901ce16f12016836d40d6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103321","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20211115103321"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20211115103321"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20211115103321"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20211115103321_1639564440676_0.20951387251163323","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2021111913282","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2021111913282","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"431ac80a572831f7c04adaee3b0ea7a32e768be9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2021111913282.tgz","fileCount":22,"integrity":"sha512-h6QgRlOnI92r1VR2PBxhw69ma9RnaI28hCvd2IR8Z9CE+vTwudHzh0/Ok7r+Xl2mYitZY7ST4i2eM6Ifd0BDLw==","signatures":[{"sig":"MEQCIF/P92GdLRKn+lxcQ2hThnfVlERNl4iB8zSzZENhOipPAiB98CquG6dsgcPYUgyOdh0NB9ZnKBXNzPSLWsW23ssEqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzOICRA9TVsSAnZWagAAiAQP/2MRhK26ePWmAEjsZqtk\nNyi1C30iRH2mnPYx818VBQ1CIC3G3fiZP9joGcWRjZysM5cpEdj65pvyR+Qy\noxFilMqCzvF8SOjfro4aVflIqx77sayR4uL0OChyDMIbqttlhWdZv2IJZsau\nXGPU+4xioxHdKL5zQhCQCd8NTGD0XqRCJqhrZoQytFyHZdXIhPJ6SvG6sYMW\nDKflN0GvfB9HSyEkwXHCSt5Up5aSwi2k+S4u3XNNbxNuR6AYKoY/2BNLuG4R\nwn48n/L/e8BXUszXM0LtnJPZEmoy9LToMglBdfZHWutUzcjGSuHTxhiPvt0g\nFnksRNwBv4DhMY1aojz0CKYvEiShxNZ/nd7u+jam0PcUm0K4QMeYJ1ZblwGe\n07/cuuQbeSi81k3uGcd6cZoGxKDp9jhA8Dj2KTZ7ZDm9ny2BtpYfbut68ezp\nRzLfxTKBn8Nsqsd1nedx8OtnKdrl4S5SUjIjcb54CLgqoP8G+3dUtQlBTCEr\nBWA0Iw2SHjGdrtM0DDzMcuMPoeMLo16rjfxmgFRGIfv7pzHt0rGkiA4r8IGQ\n4gpHpjOSuBf5BFRaGufKxRixBxHW3w2WdzSrSgg4C+fr1ixCilWRhh1BDBWQ\nxj4UT6rDmekt06vc4Fts45EXLeJjQ90MbR0R2VL89UCXxlP8DdeAUlJ/NfeQ\neI/B\r\n=YLhF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e71186d1580f8a48c8804775328e4dc7266c94c3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021111913282","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2021111913282"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2021111913282"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2021111913282"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2021111913282_1639920520174_0.9557316069828956","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2021112024830","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2021112024830","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c6915f3f4ca69d3b6809838bcd1792ccfc6f5a7f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2021112024830.tgz","fileCount":22,"integrity":"sha512-TJTguFHFmVM74Y0gpRMVfXGLZhWtKVZwRANSvJzbVI/Qk9La4/7DJ69wFnwD0DjJQXjRDq2Dujl3JQHYVOKtlg==","signatures":[{"sig":"MEUCIElbh1Ct9xusZujDAJdi3syf5O9LfqjfDxhIHajh4c4NAiEA09Bxf4IweQYRya1ib1qLfMGZgFD/3kQaqpX32fpq5Yo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8eCRA9TVsSAnZWagAAkP0P/2oJOi1QrFpjfJW+nzlP\nXjmzBIQtmY0Qc/NpV2gIi46Ef6OMlvw8XlNur1oD4QSkNvxEOmkPnqCgXcmC\nCtzMZyllMx+osd3lFsFlOzav9EHTDPWWHQZd/3WsgJkLIxczjUf4+uEN+k9T\n6DjAoPvBxu2zMiryrQTjmGACIHK1gM5wr148wOT5fbWu3ZZQcdJ3wbCl1Qb4\ntnb6KekuWFL6mu7S4vAC1wPcxi/B5SGqh8Z7Q9Ml3aFnkBdHu5b6a7qU6y/8\nRz1WWmiPICf0XKBV/LVHLnI2ZtIrXeu4GpjQm2yon8SxmKROn1+V6ghbnfCf\n7PJRnrx4daezVJjBpjbenDFa6ySOczvqq3f+AwH+7M+nmMMKfUK94Pm0DXwr\nKh1uZZ5qIBaZL7F18QchMPDua+ws6VCETbBZNJs3kCFZftzEPPnPzJWvc005\n/sKITqfnR1N7+nlj1GRUiPetlwj4KVr5C/BTAETSaQx26z+FBypVBS1Aud34\nJlNGkJJHnP4M+myXeiwF3vZxrRF5hQfpbyuJM2NZTaR3bKL9bel5XaY+ZQkT\n3sHtC5jEhw1O3kweC73cBy2XlRBtM6/zA0HJT2EF8/2AkMY1epUZFN1CD51e\n4sjvVaI9rzWwkngVNOgwaYa7O0ExxVaZ2I5VYy0QjTI5UkvPUYmZxwcNF8a+\na4mu\r\n=88jj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f52ca81e6132842c338193d724d8c6d10135e8e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112024830","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2021112024830"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2021112024830"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2021112024830"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2021112024830_1639968542301_0.4630110054250607","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2021112031456","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2021112031456","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0c14723dac942f6a7b4697b766d27a33d770f51b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2021112031456.tgz","fileCount":22,"integrity":"sha512-R/1U7q1w+0dFIZgs6Yjkmt1NTMcu3JoLYL6oSm0Rw+f/KBdX81SgkuZ65L5e0sU4KAYtZKiKXbmKO/AH8rlI8A==","signatures":[{"sig":"MEUCIBh24uYkhlcyz7VvqmwK7j40f3ss0UuRbTOBMsn5+aOsAiEAw5OEGXS1c7XpyM7uW4FEEG03YDnELnkrT+P7K7OdtfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VUCRA9TVsSAnZWagAAiUUP/A1mrBvSTNZsOWmH2yAp\n6qP2HFlaf7oULiq7zxl96o2tilgCnsAVZcupkWT1Qc/RSX6m8tYl6rIoZvtR\ncV76cuFC4hKGxmE1sYl0hgL5PW/4bKUThwNTzzpAITzYhtaO0A5KubeK2Yn8\nTGLBPZXYfSygB9SJEDogmBFIjZJ60tliVdftgRe98tELyIGw0oxw9TanU71g\n9cd8IS0xiqEu2eGsEoP7PQghxITKX7gBrPH5QpZ9cZ5zWmNKf9tX1C8FJpjf\n0Rq8a7ih05NilXbh8cjo9S4yhPL/k1QHVD4b2FU/qUV5AvQ+PP9RJ+zHW3WW\nG5QSdDXIqkw18sFBJTBfTRsb6Ii+l0ILHSUf+nkVly6tfl0ovfvemyrP1l8J\nCuuuJwdIoX68VwiIXVgmgDPEhikWBd0pjquFpoWi+f4QVBQlcKchUFfFUWk/\n6K6y2n8metp9dLpCHrKOwKhH/Wzjyokj2Iqb5K44qlxPuxPf/YFbR35O72KU\n6JaS+vvWAyUHpbKuf7kGkraQNxdwhF9+jUX7HkYyZ/g2TxmtC3lC6Vm5qLVS\nwRBz6pLqHgtEQmKqyUgSS4N6g4EOsy/v4R1p6vI0Sk8yTYyHBDWYgxzuokyd\nVyDKG7qRzPEhbifQp59d7GuOOPcXqtJluWOaYzAPRgXdmu3SsjQK9c1gYUXG\nR0P/\r\n=+H1u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"9eaa11a475e0c24faa96cbb99d16a919c1bd6f47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031456","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2021112031456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2021112031456"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2021112031456"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2021112031456_1639970132578_0.5173702329312666","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2021112031622","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2021112031622","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a18717de3b14eafc47bb78fc56a63e8542d3b07e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2021112031622.tgz","fileCount":22,"integrity":"sha512-+AFrblNKXicuhOBfSTO+oCXQ+ThvuQiSCbbC5W0M9gmGrLv6qlMsE6EOFSveC54qI8UgqurhHv199R2YM1D4uw==","signatures":[{"sig":"MEYCIQD5Qn4gtQ0ue8ltQOxsqM/6GuuA7XXo/V4tddpivF07XgIhAPTZjb2lE3K+HbwW1QdALp95V8lLF/q3S6j4K0dLZqjj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WrCRA9TVsSAnZWagAAAK8P/AqzF5KxZWTzD/wiF4Tk\nVHDc7N9swwqlOFrIY3x+oo4Y78DutHh+X2tTipmh3kY/v+OuwtKJ2o3eFoKN\n8/mpAj5fNxIWNnKWq9zkmEyjaJDyi9/84QnMzJo6j+0d1oVK+fzhzjvoLC6g\nuRx800QxHB1fHO1R4DVH2QPWSofrVpyXJTpIiuf5hXAbZa2MeGjcE/EU4jNq\nubinFRnyLxNxYCGCOVDFfWDaYsgc5F33ePum3uHwZyNqKesGzLBmYf3i6ie+\niudwUbqLRUwLuOJx8bA7uORuROn3YIrdHSH4zqEJtdZ3fg/JItKzaOeOCd7u\nEiNevtTYc89LdcPBjeyi9mMlMDDnHccOmniD0qod7xDq3ZdfVB6tjDB8l69Z\nAskSqeG14Z9bzw8FEuWnGut92EUVov558M0MtXLwy06pWfakYjnQxW2ba5pP\nHHRs/9WD0bVxDa4ALGRZO0hHBkBDS+69fT5CpwmhNj2M5kNLN0PsI7GAEcYL\nAni0wPsL8CD+8zCftfhh/h76Xwp5tPqXKGCCOOdKQA4R4lb+4/CcSZpBQP7g\nzaP/U9fiJg2rnq8A1F/GcGt08iOVORK3u1VDMrfHzueNH4TSSNHRXvIUeQcg\nvg/NflHtbD77atq/Boa4yPx62Q4AswqJ3MOiht6+L87ajzmy31Cc3dPtoeaN\nLmqB\r\n=U7pU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e6858d2e0f657887b2bfbba959b25eab8cd3e74d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031622","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2021112031622"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2021112031622"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2021112031622"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2021112031622_1639970219246_0.051706730034110526","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211120212826","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211120212826","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4ae29a4173cb7938f8e3a536c208ef6551d093e2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211120212826.tgz","fileCount":22,"integrity":"sha512-bLwMMu4mNON+0CVrVnYditXlqlbNl45BBT8BW75j5o7QKsIxr+KPxzB2h8XFgg+OoSQJGwHKeabCLvM7mscAZw==","signatures":[{"sig":"MEUCIARiJ0+HdX9XsNoHp2ln3qnvx298yP9fq0YuThly7pLyAiEAvih/E/Oluf+coZ/vuz/RPrIQYsfMy3v7RgChGOmSoqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWcCRA9TVsSAnZWagAAhSIP/1y3YkZ5E41WQ538nR7A\nTR7eP6zKfJ0c6ifC+kM1C2euRAX9VDMUgdpuOHCJkeuTTDpF3Y7SSg1DH5vz\nWv4pZ3Ub1LBtml3/uAh953aQ9MHkYk37RAahcJm135GdjZOt63ZcknCd+X7D\nrvyo2Jn3bkIN28I3Svts3I+njIlQMIRsZfkuBBSrnJXGnLYMex2g+obUKmaw\nMg6HkTYlaA0u20uTVAcw3fUriECtMCkB8Fp1azoT5C5jMffCb2cqzX0J3TvY\n6dhjTUDodl0LrtrGD2gPzAsO6PkSDhyIztlbE+YEl35VShG1fis7+R3BFjUt\nq5b7PGwF9IfAw/abREI//5J2JnmLtAKw9MyZ6Fko0N0Cbu6qgFZyTaZvI7C1\nzycrshT4XjiuMgu6C7R8/Mb+5YwPvNiobDoxQGO3QTwIvaY61yCETMOakpeD\nvDZZW0I24vO2+0mGt2weF2n5n6avsUm0ksN7JH+SaNpwNTXkyvJd7aSLj/js\ngF6XNvkv9wm97WsAvpuLwFBVBglXvgkax3+2A1J3VznXCuEf+XzJLrHapB38\ncG1vN1zNzH3ABS2aRUMmh+44zenR3VQojGo+YNrL533jcX99o0uhSLXPcxPZ\nt0UhkKys7G/X3dh0C5VBYLCw028jO4q4Ptd/Ox2PQr7oDjKgB63V2spOnIVA\nRriZ\r\n=TqyS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212826","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211120212826"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211120212826"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211120212826"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211120212826_1640035740502_0.365568137479628","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211120212927","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211120212927","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"aaf0fddf825bcbba1b54674ef6b4ff8fe078bbae","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211120212927.tgz","fileCount":22,"integrity":"sha512-c2o4pv5BlsynNq0do2yd3guEtShZzmwoNSnWf+z8NFBjnxrHMb7cEAcyTQDbkBj256E8ZXff0ZowGSJW3CQraw==","signatures":[{"sig":"MEYCIQDQnbiQ7HjwDGjwPrJIg7cZqgWZiImS9kCd2G+/Gf1qsQIhANzEy6bTPYpmjRaCzzlbAiAWWOB+yk8cIFMWRPfKkM26","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXWCRA9TVsSAnZWagAAFFwP/2/rPEFyP9M1eyCmW7Av\nd4xW4V8SJaeJRN10DRbUO1n8/VY+Vam1ksqlxGByhTe8IBKc1nH4QKE7mV1x\nGUPU8IPkkHgJofHmQdp2bA8Ao8geSYA0GYEnLikRj72JPpXenmqBHrzuqHIe\nTZauI+gOy4cglleVzM22riy+xhGdMXmn2+3y0s6NXTrvXYEabdW9bABW/3Ul\nbexfFWK/pWSEkQ7qnKo5tF/q7bCpROa1+TgohqdfkyWj+NXd1Ds7A+ODTMC6\nBD+ZXC3TK0hh4teAtcWpr0Kkml4giB5FiDl2vNiPtUwfE9TaQnCH8V7fhQYP\nAzB2Ps4F3/3+05GG+wBpAWkrIcKi0SdJr++f/QPYIDM63BTumb7XDL7y4NEy\n187r4vAT7Dr78sC+XcRlB+e6L1G3isjZJvWJUchM8RzwaQOL7q8vJ66hwRYA\nKs6HeVsxLu+47L9WaJZgBxxsY0DE9GnaCjkhSuLppxdY9PUthANWxRP8Qe8q\nawFBSoAbx/CQMS+XTugQet1UVch/uoivsOuF6Kw4u+rIBhLFKRKDpiwgpDw6\n9mUxq77DvqLQh6FOYekMTaeqbpnT16jTkGBaxa109STJLeR3ApTMqg9/LvGY\n2jQSrNfCri/x+B+eJVASeIh7xfuaZicveWJ97tUwzOCRHduPGD3P9/J2LyIK\ntfx5\r\n=ZywS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212927","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211120212927"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211120212927"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211120212927"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211120212927_1640035798461_0.4925053525854113","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211120213315","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211120213315","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"41e411a03dcba1a28efe5df740975be9f04976a5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211120213315.tgz","fileCount":22,"integrity":"sha512-bhSIF/Kaphh0BWIrNiMvKQNP2o49NNKYfenUWYxo8uo2uZmgGXKYdJQ9MHdVoDut2q4om32GZ99HMjIT3JI1FQ==","signatures":[{"sig":"MEQCIG5fEEcM4/TBZyQf4scgRWCplCDFSUSpP90s5RWN2WZiAiB0uvSbBSRXhyjASTXiUyPe62kNBJmksdGnHjprxgrIFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPa8CRA9TVsSAnZWagAAMB4P/2BLr+Zt2FLRqulofKj1\nRfAsl8+JMrF/v7ztf2gCiuveHHDF/dmSTMXN2Xi4ra/grSn3lijqyDR4RgRw\nPZEAjXJVIOsMDGaoXWNZszwfhZXRGrPc6dNSl9sLPFHCIzuhAHxHc/09Cd/D\nUln7ukn90DfLPNdByQl7L9WCL7v4zW9adPOo6VE82dEAJ8IOF/YBkbQC2hYc\nWB0nTR/LkqvzaJM+dtTdwfingPe53UQDRX/INLL/Xf+i84Jht8RuWloPDtx/\nJroyM2HgU0ax43BSOP8xpSOYbnIwHLu2jMSvIOgFoteY7k5VsXtmJVz0rQJB\n70ojq0gsyiALcpt9NwT2RE1BX57M7nSO2UpeI49swv4YzpihdqBN/sAB/JEM\nAaNltheRQclkA37FPr10b5P+FWLwpK/tdGKTJ8M3Q4g7R1cZ6CdDXLM1GtFj\n0bQZtrbLxRi0jM7nqqz/CAIaaF09PnRcoApzY5FI68YWaHPa2eRYgPdl0TwX\nVyWxB52acZMyqV7JsGnESNeQfjszo5pP6KBz1/8I1JkqtS5GQnz+rK+iz7NV\nU0wS1sRJhikipu4IY+4GNhNdjAeFwS3aUO/HIosf0TzO/AY5alSVifAs+Ibf\nx9Vv5mFq5A9ch4Cl6NKGQUBL28tmMp/5tQN1xaj4mEaUK+GZtaaSfWMicHaT\ntm7n\r\n=yoBe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8d66b048a634383c0f4a99b7a5255d1bd0e94fd1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120213315","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211120213315"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211120213315"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211120213315"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211120213315_1640036027884_0.0358747824570802","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211120214314","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211120214314","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"55a7e3168a25aa1f8e947a09694bc5527f8df2e1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211120214314.tgz","fileCount":22,"integrity":"sha512-QzIs+ApDIOkqnLWHPEmyXCfPzn74mrU5/Ylbty/QbF9Ji7IbRqXgrRlM1Y88hSIwcJatEicfpdaqWm2ork5FoQ==","signatures":[{"sig":"MEUCIQCjTwVP8Sy1tHeVO+M5uMJyUu+K40jvXaskYJvpjV2aPAIgKJ7cm2zcatEh+JLi2ET7fzULX+wrAWv47q4dxIKVGOE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkVCRA9TVsSAnZWagAAqZQP/0Kua1xrxez7+JFIy/vv\nHjvB40vR+YcwGUzMNX+ysCVl7jcJGGAQDFByXwfhcC7A4WMT/epYJlqpGa5+\nH/J7CTaxCskWKKJOb3O70Yokd9/UVsamsxl0ricr985huymW86TAbKRCmzGQ\nH2z309ZS89RyPgVWw+tm5IIPClsxvazFXlxjcWLNhMm4p8AqS0oGVmYJKEDu\n8hWs9NEu5HEsfexq7l5G/fKxGWJU4LixhoR8U28DC99MxhHdLvthoh2xNyVJ\nr9ytUjGjoM3/HXkYezpCPn4WpprBHM6pMCnW7/UeyyfyINKaMsuwZtTxbbIE\n5kZfGyWzrp1PKENDR969sgfCYANiJXXyNoQH2CISFd8cc+C9YPHCJKHhs8kc\n79ojpF9Rs1pKzEI4iEhM4c+9jwIytbrpu9px5HtTlBNoPUF/k65ndCVjJ2CG\n907E/+ScZj/xyfpmja2jGgclNXVJceXTce+1V91ohaiEAICQJ3snzYG15Aeo\nAUAGl7+yAirx/wwWfueViZPdFhJZ+SJ4lrnwYzpU1VyXbpqiqGtV/MWE+0/V\n6W6mxBg53gFmBJFgO+2PPZYIHq8eqdViqe19v/Lfyw1xo+DpojUjhfsNt7Ft\ndyxEvExORflAwVsk+iQJgUQwQtdxtvLZyxvs8qs04x2ukVADy4QcSm15XE+r\nWWr6\r\n=VIQD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b33d07d1bc611e7f89c90ae40aaa216980618a62","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120214314","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211120214314"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211120214314"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211120214314"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211120214314_1640036629416_0.4517701874593527","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20211120215621","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20211120215621","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ab518ace3b6adc54062f01c70fe4570bd31d6832","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20211120215621.tgz","fileCount":22,"integrity":"sha512-4JEOqnwlfokN01bB0NRqCz2H4MKz5hJgaLO0Li3pc/B/1mkdAio5CtGRQJDDX3FAHO3FdMFf7QSuCPR7Y1d4DA==","signatures":[{"sig":"MEUCIG7lxx8kfJz12GxOlEOJCXgHvGDRVX0JAkW7+UMHpJIBAiEAur8k2YAfeftcKttOehByjnKGOy87InA99mOItUsNAM4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPwrCRA9TVsSAnZWagAAB/UQAIVJGSusgUA1c9z58e0p\nmpC9t4d6yuLsHTZER3nS9aldQv1Da3YLG0i94hiK726GqJZwDhkp97LCHUCa\n9/bqMzegrMDkOSVITWu10bn32E82ONL8s0iDTxjd11kpMyl1h+cEPCOQYzxj\nEfdNxAPBSYZpWCm4vQ++OwHIRjDKB2XVNej25yUEDeZoupCz/vMj+iBbJnWK\noCFRLu+QnOZwhhcTg3flnMwlU5pwtuvuB6/hfYtdHeSZg0gbEjphB13i3+1b\nWzTCGf+0W+cJ9noRer4SlByKF3MMhTUolCoesB1LJ+DJk7YBkVtUQNKcmx5U\nsKcfH1e3hBm7FfDQ3HC/g2C276WbjgmuqTsOYGYyt0Exw7M5i0GFg1jtB+Lj\nFhrFKyJtZRnXcgDk4lvHWpWvmiGBUJjVs5WjhG1PGHGeeLeOB+E+kUtY2Yld\nc1lErdAdJcpcAlX6r9Hdn56Qt28H3+Hn/vD5YI1v4XxZ7DQioub83xui0IxL\nk1iywDqZrqFQk5YbJiLTE9TPCm+wgQFriXkl8hcenVFnWtG9i4x+aqXyGAtH\n2adpzn+byKvAPQxY411jBibV1+OZEKAB+eKutWv0l/w3/MB1ZfdnjeUkvfEA\nskZoa8vIJsVaSSpR8hOyx2AsoHCaJOaTw7YjBE+OAg8p6ENoFE/hZiMOopzX\nISZ4\r\n=O2FI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211120215621","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20211120215621"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20211120215621"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20211120215621"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20211120215621_1640037419388_0.37205728519378756","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211120215645","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211120215645","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fbfd60000a46df5726c72b7ed64d5e82a81d3677","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211120215645.tgz","fileCount":22,"integrity":"sha512-Sqe4/1lKHquf0NLnKiH8wjxuRW7fdxUMNW+B9wFPnL38RvyN93x3U0GhjpyPtpB6UE2JSYvTb7C3P8MVCLT6WQ==","signatures":[{"sig":"MEUCIHAe/tEUBUlbtpOoPHr2aQs7LZmIlCmATBNfxJFGMi1OAiEA51MtEqbOwtdUGmADMoYmEhOCklbgeiYWGTV59r33PIg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPxICRA9TVsSAnZWagAAqooQAJdg/Df1pjr6bYJtPnun\nHVBuBKwt5WCy5VzcSMb42ETyV+W0UQg3LEPM1t2BLC94nFoYkdR//t0WH2V4\nG+RBeJNvZHaIay2xwcEq71J8Utm3Y1nY3e2IA8NtBTEbCtYAKCCSgzPWOrEj\nfH5e6t3NmJCQuAQ32EM/9rScfBaz+4O1neKVVL/Sve+aFoGuQw3odmeB9DN9\nrTDbngco5L8AQRDn58JsX5DAOj8R+pOL5xM65vKrjlcuMgumgIFxAoWJ3Nuk\nxhvc6Um2iNIETlIyu39fYkkt8kL1GqY941V6tDaYhjOSXwiivHz7/jXwdkno\nI32OWLpV3YXRO+P9ENIJibRV6/XjJkea6mwlbEECgMpeVGjfjft6OJgdsNSs\nBXSZDrkp0HHVAausvYGJ6P5B+7EEMn0Y1ZzaW5hDMcldIMp5RVC3oerJV43U\nx/aFVZQQwwW3JaDoimkLnnzA1Fuyu9f9cYm5Xzzl4aZPwIhkbU7VF5RLT1L2\nP9YMlYJvMLWvSW2/yjZ0SnAXj8bJns28Dswj1uQ/nAnr9XMGAzcagCB1oUI3\nWv+LU6R5nIN8lCe/+1wKxRkwrgwOIxhnlcdZLuwK2zfGQWS9QR0eqVZ8FLS+\nJq8wjO0VLbW7skwnp6mUoJiUV3yw7K3pTgWb+gZxOOxhFZeqac+/aQAbvn03\nDSXA\r\n=5LLL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120215645","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211120215645"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211120215645"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211120215645"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211120215645_1640037447972_0.7530866970285268","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211126151058","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211126151058","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d7bfe490efc44de7202c119b943f0b591c154fa0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211126151058.tgz","fileCount":22,"integrity":"sha512-rHjy0cbg3BsJTI+7roOF5ZTDdJjs0wAk+k3HvAmrCA6qUnxSXfBdiyuUk8JP+UD/MMl2QJN2LOcDkLrRW/txsg==","signatures":[{"sig":"MEUCIQDG+F09/bs4owbmspqrXfopbqm4Uj8Ir6zDvdRz87QgBgIgZ+bnoOsrPhcjR1CS5m/cGGYqE6P8RAnoxd0Nw+LE0x8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYkCRA9TVsSAnZWagAAlV0P/0fTwxoXjqf9QQCIjUJN\nEPqWyzSDbG8ZBeUNWlrl9E/YwOU7vnssWngxyUu5BazC6ldxE1u2+UpNfw0G\nuTqAq8e7o87nZKS9M6HieJKn2RaPN/SwdMUsKHC6t9fcBcuiWbcItz27npon\nFHs1i3C+gdJpcW+GLV6O5RfNc4CC82zpU01KxuGVFqbyOhQClXjk9dWXcgHJ\n2GLledqvpHGeL0CC7y0hnIIZF1pDhetxX96J9pwLTrUdTI0FadB+oLa5pxB/\nfsZDH4RlDj9aIqDd/ZBb7WDZuwlyV2AX74RrKoREzAxZLlL83mVCTWGzuwdd\nSt1dp25LwBhV2SivyHhXCcVxgdo2bCM74NGSShyDk9r0gAxxJcNjuRKhXBFT\ntX0qomDGyCETspsQshNimAOGDI35P2hlPT+yfl8kaXbOPh+bUTSTWnBcgHl8\nnD/Dz2tQRXmETqPkf+8yoO3Wk0xxMgapHKYHxnLfXgWwlYPEOnT8tRmEB8hQ\ngYLoLGhoO3NtH9xTs3jgSr/HnpaQmsLgUYuVs8PYvIYncLqmfY0kI8FG8PBq\nKdTSPyLEvZvYjP64gft2QanOnVqMH6yiwzZo9fMIJs5NbXze/3RqVDglZ1jn\ninPvtTO6JT7uS9jBkwsVItyIghAoSOugfgwHo0PKS2xyYsXcNMXk/UnNYkjA\nXdLy\r\n=Lwdj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126151058","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211126151058"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211126151058"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211126151058"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211126151058_1640531492306_0.5980925962967716","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211126153437","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211126153437","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6ea4aeacf6c0d67768ee3b3c540a2ef391851d13","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211126153437.tgz","fileCount":22,"integrity":"sha512-qSeLns5XOnCxbbJc/ghTQT92A8wH4hqzRaOr2PR9l8KZ9Cl7/rpKGWIlaW2v3htFOsOtfOVU4ImeCGGX4F+ZEA==","signatures":[{"sig":"MEUCIGV68T+9eJgcj7gFF8F85CBRqCw3DeelOqbSpR37HrL8AiEAie14UVt1s3aLseLC1T1dUEs/mLj2NHMnNxg/2VYf5v0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIu1CRA9TVsSAnZWagAAIg4QAJl1zK4GMbdeatj0X1JR\n1Zp3Fp7KxYqTSvH4CzIOUzYV6grDVi6USjzPNbyXhoHXgXvUxoRMxyy4FjDr\naWMzK0HDgjIEBfrHU8TGG7kZynms06LlqbMc6tPAhQhrdFrgLAmLnzlS/1/C\ndBsFRSckQG80x68gLMROSXRnnP4WSDPqDlcBF3z3b/fQ3/6mSnsFJytj7Rjr\n8qxOpZ8Exoy8IfmD4hDvfmP4xkQQiWR85N3XN1CqvJOjZcfrbqhZ9n/GvbOc\nicB1lFbPjw9x1clAFVMDyYDOG7xMpIQysSQ7F6+8acp2VAyfMSHl7sQECYcQ\nH+BZTxVSsoiITSP3AFvOoP+vKgX8pH8TQ4u47hhnfkrFbhxMn6aZlNjulRd9\nQrcQZTBvRojAbGG898PhKVeBEW8Og70fDEFik03YJ1GBuDSF/98TDFfoJsGF\nVM4OJi+wygeSMT/BtkdEhcBOnGQcBfkFPURXemzrAYpyCtu9c3LYW6VEacpI\n12uiYvAzNn0EFuRPgt1mBBJ97nC0NRDdWDypVLmucMqoP9nRpMESuHb1aILg\nWw+xcNMKFMzHcgqQB1DuyJyCGTMs2NHc0yHVCDv8u2Usz3+GJZiW4gGFjQlG\nqNgrGdafnMb0JO7vWIeRBQVFQOq0jjzkMoVJG9Kma54+AEj6qJAu2L3DTO9k\nPHWq\r\n=+N/U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153437","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211126153437"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211126153437"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211126153437"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211126153437_1640532917153_0.9519695641713637","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211126153854","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211126153854","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2f5573135fdf1831f5d7189e81256ecc3a1f202e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211126153854.tgz","fileCount":22,"integrity":"sha512-e6HOS42EWcDpO43LTcLDoSzDtMKz5j8xHDQ0n7HmNnRol+RUymJZ0WfY9NDigBpbT6V5Oh43Tp4Pjmom0A+9gw==","signatures":[{"sig":"MEYCIQD3fnKUoL3x71hGMwwhUpMHQr2ztQwINlZEd1FNBoyJzwIhAOWnXGRTLvQtrRzkjY2/uaYKCSIxDHIusUNKclKToXu9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIyzCRA9TVsSAnZWagAA8XcP/0HmOo5ksfPeYaAeuJDX\nUJ2mIousp0ktW3v5t7IgjtjRhCpTTCHhKU/+yYnYtgIb+71PS2h6nMlU4OIm\nWIMQ4OHCwZxtZ3Po1bbt0a+XymOse952sSD4rwnKWwWRv12DUeXoR5xp3F8U\nKBPYCIGJumDmjNdch5tt0uVSrIB91w4V26VzypRRgmDCfqLXCU11d5q5D4G3\nQBgJ6YJdQf+omydjFzuvD/6f+eTsekw2C37xLfM366df3vpn4EOpey4vDo/6\nqfb7CgVX/mmktWO3WIC0CuAW1kqCsRIw82Sql8OLjZcYsoooUjCwdF1yMhUK\n1PjKpm88VrqX+ho6h62XGv5yZIZM+SNEywuI/LYTUvpJTuP1qclS8Jn+kaE6\n77CvFVlZ2NMcEFof+up+btEKuYi2mNrbGqlyRhAdnout3KF/TcGnVu/+fyvy\n4/x6rSktcrMIrLF9jWLrl8x6uYyTvzrpOQM4Eq93f7FuHqkc+71Tt7by5vsx\nHoNFsB166j9LUsKHGTFnP7vETO+LFxe6u8Hi7sUITJUkOIAYyfXA7sAXpYDN\nrSDsr5eMe/eQjYdVya+FQfuA2AnGB0ZuCoTtotiXW1tDPG+QcKOF0eEWwzHF\niVQYH8SGH9tUrw62cTs+UF7mDZesDUGcMQs6wcnJ2RMQI6rQWTWTkosIJ74t\nAvfR\r\n=wNw5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153854","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211126153854"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211126153854"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211126153854"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211126153854_1640533171515_0.41633138987226115","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211126154235","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211126154235","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"99b109974b6e084001766dc07f65610ca1108e43","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211126154235.tgz","fileCount":22,"integrity":"sha512-ogrMWH5dcnI01zuKygDK1U/M7oinwhQxVvp8C1a66VEPtV0S/czpQIgwfbtrgne2GGkA6R8/nwumKaAhG0OOeg==","signatures":[{"sig":"MEUCIQDXaLzK5pa/LUrS9+iuK6GwI9cIsRMf9b36SA0hsUKz+wIgRxEkhaMQ6D+gmcqwRj8fPFI2DzGMrXAcrni4usB1rZs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2QCRA9TVsSAnZWagAAkg8QAJoiJT2McjzkVLAdK5WP\nYZStZyuNnxOtIg63/W0QrmvXZeP8i3W6XgpT7GShiFZK3xPs4dWC09u6wF6x\n014rtDPUXG2PGctgiZYCrEHX1ctCbtWQX9SWKBhLtU/tfSz1eTy82CAmdAF8\nhVDTyiYeRSQ0dWzQVAWfk66hx8m6n/CQATD9Gyw5zEx64lvq7RZCPwQTc0jA\n06iGVrB2ejwqvDWZldY75nNMjGaWEwVYgr3Lcu1WM4KtXU4AvnBt31aI7+s+\nKDpWbFAgkkdMTN5EbKCdit+1FZPUsxr2mHOt2tg2dWk+Rwfqo5fGRMp7cJRC\nlW/HTnqpnEWAepiL74x1zAIhhc637LkzfFgZ8vhg1XRIG94IQDIgZ2+1OAII\njjX+17btI04NNeW5McCDlcJAbIl4i/tqws8bOUiS1g7uBEGcwstRlph0MIQB\n3/hUmsJ/+FNZhdy8FMfUmA1XnAWOlOxy9q0ZbLPFydj3YRlZF7PAhfNQBL4g\nCJjIILmQTo9/CAOqpuPDUV9i+SAimIOAb3RxN6L8m+8hmUWI+rwvKqnZ6EH1\nBCrPN4Z4LvG/7onicUxG3kHOiq9IbBxyIkJmvAfvFT3jpeoEtrZqXbjy4OwS\n0vFpNQykLEXofrenuLNZsn+MLP9M+lqjNoQI3FwJB1is2DZl202WohHYliR+\nfdp+\r\n=XQcM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"ae6fd7a25c543d089d500e328596b399d85afe8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126154235","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211126154235"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211126154235"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211126154235"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211126154235_1640533392488_0.6266534469861038","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211126155055","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211126155055","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2c93740d5a3b972fc9dad6c869d9f3e329092728","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211126155055.tgz","fileCount":22,"integrity":"sha512-PnBhlN4MM3bLZF28p9emYZEAcyg29G3la+mPGDsr1Pg+52jmsFr4WGombaL1NcvuQWEPz3DS1/f7VXeRZ8Q2Hw==","signatures":[{"sig":"MEYCIQC0H3BpwdgWoKEFPoboemWH/IZkY+6+LScemLtld2OTKwIhAP0wR3NkqNQUWqP2CEy9aIrB/81whMBztZFjKWaYbdGz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI9/CRA9TVsSAnZWagAA25cP/3O5Dgm1pc1Iji+znhUW\nIeQ/zBVgGVk58AvPRvYBhvgU/cdDaPu5GJYk3RHwBMzzp2y5+4VfPi54CnD9\nvzifwrisnXBTAmdC7+cFILUbKOee3RSalzcIJYjvR9xqfjdhfWpIN53o+c0x\nix8HiKDpqNBw0ZbwXiB7g0ItiVFkWrputdYYJvqQoxRpJTm9tO9ZVpFyqTqN\nm/uFjyBJRHUnsyv/U/RhdMRqNfI8/KwZQz9xgdONXmwIEPba4kfjO3R11mwG\np9FIAxH3MYXfIeVvulFicCC9pJgTlpH2TDck8IM/wDQmoIJ2+qAryh3iajYt\nHtPlCDnpyuvbQD/zQVosHO1VkpORcd34al0FpGsye6mbNDgooOvTN3/qqJAk\nP6D6et+OKTW0/13wrbXhMG30+9F9XqAiGAtaII2I/G/O4cDRU4SE6J7VR7En\nHw5qMpSAB7RWpybffm/YcgOfz0S9P1dsFUFztePuRlYqofB6XUxFIYioUOym\nZVQZ/F5HsM+NSZze3iZs05G4dzr3Wo842d+bMZdSwmYM6pqXpHMH9zXyXVm9\n0O8GaZYhdVk0c5hfqPXi8wYinjX4IFn+cIXxySluHlRTFZL0w3k8Tm0NFeki\n2d6Aktblrz55dW64eGViXZ1sfmXM7ZGVnJQ/1vq6/PcTMzzOYhmUSM2xAc8w\nAY9r\r\n=hY/S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126155055","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211126155055"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211126155055"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211126155055"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211126155055_1640533887480_0.11972511835000543","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2021112616030","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2021112616030","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"acc3588929bb1d51d5020fd7363bf1fc4c508e68","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2021112616030.tgz","fileCount":22,"integrity":"sha512-XUeflKe4fl9kpoSqUXQNAJn65JqmwVC2q9R6dqMzOV+qOTNKcr9OFSk+fV4Rs0nNvNbDfsu6nNwp1gWWRYmh5A==","signatures":[{"sig":"MEUCIQDRp5Lp0+KTR7C+WvxBsH1NIILE0s2PTo+BpJ7OGUSNbgIgN6L43P8SP3CIt8h4rEvWtigLupTpMExlyMspKnalYcc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJHFCRA9TVsSAnZWagAAb+8QAIgnYh+hdOh9+Ei0sVNv\niZwIRdgFmQB9kmJ3qm1BzYZZPCHzf6rJ0wZWSsXYTtO9P47Onrg6T538Je1N\nk/cFBYj0h0082+i2Kvw41XYG41JlksTgZ2OUI6TBzwojMS3l+/4qWnCspjH+\nwgUTJm4Ud3W2ZAOsOVL1Gix8wLz72WsHQG8d19hUtkGqzS19jLqQuRYDDmdb\nZ9Hds4cSNQeVFCMr6raihNNuL/6Fq1xXbqR9732dRmcW/YCwFAZrwpApcAak\ne/jkdbaVZvv8svItUBWdUfsfWrNDPoHbBEMxqinEssmJcbRnxBZJCmy6y6qr\nS/uyr2SoVGJ4AKA0R5xzFd6WVxoRP8UFZlnGcHoaMOXvHDsKGDYMRs4JwXZv\nXKOoIAogeH95RkNxEMgWxrZGlQB3UeT5d2AO3/oYB84NBOCzBYAo4jQTogh4\nUxdVjknSJV7dxWQI1xIVsGAD2IbJPs6ZsFGmL0yeFA+JvAhICKje8n2P1Ejs\nHJY8nisjUY2ooAFgfGUFpiRwUIPOKwvDF/TSr/KKz3DWk3yL3tvQYI/gQEdj\ny8ueFIVLQzVhNqq8mtZj+LVaDKb0hm1/iKrAHFlPS9l20k7QrG1k5yVBoNw5\nMzHEF1cCbcHmr28w5iar56X5Kx/6vRz0zCjSlBOQdqBXDUUJQzYyd1vn/rym\nYCsA\r\n=OoJM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"68bee23eec488c69850f49cb8c6e55c266c66509","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112616030","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2021112616030"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2021112616030"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2021112616030"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2021112616030_1640534469782_0.44393851782597116","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2021112821613","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2021112821613","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3e234dd2af0cab1bbfe91d224bc8a97e4972e483","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2021112821613.tgz","fileCount":22,"integrity":"sha512-guCSbN2TcEIk4Us6Ji36ksakIaK+1TvTebMWwnJnwEBUyRze9XKfwi+N+PlUKq3spuRO4fEY0heTM0+aqV3sjQ==","signatures":[{"sig":"MEUCIQDyO23N5+X+IIrPT+r490B201e41H/8K/79oeYUKIAsQQIgcocu94LCPzvL/tPrdpMB25LS2aPebpCX7XHH8T4ZpJ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3xuCRA9TVsSAnZWagAAsIgP/R1SvwonvbBBoXa5xpCD\nt1/n6tVRMCOIdC8GOLrqlcouXKIlqV/ZM6THuCYq6k4jAFC2UNxo0TeLt4G1\nPJZMn2oRfPxetw3bExGXSRw2P9H5K99KT1PQPpGjrr2kaqHdH7g1GV5k6D6F\nIA4QVf+l9nISimT10ivfF9L4wsTrdoN2kr5J91+agEu1OjKkFvQQYrd9BGfL\ndld9JegTxaepO+eT4pjUxtJkbdRO3iA1k2v4xGclo/Yq4aHm7Eh5HXMSSPws\n01dC14uy/BnI47y+A0Uv9a4yiEXDjMQYPNqAjchLP96EiKDtktaTbDMIPSyV\nZX92yTx/n9XVPRKdDMc5ZJgpXACaDMM4oCmZJkYxFduBXNWFAPBknLMIoYpC\n0M4ozfDcN9Zbb593O6cjfdT3VUiyMytueOdvwFb3yavY4V1SNrdtapv3BpPB\nEs0VAvvetF2qTm93WS+/4QTsNyhPOwXRVs7/cNeMD/rOVp5LA3lPHVgGU2r3\nzzDXgdMDSnn1lpQqxVDokyeoKegT+7mAIb9BvCnIpgoNNLIgyBczFZAFvBDy\nTNzGMnqbVn8Q7/GZKYQurEM56UnNBEZ8C6hH5QJYhb43ds4Y/iW+XbuJBgm8\nIhsgv6L/hUQ+fjAFrAwy/VICqkXnr6B8bFH8mt0Pjb7BUqoKBFDs8/tujnmB\ns2Wd\r\n=x8yn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8721c354cc8b43b5dddf82b9b9fa2fde731318bc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112821613","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2021112821613"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2021112821613"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2021112821613"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2021112821613_1640725614081_0.3896502723967008","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20211128215540","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20211128215540","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5c14ad8e832e2382368499a67f469aa90353502c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20211128215540.tgz","fileCount":22,"integrity":"sha512-jo+b8GWYHZ1IAZng7aecMBn4ZWTAlDcr+s1SXICo3RsWITs+RJcpNJgsOQ4Q1Nf7YaiHFC5Y1B1Vs3eCmwtbZA==","signatures":[{"sig":"MEUCID0Uhjvo0uYF8y5SOWPsy8t6hATB4mBMukJb65oSt2zyAiEA/E0kj+7wGhAyqtsGelEZ6qB/9zdaRcFi64k1tEC5WjY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4gBCRA9TVsSAnZWagAAEp4QAJ7+kRmhHufNjtUpN53b\nF/clT/tTs2JhgTd5NMCU+2rb1TOwjy7+YMx2DtAu+ME4yTp7DPYuLt+vY5fN\nAlp/9u3Lh6X4b1MZV4WX+meK2uRX3vIu2ReEVPgqyWkxd+LOkbFde7GRcJ9A\nC3AwSBjjtWehhH9vTppsYky1t1BSVhBb3ntUVjoZ5s+UiPYBYEqmNEKp9SXr\n9azeDNik5Lyj8gacM9U7TvRAlwalqQA9oL6wul3wEyZ1ysc4ceop7zGMcJ/Q\nszmy0UrMhh5ET4R3kJjvYNV/0eJvBYyua6CiJ+H3zufU1kq7LBPTmAq69S0C\n4HPhdcfZtI2gHYrtT2qRtbHOeH3la6c68At2Fi6N8GFOjvsjqWIPIAGSxKjV\nwtJf3zkE8z6zoVCMeykotdrRX/QCt+IhpQ0xsOrn2PuuF8QM9soqCW5jkBuO\nh61r5OEHbmXwaGWnkfj0qdlsEbgDOTe+aFdk8UkDJxuHdDY21uQiXSXKVhHF\nxWyyJ6XscScXeG9ObH+7QjGZujNwPqIsUKxPLKanTYF6B9KJrgqeQ7tYmSPS\nYymeEwNMn0g1Q9K6R4ayg8qkXAUDp3y7SzEyARVZV3WZupygqSGmlv8VFrPv\nrmbYj+FEJdMXvwOIi1TQ6Lxo/UGE97fbfEMBSDqZ6QYWhjU6E4j7x6XSdVyv\nTA4m\r\n=pOhV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211128215540","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20211128215540"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20211128215540"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20211128215540"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20211128215540_1640728577091_0.5911355457730345","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2021112822349","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2021112822349","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f30d7cbab671089934cbe9d282057e05a00458bf","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2021112822349.tgz","fileCount":22,"integrity":"sha512-XD7P0aGwBMtVdOGBJsEC+4e4IE22C/0KCzdVO9zFZvpfDmrhAKGvbBOrCiAhE7deVi8FAfmRpDYwBXY0unYDow==","signatures":[{"sig":"MEUCIBgN8qg6ILZ5+1P0mfE39OfUPBHXHz8irnrAC1YHVHtPAiEA1zAlR+Y3I0GZhqwORM6kKzFWGDCSZgPn1B/wSbaSIMY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4nsCRA9TVsSAnZWagAApFEP/jU2OuANVUVpWuwL/B09\n4kviLK28EmagjbmqDpmxlvgbf9EXYN5RXgCuBZYz0gmc1wepYKhUNln5eg6P\nsCqZSIYSsMjNd96xuvNufleNnTERJf/PApZ86XX7dP2tTk2URnVCZMiNgMPl\nd6RZPvXE/5Nx80mScYhokqb4VbHXj6Bv2keeS8NsuO63VOKQ8sUuBGnjQxZT\nOH4KTlYid0cGEPzvoeI9W8u1QWwYhVWbFzy0GT7i5vyZhpQi7cfST1vP038p\ncV1uKVGLrcSJ5eOfl0AqTyCKlYy+XMaGH6FF4LWH4G0M4vLUyYnSQ3aFUlg1\nXIWDqCEjXAaJXWx6Jx4Ec7C8iw2/DPO5ZHYZPCLu7V/8LYj/OXpmipljdTdn\ncmPA7wBoLac5pXi5GAQpMB+WnBVv/a2z1RuyDHh6iwdUd8Ti432Ol8lOaEi7\nRcVfVUfAhDbN5MGdGSOxASMdBuK1IB2qqepChSOfrxXsUS9jbHe1neAsFkNe\nE0zF+5vpEM9WZXluFHZAzfV+xlggsqpST4qxIfri2+/A4B9NHNvCLJKwb3S8\n2vR7g4FrOPlI7v6+DroXQcldAqSbjqaE3GK+rWRbwcJxUZzfNjRfM+ODLrn4\niMYvYG3Aw3vFIqqAMzx0Y1fI8Wh12P6L45rHDB4ucQxxh8GDFc8EYvoGwxR3\nyyv8\r\n=M6Y2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4335a1e34cf752d14f9e54805755361afbe31988","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822349","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2021112822349"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2021112822349"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2021112822349"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2021112822349_1640729068253_0.7570545482389075","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2021112822415","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2021112822415","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c609878226ea1707a12af04aa03f8290684b874e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2021112822415.tgz","fileCount":22,"integrity":"sha512-R17TkhxBwqdy/pdpPZHgQSrKnfloRuayMIQLgLJXO34ZfaIS2NcIef1XPtHOaCgAXq6S+3Jbgo6zkyKOEptQqA==","signatures":[{"sig":"MEUCIQDz1rNzTSzoYD/htshzGshCe8Pl9Bs5rGPvfWKmUENQmAIgfpi5OqGHnhDLvzL8y/8gyLLODzC4GdnoMCW+tke2LsU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4oCCRA9TVsSAnZWagAAgp0P/3o9ml8ecll4ySdB2Gvd\n4W+ZIhjBnRvfBmHHgzePpay7Gt/nDyssecPbYleFowclLr9rZEYbNkaePFXF\n7/4+hX1yA6mr3rt32oURDb7UTzqAzA4bvYs3CKtR63cUU3goZj5W20d0uKBo\nPB5Hr9iuSPV9PRJqifRLUXUKfX7fG0mDfwwtIA1CCofiryMwEzfp8+RWh9Yz\n/TgV/iXXEFRFgrztMZR+ajBcgl/VTOm2ZzFZnjphyiRxbZkwrT+CX4jLocKO\nI1yDbdGLRp0UPTpErxzUAgmhtf7uhfDPhSYwjc6zDRMPLu16PUGMWyAScIQF\no5t8NC0dEXYGMwEQGhtheDBIIMVS4o9AqtFo+0tVyoYKnd+12sCiI3xRjHDC\nM7XpQ6an274iEazGKKkNeM4fa+/Doi5VANWjmls0+HJ5o+T/IRBZ1CfJ/pDp\n0uGJoCGzFHcGvNsi5EGMgbVEdpfJWcDXFSfcomvT8+wSLQMmSg1Qwnurxn54\nufsmfOG1WR561G6UuR6xcQrOw2BtDcVdcOULOoykPCTY/oS5B5Kmt9IpWv8h\nwHRsTYjG5mW+6EwmXD+ALD1AxnJinbUwOiKMm2CSgiLrulrtOs7IYIFpH1Ia\n8VvGXVj0scaOdHHcbk6EOi/ZdrkQe4RxwQxWwuzTe+lRlW0f7v5ifUKaXsWU\nldhz\r\n=OSFP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822415","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2021112822415"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2021112822415"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2021112822415"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2021112822415_1640729089834_0.7690689210170847","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202111299618","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202111299618","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0109a02b66540969f1804b8d12f5a2fbdedeb1d6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202111299618.tgz","fileCount":22,"integrity":"sha512-l8gRgLzVojuGoCAK+QZbcSYdl9CP3TSVZVXl0eVGEywiZTx6dmXr7aaJrJdjMUPRfF+U2EEDN46zY25vANKiew==","signatures":[{"sig":"MEYCIQDk83N7Zj7UApXLVTtQbBw3MhaLSycp/bDv51rLhAI9/QIhAN7PRfM9InYG9G/Xqe7yvPKJwVsVZnNyf5NMEo+TZPYU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCU1CRA9TVsSAnZWagAAh9oP/0r3OCuB2Ql3UdXIa3bl\n8X9DoMtiUHx6y6v3FTjTY+3KktTBM0Ubs5mh/P9WIOwdrXuVviFPhrRBcmCu\naYUbdLKHO+2j8FYLvXjRojOqStscN7PGyDD5CyxTpbM3f36dgB/3YuzruObO\nipG+swLlllf/cDOBvklPf3u12QVe4LNPa2J9STSI/z/r62j4bfhpMsMFIrvz\nD69P7Mjn58hfQ0umw7nqalaXyb0SvHZJ+9zhK1V6umTxwysmZuuvt3CzesEV\n9JfMmlXrFx07TbW5V7jXvx47TeIv/VATy+3Fqc7jDSnQ4f6h4ESaLrhaBCoQ\n1VdBNYyls9gy+VTZYqrvMuTBITfg6s9xR1ejiXgo0cg7p7YreJkkoFg6OmuN\nHz9gCHHIwDE2piCd9fejw0sCSUWuFWeZNYAu6x527nzdpKJuAZx1WhaKaRy4\n9c8jyNszj5OABVwzZUr7Igu7aVjHSYk+vH5YMnM3+znnbhl+PVE0tqW0rZ4F\ngWa5duDPWAEXL1hZo8YxjrbPFLjQzrVIVTa7n5BSDf2hOxo3SR+oT35/NEX4\ntk8RhrvgrBNcmNB4p6Ymm83B+YU9YzMXnHzDkeON93WzgM98aCSFkjqPn+B8\nWYtonPL9wZuuTknHeIUSUDAyJsoNvEJQcmF9NJzTnU/LpTr6rsCf4ym9pUZz\n74El\r\n=joFy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299618","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202111299618"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202111299618"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202111299618"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202111299618_1640768820980_0.34676832847308114","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202111299647","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202111299647","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e35534ea894527c98f3ff33e29730c3031c879ca","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202111299647.tgz","fileCount":22,"integrity":"sha512-Y+WatsNHXwogcVk+EnmY9iWmpIXHjq0x/sMqik3fxJ28jfTOyn/ttPQVrTHZ+jS466g6YUoJjVzNMMPoQhDDqQ==","signatures":[{"sig":"MEYCIQDoY33ryJXqDo4xNaRDEsOS4UcUMWHi+E6prhur+C5cPAIhAM3/CR1IFrX0OG3j1ccjGUwi21nv0wfZWxH1H1rDBpz5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVKCRA9TVsSAnZWagAAQUQQAIF2r4tGCPygzkXyBLp1\nUzT1r0/qgmplBCRvNJlTwXEtli6ynyXIS+15R0Z5U983/MUOorjSinjDJCmD\nVAsrxsY6UfBUfKjUgVICTDGtL4Xj1S6juVIHArkgXxXJM3T6WElTKe0r8F/5\nolTE4dlcD/FX5409ryFULNIm23/d6eEX4qitE0wys71bxGQL4FQ9DbRe7Pq8\nlZ0slIEMwVhlv71ltb+2F1KhNYsM8R9HDr9clytXT66vGtdA/qLOzaeAVPbp\nK016SriDeU9N6g2EkqjP0KV7ULlTSvHsfBoPRQYf4Y5Paa1lUSk3NTAAVCk2\n/szOuvli6kHlJlARS9NTmaPQg17t74w07MmYA3F7g175QOtSMpRzhkIvr7J3\nr4enmpcFBW3pd5zTV9adNE9ZoJvki1bYgDDU7dV9IUUevMiyybl4gwdhoMyK\ntLPS+7nVG+QmynknB1ot3tFMDA95YoIuO0+xp6gsS5FNc6+hwhhxUT4bLcVK\nn7VT1M2NK+d4YGbEr6Q3glJzqTaGWdGFp0XTgiDVlBBkDjfvdRy5KStunScI\nPbfOD0awb4ZlbHc4nOeGZ+g/EaywyEovxMKR6fnKi9vugs1jau4ZHmQyxt5L\nbWFzFvYMy2cXupMAdLmO32s9jJJm3/KKkeRWtrC3RM4ZPZtMKVUH+PbBNEjg\nQEWi\r\n=OqXt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"da42210eadf8b10011fb1a7bf54a3c92dd9010e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299647","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202111299647"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202111299647"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202111299647"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202111299647_1640768842143_0.3001614008613598","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202111299720","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202111299720","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c69d2aee15a10a1a4626bcd1d145ce5aa62ab4e2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202111299720.tgz","fileCount":22,"integrity":"sha512-yyXBmh6rURlgW8kO7VH0+gw0uYjobz9b8dEbVypx9wooAbFPhMBuLHimIbFge9PS8Kz32tvZeWOFbWog/6V1pg==","signatures":[{"sig":"MEQCIFKY1XRwkF1HkwLFlmViFLeAjC1xEXxrvqCkLcscglCAAiBRP4THb8QjxRf1jxYsAqOnWbqk/3rM8JhxzBTLUob/jQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVxCRA9TVsSAnZWagAA1UQP/jj840Ua/++DnAsD3QF+\n0THW06SpZPG3pLcU6Fr8/uMfoCdNiXAaXR7SqFj2Yu5Tl902+96gOgUW8cpz\nyuiub/P26K5ufa+6W8VD+OEVbBpfxQ2C2GTkSXqOkmE19y3idlKPZLsldxQp\n6JrxDPY5uZv0PjfKfQfXUnt/LzRTOUe0CZn0v6nG/7S2rkL6aPPydwqVFTq7\ndA0rl668k+tIOA+Z++EP1nyyF08v0FmNqx0F5McaA/O/ElnKcSYxMwueB34R\nDWFMXornrACifsRoUIvf9k7RIRcIXz8C0MgalkBlaUPnR5frgRe19DvKkwFV\n85c0HnNKGTc5OL2GikVqT6k2z2FWVIYP6VXvlAWm+paDqsyKM5UhSWWdpYmb\ni6kuEYlgVNESvlXeQ04CdjBpc8OwQ2hVJeNwHWqeQ9aTle2SiEV4SyOPNtBh\nUroTm0g/qeMlbwhIIQwx/k98ekibYUrItAYnsw+926P1nxEe3CDDspS5x4hv\nKkP/IyaPEWCZQDpJO9jQ1zs9yBTl8IkjWylW0JWMtjfa/p+1+L/t9VsyB8H1\nu+ycnIGwMjh/8jWOEA3Gx3Ifa2OLuMVNhHU0cFk1w1IELTb5jpqh0YksRWsD\n8gqWccYjQOcmOu80GGq2pzE4zVv/SyN9k+Rq3RjMyJ7mdGL/omw5Q0Ro9TaT\nYTQr\r\n=hreI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202111299720","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202111299720"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202111299720"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202111299720"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202111299720_1640768881254_0.5654460477110062","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211129982":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20211129982","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20211129982","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"34020f5a7ae25ba4a4bfe7ba24e85f6d1abeac14","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20211129982.tgz","fileCount":22,"integrity":"sha512-mPXQdlGz5ARliDftLOOjopE+EMM3IuC/Oz1V7nMr9a2Yh/Ej+1CCZW4J6BaxzSXi3EYyp0UXHgspCt0F19Yu9w==","signatures":[{"sig":"MEYCIQD+dy9Kxri6bui+cjK1OcThs0L/fqT12HlG+SrOlt6t+AIhAPsUcG1TGXiKoem8MyyjnnaGBuuYQi/JcPy5gAPFTV+z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWeCRA9TVsSAnZWagAAdVEP/AoyKMR5kqjzzNkBIJW2\nWXj+MnhavpjTAqSwqsWIlPyqD4g7EDfdiNfNh9jT7rVS2Pqb5SEnkcw/w5wk\n4DlmEZzqt17Caz2mQ/85y6b71QtQI4FvidvJkqB3jbrLZhydWA2Cev4JHqRa\nA5wWNNmNEo1RQVYGAwIUpOGoCuafoduKGwRbifNbxp/Z4n0jqJihfPVV6zNR\nKPP2WCNyBDCk1qxgWv0sqKXu3ZGTru44BnWIdEOJvnOcwknZWuQ/YUamY9qZ\nZjjovDitzFWRzAT6leEO0kE6qYiSWqhV1GYCYod9zMYMhX1MzZe4VOmehHNu\nVBZQ0ZDPebnW6I1RiS0PCLvElXnD5OWpoKxK1Jlsf0ERKByjxTqJRbDQMbCa\nCoYy7WBNFljancsKQTFYmY5pI/Zsx7xHt3DTugMEK8ebe8iy8ihzvMDFTBgC\nWyASqLJ32SKDnbiZYedbifq1QUem4kgInx1q6zrXfBA16IuUUKp2aV2rrJ0l\nt1CHElpnwfupdKOwnX98THv5w2DvuuaswlMA8HWiKnnwANj/MW0f7UwSA9Vu\nS6LFAX6Or85iSsVtFZ+TLi2Z2QzwkYqhGgt0W3nC+isCocBULKnCThGoROyp\nlUAWHEnyFArVhEmGK6zIybpBwcPMrH7VctfPsVwaEoYNV7cT4VD2TT8U1OKU\nW/Y1\r\n=Y7Yb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5ac174aa4b53c0ff84d8cee4a1436f48deba0925","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211129982","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20211129982"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20211129982"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20211129982"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20211129982_1640768925666_0.7911141795389816","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2021112991213","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2021112991213","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2710be7b9a9746a095b6aa34df3894582af40938","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2021112991213.tgz","fileCount":22,"integrity":"sha512-jcmo2McE9Qs94ljL23Gk7qGRDlxV+vQ5U9MbEKKrbaW7I7IC1PS8871RLddKJw5gBK1RrAjVije29Oxlq+HV9g==","signatures":[{"sig":"MEUCIQChLHsTqWW5lFmn+gmodn6ZDpOMKiBCsyfCbDLwPnznYQIgY3azgo7jaLq5R44hRelEwSf09206rxXFkwGINPBEvVU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCaXCRA9TVsSAnZWagAAN0YP/jufC+MAzf39aWYzPz2p\nbZzeagmTnDNrYe136TiGT7ns2GUOnc8/0jAzeI0YTZfWXJg099Ag3PoX+D3P\n3gMVfx/pUPMWLCkBPjK5q3i4O26em0O7tpdzoA6r0xyYxvuRyFsia33prwRi\niO07X0M4WWe033Pdug56q6vv4pzcgsUBfcka0wbOn9FkQXPgnLuir5jXQQ54\nSwDejy0Ir7sA4x/0jNJHa0YjqW9Rj1p0Kb0qF8ZjJ0Q4FAV2/V34tmfN3qeY\naZXj/3ROixZH/djHv8mBQLWdehD1jLiyjfCWAjlrZFud2nJ9ITtw7ujIN3tc\nGI0i61x6rTUfgQMUegXN3map0ePCRu7S1HJ1ReacqOR3mhO2mLOoNgO4XfCA\nCQl8ZdbyMYVw17AT/9b1VFWPBtKFDaU/nTiNdM+zuU7oavIpea1o50vtqQP4\n+vPBamwIy7dCjb8Y2lzBmgZquL6s+pzlyqLbUNxR8Ynz8AN29Wy3CWvBxdi+\nxVbU3eSMBbVuYRHnoOGwSUSCPpfmPUVIu+ubEtKnUadDKzIlQ1b7VRni7Id3\naD0bbUq8QnyhCf3jDxOamIsykt0eRwcs767iRH17IAZjulwTFmYPst2iaJUB\nGkGUOZ2zrilgLzEI/glHc5qZ9bU1q0W6i+BBkqk9Yyjla3nOYcAZkTbGz9kQ\nCcBm\r\n=cwa+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112991213","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2021112991213"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2021112991213"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2021112991213"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2021112991213_1640769174874_0.13078337957821984","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2021112991233","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2021112991233","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a3ef536812724ccdda23d621a3882d81ca805262","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2021112991233.tgz","fileCount":22,"integrity":"sha512-7N53h0E1rfh0Qoov2sbrmVgyEkrv63nosW0CaUVTJiiA5uVGsu9V0PDaJO34EmTD/vr7oJWN18sRAdyEAct7Aw==","signatures":[{"sig":"MEYCIQDx13BdFC26b7UZ59qhGKuz/DS7mbpKS6qKOkd/lGRfEgIhAOWmpvyH/UKnWdtKVW4I2Kq2r0jjIse/+GA4bXRLzTmg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCapCRA9TVsSAnZWagAAKqgP/2pilulIfvt0xAz5twN5\n+BTbMmVxDxm0TNGvkcvNUYBIoicmWmqEi6X9AVYSAvup8HWsL3B4lrD4qq8/\nGh640WQpjSUIzg0MvJUomhiy+VFI+9TL123/sLaxggtpPiCzDCH0Q5eazeqn\nzRlAwCbfza4MEl2h2bHm32tgHMPB9TTKUZZCqPPvc6c6pkJYbUwP1aRUGIAV\nBwAiAslq5it3oX6n2oWixN6okmNdlPsvtCqNqaLVOvwNlbWepFCEFZZSx9z1\nw5lz2q5OlxVG0SU/CYeeB2mak0Qn5ZXkMorHVLn0NxLK4uithboMkWjGtKD6\n1EzGZO5sZWwUacQUBNDrkPsA/CDDQVLTDfZZ0Zz5pFAMEcP7m44JiGNFziZK\nwh9DQVcTr8wMR2Ze0SpKASO7sxz6+scEzaQM0Hb1dQfRuvmrbQJFOrrDkBhq\nX26mq7KT2WfC8K7GT2XsLO6+CK98ftfiG9lzb2JWYs6nhQ3dGIzAUY6vkspZ\nnrYFz8svEAlKgrcKVHmEavB/Egs8HKNu7B9FsO3o5wHQ9KAhH6TfloRjcKry\nHHcDaq1wWkgulYKaMfuPrR9+DiiJsnf5a6bxD5LrazkqFH8jIxmiPbbioI/l\n/GdzejjkgqLJDdzulehKoGWaVcHO5+m5W/XN3JOXZSqQny/SbrIGK79g8MpQ\nz9xD\r\n=xO37\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112991233","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2021112991233"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2021112991233"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2021112991233"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2021112991233_1640769193687_0.2995618941106608","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220114234","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220114234","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7824ab44c997b5fdada1b425fe6c405764224cf7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220114234.tgz","fileCount":22,"integrity":"sha512-537OQoUvwXzNOJoZ69sKmnM1Z0U7C96yqkuc6MvxP2V/zGxe4rapL8KFymGFUwMvQWO5TBqb9hpJ7SxtKft2XA==","signatures":[{"sig":"MEUCIQCcIRXUdoC29ptPLaMgC7dPKMBrpepKRIAs4lPJK0wkvQIgP+0LBsiTsunVt/nY1SgBq5VIioMPcge3adhWZaREHvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7GvCRA9TVsSAnZWagAAlTAQAIkPYFSAC7qhy5cKEVTt\nI99CGwEQ+p2BeAkjXrIoSLWVgjvEMVqrKEpgnUtk44OxIsq5rPNDq0jfPgCn\nRRp/IHYIANUd/q35e/uihZM3LDkLbxXF2TlNMpNO2DunngpCZSD1rffYx3so\nktwBI3uQKXCB5VhEXbnn3qIzMF4igckeEC+fmXKmJ8WK4HTbKfOF4T13hq7u\nJvl4H2jMoYKtwvUhpa3igYdFBO5VcisL3YnSrw1G8EDLlFqSjoP3oDB+oCsy\nHu82hRRXaBPK6PHSsyvmBgZfmPlKYfXXNbS2/MQgX+6yeHmTEwrPoevuFEro\nGFojytFZ58GAJp2Q9lSNZIbdHz9IhuQNG2l0Nl5WOR+9tsPamU+ef1heRV8f\n92ovmM6Ay5UJYguP+5+iERwsSZ0RkhWjN71S7287xCwhfFFKfPglkyLcF7Tb\nV9dEZ1J9TPwx1owvXWpisySWpQH0OfL2E5pr9++fIqm8sRuGDIBcIahkiXLc\n+QAdz40lWc1acZ0nAmCKTW42z9m1BFdav3i69cRnT8tvcQ7QzsigM+8tni0i\n00hhFTR+IN5stJ+FtIdiz3JooMYadCE3gMfbscOv5tDI4MWh9uah0n7w012g\n4Q93uuxcaM+4x4RtHQHOcCxwlsGcHdKJsiyI5akpOejwISBCWHrymNgSkKrq\nRxY8\r\n=wkRa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"503ba4b41661a704e0a2b9e115af33a71baa8b39","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114234","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220114234"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220114234"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220114234"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220114234_1641001391528_0.8194749916921338","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220114728","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220114728","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"68fb4808bbfdd1135e42086f8ce6e4e378935acb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220114728.tgz","fileCount":22,"integrity":"sha512-srsxMirD2xbFjUK5XPP1Sm8qI6x25SGauTCOKIC6t1WJfKna+JRnahyMSYxh7iaekWwG+k4XOesdQt+zl/J8Sw==","signatures":[{"sig":"MEUCIEmLLvT1l1KAdiPYLSOxrCCWCg1Qa7qNjK7vvJbdexKBAiEAk5IAjWLk+0bEaSarxhpXjzSHWHM7Kc90usgB+gaiAUU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LbCRA9TVsSAnZWagAAk4UQAJsosJl5BTaMeQP02EIN\n98nBJ09cG3+tw27bnnOCJ6NbVjoERA7VPxsuk8/Ucdd1Ki7twQeyFvjYBvhW\na5Il5MOe0Pgzy8bKnZGzuvYlJvWc/9zupv2NdK1YOKu+QPZyJXcMC4JiP0Q/\nVQmRh5T4y420yJo/09KWjr/bo7LiI4q1FoJk02Fa5d+Yo28JoXR5QES1NO+4\nyUZ025VPgDSBYK6b9Juvv95SHu1fdFJ+VUVIRHHlPQpFdYI4AKL8lHwIYLzL\nGo09QGc0M5DtoNlDYgymbqmvIDwN8rzcggFIK+Rxzhr2qUZSoWbe1EUlgP4m\nYxw+jubk3Q4EOAv14fBsY0PzfqGqlrCBSQpo1AepnMMMn9my07IepPc24fou\nkQeOIybzjdxt7S38QO2SSiq5ZoAPgTYD0T4FXjcABE9htnPvKLRPWrtMsPwy\nD56q+1kDexbvRZv5sKi9Z0IRVJJJ7G1MHNatyZu/xtPsNFKaT69xmRY0MZc8\n5RipOH/95lyq0NGm6L550gUADS0RnBj6Pz6m4jLVWRcV/gJ2kHbNex+ptpmD\nuWqmuJ6ZPrpvdm4Ot43Ps6/Y74tj8mdAN/JPUaGp8sZxZq6uU7NjGmVYlpYX\nS3AOEuuAYyx+tmvjNYNqsZWVdWeW6kIsOPTQZxyYf1q5Qkpa2jAxmF3bTPp5\nJsln\r\n=4AaZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"cbb0f902b4b516e6a1079112f9e97fe10fadf810","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114728","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220114728"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220114728"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220114728"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220114728_1641001691222_0.6763763293653509","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202201134936","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202201134936","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cbb64624b2747220d903869b53b1546f28a1e953","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202201134936.tgz","fileCount":22,"integrity":"sha512-oHpMkSele0LQ/4YtqkOnObPzZ+C+SOiYNXHT3IY5tDBbO3rmpuZtnY6hm5AQFOfwVs6YAo/cz5zM+nkhc1uQ2A==","signatures":[{"sig":"MEYCIQCfuGNU7Pk7NEIlXtyC5OdSnvt3zHLHC+Nz+QKlFw3NnQIhAOEQdYkNYsKljsCSOYGhf8pMQUlDaOpZYiQN+5bj0bt0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FwXCRA9TVsSAnZWagAAVwkP/R0FRQVOKVVEe2obYBMa\naVemqtGb0/wujlN8at4y1oAAC8tN+Yq02UNo/4PrNXNc5IReZbuy1EbKWKxx\nue5/Sr8z4sskkr3D2pTjKtAjfAdqOkP/ux5+Yv2dtSNgpyr+Ot8nOSON53UT\n+BEsA2su+BmLJf03UGlnmpxnmaONSF5Oli4YTJtZYa1PoPzjGjcjfuuPn0Hp\nBSh6Pt/1JEJH92XyPpOWv6imJogPhu1idLeYAgmMHOyguMNWxIjDSqaCElyO\n5yAolPP/B9yKCQgCgoLhLM0lVIdgFNYq7jQGkESh1aXwuUsDozlyb0E2s7R3\nQt8VGs1XHP3fgCruIJwBzJimDaHl6s4+ssbrexcx4JBFx1tDFtwYOBxXJqp5\n4ltbqELo6/7/8Wh0Kc8+QeSwRKCWFdoNpSjbZdnc/2bYsaZfrg6U348QusxP\ngcpiT+eR2QFyCwKdIAcgQEiFOcbjYDy04xWUXaZX3cc/lnRGugvXTNvM/GMy\nzFYGyOeVcRqG7kwl07JqF3AtWXX86KzR61yZb6L/KRVy5mrkLMYijORAn4ed\nRWXfAlOgejRZv2QwiF8hvuuoNQOLxbgraAOLfaIUgLTtHTg/OE8oGAafAUGe\nKo+H+LeFnrFE3tAAw6QI6jQhvkWJSrLgW1FJEUUWYRHBqcX6QoYx7O6eyNmD\nqoLM\r\n=wI1Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"2727b79201b1897694d588db94985ad9fc8ba1f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202201134936","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202201134936"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202201134936"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202201134936"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202201134936_1641045015269_0.7594297321969061","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220281628","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220281628","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6d51e488e36cba55c74c38bd855cdcd0266f4091","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220281628.tgz","fileCount":22,"integrity":"sha512-LmLA65dXnMt7ZOlsglI0YdTsTBTvQ+7AUxQTSHcH1rTxosv0CsbOEm+PNUM0WZ4WJdda9SoI7SU+Z9qkK0u5fg==","signatures":[{"sig":"MEUCIQDKO72LCe1Ovb+i+kebibTEiweThiLZoE7ntbx74gXP9wIgbmVpfHaya0GSVzaEuksLd/jShX5pBotgu322XFt1vXg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V+CCRA9TVsSAnZWagAAQokP/0dfGMyN4pOxu8ofA/47\n5rKwuq5qK1aqXc8Irt9/iXYJHzKPkGwI+pHzFf6spRpSn7w1prvKobfLQepV\nhQrjKAR/eXH/JKZzMQIjLcnGm3ZO392Lz9Jaoe7xjl/bsNodVEV87OTxqneq\nBu/4BjuDO5oSLYktoMpHwQNVHt4eHU1hdn0Pp3Ur+A1/738R7TdKJC8AbqIl\n+IyTRSud7uz7V+zKp9tqrBTQrQobISIQ4L/prdPmOWquxJZGLBV61Itv+wIb\nHyd/dx2l96+Bl/0KKcglzBvVZcbg6t7beqhRffh+Vur6A7VbxenVoEt8d2lt\nyIPQrTfNUzIA4gzFARwPsE7DneCsvVQhk2Y07RYl6bkiJbMyeI4PpoAUkRri\n/qaXqHXQzneXsxN5cnJXc9wPxSOVhgWb1N8o8Y9QKJs8VSMpMCdVA4sRLFm4\nRf4cu0ufecFqYM/Tl1AMlo/AMEv4KSlH3m1ODeGm6bgJ8WkyzDyM4inrGBeN\ndDd4mI0ZMbpB0VGW+wvzVosEqNnDUQtpqBvO271DdVg69vy3cNn/3f/LcYgc\nbOUtNOyhRi0gj30KbKby2oYsCjfCMctrpdcEYUuwlXzI4pjuBT9P5Or4u2qx\naRV80YEmOYQz21DUscxFaY48gVWoNMyDP5zOrqqBLY0XlRt1fRrIg7vThjim\n/6iY\r\n=7Kq4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a9dde641ee8d65b51a03845f8210f6fe97148c6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220281628","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220281628"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220281628"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220281628"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220281628_1641111426717_0.9534003386878456","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220282224","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220282224","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"499942a363a20fbc036f6a5e2aaf146c6ddacbd8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220282224.tgz","fileCount":22,"integrity":"sha512-i+q4PEyKqLY0lyGINU0AtHRO3sJ83enMPYVD2xDymx4Kq3SRjSNm7KLQIITMWBVyJr4lMFiPNYSHXrAT3lsg/A==","signatures":[{"sig":"MEQCIF/tYPDOtH078kDTgDeA3aJCRHt187dQc1unv6GO5UcDAiAI5QoR2eBCezmgaPQGI+vNRtFpJjzzkE2cpcrchjMvWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDmCRA9TVsSAnZWagAALS0P/RoeOs4Pbw+MTcq3fepy\ngDJvlgFBfgz52QSdiAkqtj6hek9nNeVsKCgzsQ9plHOQ+3SKfkSH4gMBsGFM\nsXnx1aY6NcCAJOc7EAjCp3mGwViNDWh1D122wV0cX3h4BH6LLY96h43fSNkk\nxzPC1j9lmRFka77YcpG05Xzm34V9Ex9H4AA6iJAgTFlSxtcTivHnPAkVvCJE\nAD1+BMHMMZOpsPP3uJ8kkwYCqpdnMu1RpEj/LEq5KGZgXakKf3Z4sTMW/e53\nrcMJ002uReW6ITDBtqrCccAimyc/Sw8vcO4JRXfD8vFWMYkLG4KsOzXx3h0b\nvqzK/lSwcp670IEvgLGbpXYKLS+jU9Fbv7Rr5Qa871g1NuCnEmQp7pTe8gzK\ncEEOd+86kLlA1m04XoHJ2rolb9UQZ6JDsFQ1PzaYzTynu/25nYUi+WMbqHgC\nNIKeuizIRCkCIjgHTEgK/2gpe28/GgLEGhNelrwnnt5jhmL2Mt90MrL5O4xR\nD7HixZpjyE7/hSdefrFsFrqvvnJjKkwVocJzOSNIwzg5Y2jnF3fe7YcVwZwc\nS0Zfy/h1FUwOmnilpbnGe5MBQ6uYXQAuC+aJuDRFtsNQlqLnmX2KFc5Jdqhc\nArHUfxNodJLMvXhoGmnq7vFcItK12Pchz9WofNGq0GJd6+euQqldZIT5bzEW\n+tuM\r\n=NZ3U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"05b58576040bb66c8ca5daf1a42e31500e33860e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220282224","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220282224"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220282224"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220282224"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220282224_1641111782447_0.5269749712251517","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028241":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022028241","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022028241","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"af04f312b3408a384a8cc73235103294a4dc53a7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022028241.tgz","fileCount":22,"integrity":"sha512-elx2yB+UYD9XkvzoVkkA99do5jG97Olx4Nl/fYO62JMvLXUlwZ/qOpaKmjSkSq5NDQZZru2AZhqsGZp/uX3Jqw==","signatures":[{"sig":"MEYCIQDw1iAq6W7oSIT0UZXL9ePxCWBWxVwaEmpA/JrkjJO1NAIhAKNUMhAO/JZYEVbH2gUXao05+bZsqOOLBygkun/32Kp/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100005,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WFFCRA9TVsSAnZWagAAcwwP/0HuO/C9rDgUQ5KoF5kX\nQ2Ku1UTHWHjGHTh8kam1OaZrVItoSzxSpZBYjQQjBfA1m5Y2bortXWa0UtR1\nvIutSClgI1evlUUWKF6/mpLvv1LkEpW0qx6IYv1OTRiV5a/s50efj++G8gZP\n0sQ/C0UWvC9ThdqisVNf+aPm0vJyRKrd3/+hgDzBUAjMFQQ1tlTIetmKuf0Y\nBPpxe1I6A3wcZ/CMowp7xVKyfYJ+hmof0ph2YeozuDePuGCY1pXcTLdEQkGA\nDz1ph3j8y9eYTT3gc1YfbkBSdGnokDYqZi+IWzfWsGzKGzq1sfn7NSkqe33V\nlkPdaM+2BoIomrtaSn9zxf8s1mkL8jk02enFYFPATZoWr0I5gK5rDoN9yhM0\ncF8Y3qArfB28zsU3BebUsn7QWcz6HvpIwMzbZsjestAUmFTZxkTqj6hjd9aU\ng5lf1CunLEUkywNNNz8OMuattXKnh6/wltCyy9pl0jLvpylgMTahB5n1CgzW\nEUUZpunH+RXQWVd/DBraDezop0SRQxA26WwP/0icZvTRrPEkbgg9xC1A67JI\ns3hgkgQOocrDPuSUNHZgntOZOVDyIq/Nns88i5xYBS5e3oGT8zdsRDpL1/81\n+CIarOVWVd0VBAtI88L9T5sS3HKp+dR6TMMc984cbLZ4hHaP+JiiutU0X/0O\nAvwW\r\n=yo0Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"183e4381a3705071bc42b4bd6eaca76d5feb4bf1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022028241","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022028241"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022028241"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022028241"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022028241_1641111877539_0.23488696103300422","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022028277","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022028277","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"37b31f631f3b58c4e082bdce167684c3199cd9c5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022028277.tgz","fileCount":22,"integrity":"sha512-M/Z/VhZS8jCpys5Sc8NH0tVVkBa88kLG8hP1oS6RkSrS/tJzBrJyAB5zQyxnxQFjqNsmLMzxFRbptReMDCC0ig==","signatures":[{"sig":"MEUCIHBQ0cTuFKJ7GbS3UtboQCeL9qYP7TYP7SkXgkAEUjDKAiEA8HFZJYyPJ4XiGlnKxSnF+Y4KSOJPe4CFrVpw1l+aoEU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100005,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WH7CRA9TVsSAnZWagAAbGsP/RLuIBXCdGZpDcxT+/Ij\nEolHgIi0J6hmv1Vj+7mB8wFYFE3F8IiASDa7VkYi/+R+MO5DlHU9Tp+WulcP\nk8HsbzeU+n9EXkcssT8szkBwvuRMOj5ObRCIhVW5Ve++ZG7zp9/vHiVpxoPe\nSdz0k6M5raEKUJQ1vlf1ep5Jmld5z1GkrojAjn1v4YCcyZWDt+1btQCvN/pz\nb/0UBLRD1M3Rmq6C0J2G5uT0shxwCuR/cGm9PM9epdvpKyYy7hMChy/TIRmj\npr7gmAqeb33qa5gSr6tlUYpE4Gd56ha0DxwN2oj+ETBnETzkrZC/OCOVCSFe\nokUYgZ2nioHOFMSOgN7csh32OKQff3eCiJMNokvMrbp9rz0kgB8g/iwlp/P8\nFhZszLrwTir13eZHGL6nswXPneD+HA80QkwPdotqoFsC/k8Gj+FE777sIp8J\n5Pz+tdnkYuUqC2s+tUpBpRMp0hADiCACDxkcbzMyHqFoKahpWKzuONEMuH9a\n4FvdDEwJ9i1lVUPgkFqIAQ1jlWYN3blif9n3EiAiOI+6o4jJvRinluHpjpAp\naoPI1y2w3Z9wnSoFPM5sOg34HxX3mjP/5K22YVtZrBfPEe5JDVnEUnehm4cN\nRUk67R8rMGKmv6AQYjejWPnKg2drnRRkvXtuhFgtYoYahGaumFfHRyauHzJa\nkwcP\r\n=3Fcf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a38649394bcc95d4c0207491394b0cd2a0c64b1e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022028277","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022028277"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022028277"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022028277"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022028277_1641112059809_0.4641122528138124","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022028387","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022028387","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"467145b2dc3ee374f283e92cee0227d9c2e7cb77","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022028387.tgz","fileCount":22,"integrity":"sha512-rwxCjNZF59tJ3cQftggQEGuD6LMTkRNGPkrFjmSdmLaZj1ZqcSVWD3JCuxyxhxDZ+zTjGJNvnzYwxIz5kTXo2A==","signatures":[{"sig":"MEUCIBJh7oQ+C3q/WK2WJCmn67/84rZ9wnxcRMum9uo4NIz2AiEAx+/vEbUSVkWxR6Jh0Gh+EeOqGMvumoGUrP7pfoP+fqA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSXCRA9TVsSAnZWagAAW5wQAIbS8ihGKWtVeu0Ja02t\nZMDpkbN05FSzKYU1MZhyRLN18+1QjCjtIXRjRK+V0HCNwFhgD69JLI6G1ZEv\nL0tcPy1b256ZBTg+NcJ2fS971hiwIFSP1emY+2P0kwaeLBr6CQNL0ulUa3jY\nAnkql11F0bJYFs7LCvQnRPcqgUJKeEAGMh3qxW4ILG32TjJ3p2LlKj7Bnlhx\nB0OKx2fyV4VSYIsKtR03A6CKomg4a32Kr4v/9C0kpHU6wTaU9Cg8eYRQk9qG\nN5CFv3m23bUyclj70EDkYbXx9VDror6Ws7cp868BM0elt+PAwv2VHAXgJ5zE\nZgaXx1sVPGRyYjaeSErOX38X2QdQaJ2V4gFPLTVcRH6TEHwp7yukL11/8t5r\n0mr4EqDWPDawrmi7u9GJMuKo5z7JTCfvhQoIo9ls4oC6oeU7XcAs6fuqOxhi\npSCv+t2Ao4NCV98RavmSheS2KF6xX4oBQsi6VAxr+184LLVXh7eykerhL3Xd\nYnt+MnHDg4doSKeQrV1xwTiCyXUY/LeTf1xjJ5kd93zg8DiJGqAtOpXuKFUh\nz+B06mXcj8z3j8USgTbISgnMmsToPPfy/fH91lcN1vlbc4sTb+QEGAGjHy8J\nvEfASQppz/6B02Gb2nqIZYcf6/CgZfzj3togvdrTGznW7obd/PEGK2pqd9Vn\ng3wq\r\n=xFMR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028387","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022028387"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022028387"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022028387"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022028387_1641112727777_0.26746425031833754","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022028457","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022028457","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ba2d5dc1be882a4953aefe2c354c6b4b632eb412","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022028457.tgz","fileCount":22,"integrity":"sha512-UioP6kcm2Hq2NQBGoBc2RLZ5AE5eznGRY3VLeSSVJ77glNpDqqmQergYBd7TjyeNuBFQ7kosWBbRZIR1HEbL5g==","signatures":[{"sig":"MEUCIC/UoVI+jNasom1e1RQ1tUEEjKkCN6/vxAX3KNJYZG0pAiEAiyG9mNFeZ2w8mBaPUeF9Mf/Uu0ogcKNb40JoLIDLtcw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WYzCRA9TVsSAnZWagAAdDYP/jYwtzNNcqo7+BNC53SI\ngawooBSpFKRGJJrEKz4dH8d39UJTn7veg/0L9Ad5T85XD39choqDJTqe7oAl\n+QlqY/TbIwgHl4lskEEdViWWJZkoAB67QOqSEq8PZiWQIRf7FQY5RWiErBlK\nY54YtNb3dZj/hcaEBY/1YmFv26ecw1tJST8o7992Qsg836YR2AtbKrR8D3py\nX14MiTsVzkuI0WdiuRo8nBTm8e/elwKrd2YS10VesTCgWIgvfztrlYl+EatP\n5rd74i0HW0lKwSFasuqpKUSgGWy02O6PDvC5+PoiNxSxh4SXV00k2Uv8p5cf\naGaecjoqkbCQUvqk0O2ikrSNZXm0c73NEqYnxCxFREq1EOjUMsnSEbQiFdPN\n3N6/os7T7eo+dEP8YOS7wrB2+dp2CZ4Dl0uYGNmsCB5+A3s+eVCa5iKaqWwy\nTN6fzFPehR7zOonigPe/JPZ2zg09iIAxYa95Yjz/3Aymv07sh9go8CeB5WDI\nCMCjznBPW4x2AONCncvFm/AF6nveUjm8kKN3pzucg4edyb94KrpcyGABagRp\nXDr94GmOgTH5g0xZmFRZKbbbAi9OIK7UV+ZmD8FVUY9hE1lMv3IRz5y7Ae6u\nzQ3NHh+vMmHzuxfOGjhlgONtla/R5sOzmbgQ92QfCNkyVc6niDKUCMpAL+2D\nOIwV\r\n=XMSP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028457","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022028457"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022028457"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022028457"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022028457_1641113139397_0.5624273022471187","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220284534","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220284534","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"75d6daf0169e21af865f75de73e3510c922d8ab2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220284534.tgz","fileCount":22,"integrity":"sha512-U4srekAsva6rgw2RJhpOtJxdmB9H81jgLds1Lk4U2gGrr9aq22/Imdl+Bo/P7a/oeLifoUMBdlXQ3bCYOaaXuA==","signatures":[{"sig":"MEYCIQCbIHhFjhoT4VF3KE8GG3x/MDYQFwjHx3EEg/Vy26P2GgIhAM+joI5+7Fc+9DfHU/MovhdK9sltVpzqFMMSN4Vk8F5x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZSCRA9TVsSAnZWagAAuBUQAIaPDhvTQug3pDr5rz89\nwaw3efxzzjAoAJU5wFohevWdwsaCDluKV+PSP6FrCZxjikFb1RMbZcvD/n/J\nX9B0vzMKzHWK/EbYJpC2JutkYQbJg5f4sDK5d5TEqV/AfUys7D0ZMgf4c7e6\nNntxXcSxlcAmQGOGT6q+YmXv3inXO4ehd7KbhNqF+48d7Mpub/pBiC/atBCg\ndDCoC1yQwiYuEFwjfzoJCYEvNqeJQG51kOB4fACMHRz3HHttaDmzMShqSwi6\nW9lZkc9cOTRWiQq+W4uutbfADTGf85FUWI2TiebO1rTmvHOSaVuso7xMcklW\nNyhZ7YNB1yKec/IJ7Nc/kwQq7txufWnb/vRGGNG2TIQdVxDn0KQZPMy/9Ilx\nIgot48fWn+anyncy1NKye2iNUaL3BCBjO1P1/A4tp+Z7W8e9/pKzcZeKX3oo\nlvPcGrs6ORKbvxlHPLvw9uepUCA4LdTF2ZidgZn2W0WkF9cPEHULL9xV7I90\noSl9Ax+LVG4lD2qy2/6lJF4C3zV6I232PmqoKZrrj7w3bBC5XU63rCBJ1pn0\n+mSZnrMuYMNB9kaSSTT+icucOIax79WmWiHcnuCwOzhOoCurrINpIly3TDQ9\ng8gfK/nuc/kfbyaLQk2oPYnkT1LCUkKrxh0NldsIWQceLX7SKU1EXmRoev62\nIp1+\r\n=brYQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220284534","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220284534"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220284534"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220284534"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220284534_1641113170820_0.32340590732746355","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022028579","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022028579","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7366d576861841329ef38d5205f2a197d5b7a775","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022028579.tgz","fileCount":22,"integrity":"sha512-dm4+0oLi7tmLxDg8J0Q/yzH63GE3PYn66r8mcMdBCL+BM4X3unnGhP5DQbe1VfjckK2PQ5AWbg77Mh+TL5N16Q==","signatures":[{"sig":"MEUCIQDwk1xJFwbs5Lk4LiSbLzfinz2OxqyO97IjBcmHDdJkMQIgfH16/mkgY0svSuQbpTxbTw8ZZPtYiO51dRUzY0lyx30=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkLCRA9TVsSAnZWagAAKL8P+wSWbjLrFbW+hwGUM4XB\nFMK3L+myDy52FmWv7Y7TN2L11fAsGLeh1tKbefBKM+PBAHa679uyHCm13t3q\n1MgGoH4HY4zixZZYUm6XVIdB561nBZ7ZfKSh8vTFyWdn9LnJtTdJloqm8pGh\nIN9uvlpsxjTs7POadrOWpuxU7RlyQxQeZ/Gdl+tnzjTBUP34otE4QZSKvfmE\nJASUPgIPmnz4jm8bFOpdwIUaHewO6qrfDnAK6bUkNnbCnIBzXlYl6W7e8s2b\n8lTtaadVci8SXLzERjgI1iVIWmlLmczIuPAj+MFPzsENtOlfkpmNADJy4vLX\nkhOeT/0umDSLMuxB6Enrojdh8fOInyATGFqZ9C8/dhCvNElqNp/gqecXPMlk\n2uB+AYG94lFQBvzdZ3raoB8IU2hGL0gLq/++xaiDZudpXg16/xni7TFakRfh\nWVhlK04rkwlm3XC2jiQ8P0lw2VRMO5lBFa+iCYqSwf52HJOlapOXzhqTG9DC\nb0C61LDqbBdgBQu+KvsOCjQnN7ZzTuaKhigarZYVpWvBZFPyKZnKyJd6MRGg\nNFiacMd5ulCleVAtiQw0in+HW3t3gr1Z4yr38QO+KeoLAH0CO3/oXvTsuMWG\nqRUITKi2pGxRTBv6IU5hCpmyWPAN2RuR3fye9P+FAjFvVkUk1nYXjHRY00Uc\nqKf0\r\n=X6PY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"bad1953306d693dc6bd1b559adf594cf02a3b8e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028579","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022028579"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022028579"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022028579"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022028579_1641113867794_0.9738502040599486","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202203225541","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202203225541","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4de8d440111c4a5ca468655665b43047494e26cc","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202203225541.tgz","fileCount":22,"integrity":"sha512-4ya5S1JXzNl07e3DrDdChZ5JGG1eOKOSHhqRKbbr+6SzwvK6GTKoL717PzhqbSQKQBQFmzCvBLvS9Z+UxYCIZg==","signatures":[{"sig":"MEQCIBWiZEiJZg8nWHZohkpjZuypdBi+BnAdEF8Pve5C3SCGAiB0CgzRKggOfOCzWhgZwwmXCNfr1Ylzt78oYpaBnn/tVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038WCRA9TVsSAnZWagAAi8MP/0Pj6UOtsUCTN/KXg6XS\nf54/wSvqWCmzp0rzsDHkpejGBmnythIe7z5bEFBLBSltRvAys1lJOUTKbFMD\nS0PeJa6S0LxHjh8gICIgQDkSWQ54+IJnvZTFrQUN2wcKvRmhatzlvr6maMp+\nYo6fvACkkJ4+c7zM4TEW/1W3jGBaR9GCbM7Y5KmG39rLx/LNpgkN29L3vP8L\nkAyua+1FS1KPQLr4OKPpLa1ZjBPmZmiIRutbzEfrVW9evYG9ELQ860NC8l/3\nWI9CtMtaJZ4C1q9Pw0+uwivvqPOpvbb31pwGp/eNidc9Dt8Y9YZt5zG2FYrJ\nPhzadIlq7OefqiKDzrNVXH2m4Ne8EgsjqH/vjvJTG+/ENIdiSheBwri44EVO\nWD/Udvz2kLkVIG6JcjsFekM7U5UgoTJ5TlqVQ56JI5XQaKDEywHnSHun0fFg\neH+LktHHcLm+tg4fz87pmOkr15mS6LMh5qgGv8u1xghGA0IEhG9a7bTMsLgl\n5Vj/s6ws+DcGHYjo2a+cjYl1Ix38e+TloKBjjinbjPlpml7rKLfwC6ncIrEr\nMl9zHIuU2UX+Wge2fRoHK5Y+xxs5P2/Yyh6oPEl8K5eHF3+kzb3wy2C7phfo\nIH1LpgA1U70ZAPCnmIbeKwe7zfWbGSQSGF77hfMiDuvv/zxqUjXuJVb3aCXZ\nDTgy\r\n=cnZQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"39a343661cfec6c7fa0d53c9298bd287c89a610d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202203225541","@chakra-ui/utils":"0.0.0-pr-202203225541","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202203225541"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202203225541"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202203225541"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202203225541_1641250582180_0.2995535850984592","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202203231241","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202203231241","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c2e7d3200f30d6a4b2fb44e9efa184b7395c6814","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202203231241.tgz","fileCount":22,"integrity":"sha512-4FJB48NQ/fJG+VTC0GvKEWtGszpQy0Bks3zTLo+9Jmqw/GJ2U+7YDaVq4MzTcMGH44FaoZDzw0PtC1aHicE1cg==","signatures":[{"sig":"MEUCIQCL9Cd1ULyaKh9rn0b4hi62xIUu9ajaB/9n5vAgwXeC2gIgXTJdPHu4VYZDFxV1agZRkzo7ILRuAj0ZhCrqHVlcIBs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MQCRA9TVsSAnZWagAAqYkP/1PiiQioBtDZixVa1ira\nPw04sgkOAHl7KUZ67yI1eT0gUA3uq7esybCXFsww3m2HqmyqVJYwuanNzvZ0\nRaRY34JpUMhhWuRie6zYRU0ZWankf6nfB7GvlEtTGg0ugRNUjwptctsszHiG\npRPuzLnIoTKIG5KiXQo+nsBJeqbU8xxuYF3BrY3MzWvtHytrrsyG2zVqw2Ir\nmjjU++Ws2YaPrAzYmee100qVrSECjRXOCTuX4nxWb3e0J51xWx9ZMHdGF8BZ\ntlc/RzhVaO1sIJGFpxw9JqqKzCQv6CMosJ+4AAwPqjVkGQ1LTvTJhqEc1ETh\ndQb8RPz0Z8qXlktWqiGeus3XokotQjpBawffzoXm+Fd3227vSGrfSZ19L1s+\nDe562fflpjXR1s0zB7ZBvWywBxJRNdakd4UFb+pwx1MoPvrvzBChXAeJBGiO\nIVlELuMKwUtAouXDQxk/62wu3LtchmpaHHBugTskKW/MxW5qJjDg4kdS/ug2\nezV7DBtm1vJ82lYKtAPZ5znLvXRwimfYkneAeH4b4QsQGR5F8ICtxyNOgLgq\nENMFq/jLrbiNQ4k4r0RQqIQis8KTwA2G4uPoGkYshhgHIhuEogThB5IfQkkV\n34r5S52C0WOYVI2G3j1YrSMUKk4k6QO7b1yiVLDJtrSJUuhg4Cj4FYs8nJYq\nFNLO\r\n=ptIS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202203231241","@chakra-ui/utils":"0.0.0-pr-202203231241","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202203231241"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202203231241"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202203231241"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202203231241_1641251599961_0.5497985405128181","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220483049","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220483049","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dde3f67bde831e325e67f5b39eb8a4e649ce3aa9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220483049.tgz","fileCount":22,"integrity":"sha512-0ffJNumDDFvgTvbdEwZ0f1EjrNaCvVDc18GDh4I2ImK6eWkrG0VyppD+XkTuYBnPliJNfLYP52V7YKnpzesp0Q==","signatures":[{"sig":"MEUCIA9wOR40oYdp83221wwuBCz+CvPwBCtQb0EXZhSubvZhAiEAqm74xBPfIdeS0GH7uovNXs38Fm5owGTWY2+1fA6TLD0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXlCRA9TVsSAnZWagAAhjwP/jbb7KlxdqGGjV9rHZKx\ntq6fYLIo0TIDu69fLV2Tyl2A+loJskXB6q6pmsHpD2ozzav+k0zcq3bYowcY\npf8K9u7rzDVGhF6YylhCAI1zQCAIasWABsINYhPLvRuEW6tsyZR9BbxdeG9J\nmoEGc4cjjsCCAIfHjVpgp9cmF/VtPDN9iCnIC/lQ8oQ1HS+EYOUElL9GE/jJ\n4go1HOGrsSiAD0UEMskNMNImWzCyS/WQk0/wrKJ8pA5Sh2EICsg/5UHEZWTv\nVLfOrnXdSclT9Dtz8LOAJAFecuvlAN4HqmzlD7RenPTMAEQ8aHQdUCl7j5ax\nIJScLPOJki/yiCpNzMbxUqmwTsrpVrTuQYw3xJTgMnZeOYyRuzW5VxqeKH2V\nllVxNBy0g9GCEclwbPjDGSzdam8vrwAYCLV6sNbNa9aa+82xxEbrVBifrYd4\nz+MLZvCs6Dvt3KSsjXSbsB3cquYyhFvOaKpLJEO5/y6dm0Ip8OlpHISNUbDH\nS8NLn0UdcqlmFzewb3wzr/0NXQn5K1MOMhq98ev2XBjwWKu2flYYSp8y8HlC\nfkgQD9hD11XYpJBZYNxd6DoIEpMlJx763QjBfMIF9G33cu8JxZ2sN5aU+eXF\n2cCOvliAm0bD6DzocISpKqtUB+/5vuGmRxHdXjRzJrleny95+K3DIXABbxBd\ns7hP\r\n=gUWH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220483049","@chakra-ui/utils":"0.0.0-pr-20220483049","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220483049"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220483049"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220483049"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220483049_1641285093374_0.5636848099579168","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202204173424","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202204173424","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bb4193415aba411bfd581d71959efbe57aca7cfb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202204173424.tgz","fileCount":22,"integrity":"sha512-IUiG+fR9gm1w/tf4pY/1XbdNUwVZx44vNsHgr+HEWqUBLYcYBA0i3XvSnPTUnOSDYP/eHaFlM3qtln41nMVbBA==","signatures":[{"sig":"MEYCIQCfoLWvGo7XF4mddb5VmrtWDlyylBRLZ0OP0NSV06iuNAIhAPSyHmgh7ymGEeV1IbggILSCU+OAts1bFwsm2a7eqLCy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IVCCRA9TVsSAnZWagAApwwP/0JmfFrUoxasxqSZ0Wsa\nQCky+8a14bBr/q2qyQddxITMtKxPax1vmmU5i5mI0qSpbWJL5DgH4UIHK9hd\nayE7AvWrI7Jog1MvJJnP7C0DhWrGC/eGmyQsQdF1R73WAxAyFMJWgfd8QrOH\nEDGALuC4e2Hvot6tskaeW9o+jL85WXIeLfkYs/f0tQT/PV0pjUoC0jU0smBz\nRlRiYgCYt9R5cYdcnsUAgKuXHCkpajDgM27D0C4w5FXpbkKHvYK/OTmULh+q\n/+p6YIYomPDYQ7ch9vfL3xuNmD7DBSzccH41hpOvWXUL8yMBe9CluryRbS8f\nhB/zlSJ8d9HCV9ff6yECpEFv3+LzrDHOQaKNDooTIEPvGiR7HWY0Ksxdrdjq\nnlneh7mejzj4fqZD53YtBYBrM7l+Gv3Qm5r1hPgxmCT3zO9UkT5/Tw9oWI5r\n2QYvPtA+vx66X6UzHM3m6A+x8Wo5Jj+JQwotvxETilUOMRyHsmTNJfgI8pak\nZwD3Kvx3LNqVsty2R91CWR7OYhfChhhDZRwKuVBeHlbHQN7ACWwh0GA+O/Gp\nMl6nJeysjqtmKL9BpzMMW5mzinbsyJylqV0GmcOez0++42D8T3cLmb1YZ98/\ngwX82jovGdUcpR4A/GTwf1TN2XdYFlQJ1U7S7ibQHN5hRJoPDoNsJGy2J+l9\nW/37\r\n=TZzR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8714d8c0a028aa331602db46dfe0102da4acb0c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204173424","@chakra-ui/utils":"0.0.0-pr-202204173424","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202204173424"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202204173424"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202204173424"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202204173424_1641317698547_0.49644456671948345","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202204174042","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202204174042","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e685b03a024eb9e0a458e79df94ef7d390d5911","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202204174042.tgz","fileCount":22,"integrity":"sha512-f9Itr188NrjMFJFQ9uu+A5yD6W6k+0Nw6ggmhzTfneKxyihK7ugaKYDWRvzKPHM6JWVUr6cQQeycSkpoYDu/ig==","signatures":[{"sig":"MEYCIQC99tHKqlV2sjZQLus7ASYiu4wKmVGyFs/18FYOy59cugIhAJXCTLQ9W08o5e4eqwZoDsHbt6lLu1B8Bx4BXRyhzhDJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IbCCRA9TVsSAnZWagAAdW0P/jqionUpz0AYxoptamSs\nArUsB/K7zOVNRJ5YOWOvlR/92KWjcnIXC/NkUu0Vfa5Fh3xDSnbD56QZg4h8\nHuLMe6VfWffBuZNocF6M9chK+kpzRjkDGFOiRaUqBf0sxrvK6r29mXsyOw5u\n2GrcUj+4yYMB0kXTtH4ca7nM1nq4TGNJKYRIhlfPgJzsgzNL7jdK9V+rcRiP\nZJSrl0+gi3/GJtSf6eaFqmW1jo7cNlfggc1GsyY5xT4cz3d9ybCd8ZsYBGyj\nvpB31nsxPoEQuhfqEvOHF+LR1NUiNajN38Ix82efthh0VjKyio7ejhKACqV2\nEvm7Yv3COX3RbACvPKjbIxzXY1xm0UsfZOrJLYF0H3gluJdm0mX9oHJF3wrX\n0kvWEdp4NBXs02jr5oiSx7v0SuTb3zkyyit9T3dZaX/TpEJB6bYdWeR3754W\nsJf6oOJ5cRCaPDAyOkIr7BZPCFVd4FXdS7Z23Fnudthuz6It7HVHMLy1Ls9L\nycC2u4J9vDBxE4Srf6Pang63aRvGx3WTvG+s2ErEySea9UKrfBADSe6S6P/o\nld605N7Ilm2eiPRHZ5HD3jzt122F4oX6IEyN8lZFLl4yCW0gT8SHq3Srx6J4\nNgDiUNsDcbpM2rE22vSdw+xO4/Us+2ALSVUYcjYIL+iN9vBiXaP4faFnjKG9\n1VNf\r\n=TQ0R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204174042","@chakra-ui/utils":"0.0.0-pr-202204174042","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202204174042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202204174042"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202204174042"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202204174042_1641318082596_0.8633090133765586","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202204174930","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202204174930","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a1bb7d6fab8c37f56b59b8bedbbba70d82fec1f7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202204174930.tgz","fileCount":22,"integrity":"sha512-hqHzV661HIIfKQayIiL6W9EwYYh4A3CUQMnEHifD8dnISPymnhW4fgppCzpw1Tmcm1XN/rK/B6A8ZszfYJkVMw==","signatures":[{"sig":"MEUCIB8XuXX14sXLeByuvdqabHJluxf9rIXst9d3TMzcr7fSAiEA8j2/hEyRQS5VNCMJ/L5o+qf4u6p3i9p80Y9XoytEffI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjTCRA9TVsSAnZWagAA1lIQAImzjtBB13mHiU24vtbE\nUViZKX9aE7egqFbeye9Qn7/etGrqzFA0cS4uBDnFSrQrx6P9z8znYOEP+ulk\n6hUpOuW0lfdOZI30Fy5RTb8weLAhhqx1rHvpNPdA8zPEWusiq26WWLh8MYpf\nXAaHbbdMgQKYEgQBcimd40O5wUcGrCsa5EiipYicpPeRORbInThT26gNWXxf\n3fSMFh0CoGHhxZgDOU5BzETKjv3LLGyrlIA0XBp2lgdUdnl2m84sFEcv5CVZ\nkrENjaX9NpYjHPnUNheOoKnc0S4CkostfNg+iyeCJjEzRpDGLZYgmOHsopb0\npt98QeBr2UoycRhaAuYMUb8lzLYA1yGXQWoXRkfIXQtwFpwFSNuNQ7Jx5C8f\nepZTthtHij+C16atOAIp/ILM15rzj4bEqK0phqkpDwZEHiXamEYBVcQ0Tzvi\nf9YkEml5hO6LnYAJ5+0gC/GIPUDi1dSOh7gfqKtLSWgYAEuJ/PGZbTf8B9XH\nvcLcGwsW3TWUuqUnvlvJHfbUIB60IDmkzMUrv+iUqrnuWzXAh/eHkxh1MPCG\nmwoUyQn2sge6G7/hwieoxlwQ6b8b0Qw33aI+7YSNMznaXq6iD/Ul2xU16fAS\n1Q8BimR5P/V0On6xhYDC4lZjE8066/Kb5wCXg9WI6ftqgnJOGaJTBxh5oYvL\nRij+\r\n=abE6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204174930","@chakra-ui/utils":"0.0.0-pr-202204174930","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202204174930"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202204174930"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202204174930"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202204174930_1641318611022_0.8709429075588804","host":"s3://npm-registry-packages"}},"1.11.1":{"name":"@chakra-ui/popover","version":"1.11.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6342bf8c2d3de24ae62a09ae4765d5b8ca765be3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.1.tgz","fileCount":22,"integrity":"sha512-WV1R2L1V6mbpe6/aInr4yFe6rAu7+pT8Od6Hki5KsIv+4QvoEMYsvJ0VOhaURLLD+NaKXFCsfpc9immluia+AA==","signatures":[{"sig":"MEQCIHfiPDkMzJRQplgLbdn5aPk4IVsxCr/0MtWjcLcL7MuTAiBiFmY0BvdHgGRn1wUKrEo1Q0DCxiLUcweq23NVcXw3wA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/HCRA9TVsSAnZWagAApiEP/3VjRFXgXBHHf3DFWqmb\n10TLwkRM4LU77VAG3hp/mifuYEffjxVzndfvGXwVfGle1WDOxr8QZQfeYq0V\n32G4K/s7lF6qsg5JlVgtXPhF2vqJhvBvzPjlhnLylx0/AziE6YJv+Obt/WLH\nSYGH8TxxX3o1LEaxv9jrfNXMuBwo1Ygor5DO3K2SABDD5EkxVkN3S2e5uw0D\nwSt+GeFmulpOfGAtNCtyiuRz3Nnvpa1Wrj1brzepT+Dc9z3kqnAh0Hikqc2P\nrWPqT84OKMqN4yYwuAUkpP3LhZCsqPeLnGuZnmEtfu0/pcYVe7ayOTR88Cy2\n1neLAAHiEg6MqtSguTQAwFb+U3rB0YeEhV1PAtGkg0FbqlVCqHipu2s8pRVr\nacigYGXnznZIZjgxdyyvDR2cTDqjy594QUG40pIZ6b5tWDca8iYUz0NxX5mT\nllVSE9NS8xpeswA6VEae2wFFtqhlrk4uIQaZfC2zwjXSlTFkvxc6zGpmYZMF\nV8Rbk+jpxWV2uy482u5DivsMtQenjpP/HoVPO+9PEzEIng4gQe91xu/hJqJb\nK6PwFWaUbiLBSdoYrdKIsFortykp25hbBUqwJcFOGwJJriXz6BRzPYt1FHz6\nV92s7IW8iNvc4hl2UAFTMjPAZVG9vg/ha8xaYecJzeZXrCGYaGw7f5qDKsnn\nQhn/\r\n=4F7z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"e2525941277b6b96b38fd6dacb247ccf40cd2fc1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.9.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.1_1641328583495_0.021923715569651003","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202204203645","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202204203645","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6790447feecd6d4c7ab7d3786f2c81f5e2a1d679","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202204203645.tgz","fileCount":22,"integrity":"sha512-HpcxvMgTbz27w1JcZRBR1zfQYIE3Ef5Lg61PxVvrF3+vZBotBVpLPPlJDZ+VPdqnAAz7tqkcucVBs3epvuDrdw==","signatures":[{"sig":"MEYCIQDt9tFiYOOz7qw3SN0py4dF4PJ5372uYKxnFockhKPOoAIhAO97jRg7fhZk86+RABDQc3ZDDqMUAlo8C0XV8dg4A/Z6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LAFCRA9TVsSAnZWagAAC4gP/2NvxlMPbwkxFCgbJ3H9\nBxpvs+ER2e9+GUhxO9A0XBlVwATTy7LjhT8NkbaQlr+I9OePjV5Py2itAoCU\n9ZfqtbXq0tuAgjbqGn1zxJ6tMFF/C5NoZc5HyrenRKpuZ6mLicqUTDqeYMTD\nC8vTW+jJTXFER+AT5/f13NEJqkIiI3BXKFzCvn0UKEfvMVprq0vG7L6vO8L1\ns0n37K5pMFCgLeLofYJS3ZUqmSYBvk0cnQIe5Dp/iQPX4/r/FfD8Ffgp4xw3\ndlwyhKapHS03qp56H3c10Y1A0PIf56UNxIWYjkYGEwCMgZ1UMTdUjD8lS2sx\nub30EFekCOUKBEIbglz8YQKar5umCAGYtIRDMoLdTnjmLIfx7j8C5nYmnZf6\n+a3iY8E0ccq9sJ+kh5udl5WMSKzpgqSAX8qXj6ySamLgybL2Yg7vN6ncKIaB\nkqR15aGEwuTDJ3/q9LnLHly4AsTp/6E1SIh4wcFhkDkAGgSLftHrKylMr0w4\nDzyM8q1+Co6CmPbwvgEAr8sXenm7CvQrNbteGcS0rrn4TJP+7WJ5Oal/gNrk\nKEwiGXup6GJ8RvR4IwexE8lQ2YzHh5wU03p1lslx/ifSRZ8gUhE/V0tMWh0Y\nu7M7iSWtpYIBCDeFQ92HBIGyDYsvAZOrs7HqifE55U6jEHbzMtyNkHp7QuAy\nhfmy\r\n=lJwq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"dccb9a12709b2b6070a82868e344887b7a3255da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204203645","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202204203645"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202204203645"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202204203645"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202204203645_1641328645445_0.3198433818828188","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220421928","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220421928","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"da8fb7711c15f9d102f810bbc76393ff99b06b7f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220421928.tgz","fileCount":22,"integrity":"sha512-jF8KJZUD6gVrIKm7j/4AHt4GuHw5W3UpaUEY2QHL+zIW/J8C5xXZH3PkBE/ACQNxUh2BSeJKJwiJfhRS3kKmgQ==","signatures":[{"sig":"MEUCIEC/6bNRJUCvrqSr29SdFVFMUjpRApHhntaCG3eM5W0bAiEAqhQ+CVgY5IAsBtli6CdS9R6m8R02jSvS/C5tiMRPnwk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LesCRA9TVsSAnZWagAA32MP/2DFskxLyLMXfMzqOnhc\nuOnsnxUNsC2n10U5CPRuKEsxlO2AM9sOSOMVAqHKnsFoCvKu+8pZxKHzKlgw\nPgBOVNgTnK10463IWPS+oP2J++GqvfBpn1lbbLtDaZluZ2dR1RgV6rQRm8vY\nieRC9Xa4ifrHFgZuOCtFPMibGXn/ukosd8fAFFnB15FsTU9Phjpi9jV80Gqq\nB/5iCuKRHUhtz/cGc0ICdqBI0gmG4KCtUTWQrmqIyWL1Mu3labRquoiLzxCc\nySpnv6XSr6MyU2iqxdCOUvvy4d+/80pbKbxlHRFhZ940BKfZ3DmSV9q04IS5\no3wuROwn+tHEhiH9SNWuu1OD+faB2apXoj1LBjGBUMqccYJ59SyNd3LVH7TK\nIM9s0/p/AjDejI2QQzyVx0jo8IJqx2Gp+zi3tDten3hDtiKRUOhHkiJs55L0\nzOKKD4cjGEMO8Y9mCiiOHrbgDbA72W4cla3HjVHfGCyDbDGUnM5UYV0yI8oc\nP0P+GeTbg2xA8Ofu1uQ9EfNT221BrHwIlFx+mEnFg2bIMszR6dQoby3+8rJJ\nOUJBJO3oQ7W3s5EnG6U0xdyMihDk5wqhpqmgHWoCvqr3G9o4iJavqt54xwcq\nqOg4IEyGMTn8FnBw3iZ1X0XjpRBe1NmUKrPOGQUMVFmEj43VE3jd/pCm3W2u\nQrhv\r\n=SfBZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4ef88685ca1e33e2ea6997dd3059f5f93920f153","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220421928","@chakra-ui/utils":"0.0.0-pr-20220421928","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220421928"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220421928"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220421928"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220421928_1641330604742_0.33336299964202376","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206185910":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202206185910","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202206185910","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"16ba36656020def2efc9ac476101794c7b3fc788","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202206185910.tgz","fileCount":22,"integrity":"sha512-RIQnNQVnneEM3u0ATLPo1PtV/qB9QtOawiUFxPBDiLXK45hJvfgIIgg8MKnM3wANp89zIX+Xp9MrcITWjHZ0xQ==","signatures":[{"sig":"MEYCIQCJasD/U9f2XCyvDZLLN9+0xpqYxdUUQG9kFmQg5EhEfwIhALs75oQn12nDhQ/b0Fw8VwfIY6JwQnmvvLE+rDQnT6OM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1zwuCRA9TVsSAnZWagAAmYIP/1labBhOjrw8fO1i8QrA\nGC8gx6FpXVC5LKzONqF0NwY8dDgvTnbnUgDpEQvyPN8OpOaZL6kpFXXkEgNO\nxwelIb4m2cY3cWcvl4lWuZLX+7Erk/jpj2ZnpFc3u0cUGiKd8yYHyzV4+t/Y\nXrmrSUC+7da8ZGmYVtfom/5AoIiPy9EuOntbwCQckuxs4aelVK7KynCRRQkm\nrnrDR0h14/kuSSXVcNnsTSOIex+n1qb7A+u9f3NGdbnXthtwaFDfianAGkh5\ndRVa9RCgkU44UZWYtYTLoaSGzltQrV+ICVU3V9icg/JZBembgbVEtb+tJ6pw\nm8Hd139Xt1dhtFz5idtphA59qvnvgdw8kEIZx/zs251iOPmJO6HsO0JT44P+\nydQjqg+86LCg6YgJpLPfO2zm7XGt2FRxz8vL2GSvaVGleN1H543DTu2N800V\nms3F8KKze6M06qZg4sm1EC/7qMAYHzCHr3OD9GCLDB1lONomp9dLC+Iy97d/\npdX9Qne4/FLbSTmfh6q+BSxBCN8ZQ1OzBpdBE6mBz7JC/xmiYuqLUQoi7CDS\na2CRGAjHG/VZ7svZcNISXkLV/lNnYXFDLFRGhw7tfELgek2mayBR1wp4FDFM\n5vlg1JxUt5qneUd5youLxfk8yz6kLWfy/+eWBFf9hb8fdU+06pv3JA4gIjDg\n2YP8\r\n=Az09\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7b34351fcdb380a13640a5a4e7927f4585848797","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202206185910"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202206185910"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202206185910"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202206185910_1641495598180_0.5869306078227432","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202206192031","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202206192031","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c8da66c95f3192f2d2152b70d29ec8224483a796","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202206192031.tgz","fileCount":22,"integrity":"sha512-DI9guwljGRxOo8JimP2EVCunb1WKlZksHhxRYp34sGVq17YATAk3+R1Tzp7RW9FQAMdIQ8y/9+mb05F4ItXdqQ==","signatures":[{"sig":"MEQCIESJTa3ubGEgP/zbIqnfmKwubdQeX+B4YymX48YXktPvAiAqsqgIV+qdNyB6AdoH39CWXKo5cQDbM/B83U6o5jqTdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EoCRA9TVsSAnZWagAAopgQAIJGazJbURAp1PMwiTZh\nweuTR14kjxkoDF5a9ADXOuenP9DZiYbwsmmrqrPvqLBaf95sZSCaGlNBr28D\nNSHYPQMZjNPNuXurbtWvjfR/4HCe1R0HiF7C9V+5/wKkNhsU6Vz3JE90yG4N\n+ISMaUAeTbvSVBvsWrthKJo4hPlFCWRRt2xo15F6JS0/qWf4pJatw9764YXd\nT/6X/5g2fvXFtDBH10jyrZwlkisnMDVqbkeJfFHzycDqoku0+a6jWFK8gcR6\noB9/6pRYOrHS9oIlCwrnKSzo4tFNTQbwi/k1xpS5z1/pqBXHxc1sFPZU/Pv6\nzB2jwmlrrZ10MoRwLqh3c9Wf7oUtglDs5ZsKSJlUoQE/zNc5SbdMDvUkpSFh\n9h6vdQm5enjF0394QKUHoBMOaiXU/GWQKZEu46NH6ccxFe3OXzucKSP99FKY\ndzsGgTvigN3SLvKWUcCiYbdMGmsM2AgURIVXLt1KbR6n/KM7sC2BY/5M2W+A\nT5n1pGYue5xeMUH/qBf4z4Oue+PjtrU9OjosPAZt6KpZlGAw9Hhate2O+lTm\naSN0tmc4AmXzqsCJqLfAPlt9WELTUs66i/x9Erd1YEtW8z/ph5WdfIrpK7YF\nuz9sHfewIXm1Osk2Ct8ZAsBqQyfz73MVtj5cjPoKW22c/ad9+lK0gE4uv6FZ\nQ9qV\r\n=i2zp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a538c4f88395cff1f6ce14f27ac201b5f63afc10","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202206192031","@chakra-ui/utils":"0.0.0-pr-202206192031","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202206192031"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202206192031"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202206192031"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202206192031_1641496872632_0.12189840627664306","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220620149","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220620149","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e864691e076a3af5bca1a491010ac7e9edf2cd54","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220620149.tgz","fileCount":22,"integrity":"sha512-Ng1nUDNCPnh5lXIP+9LJw6r0LsYbJ+uGeKYWsGqvx/jnEjdi0U6fra7VdIfZQcLuCBQX0zMxbIG24cbZeVljQQ==","signatures":[{"sig":"MEUCIQDvFLm84ADbEasiNT1mBIBZHzO5vI6dnKtaykdGFby9iQIgKCOOls5p9cSykYwGWMPK7lDIvAmxnfhtouAC2/X0Gls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rUCRA9TVsSAnZWagAAkIUP/1Lkplq9OUuLxB9eD1eX\nCTIjiUoApVnI888py4RkksTAZIa+IPlLRAvPoUVsWn9oITwvd2uMgzKGnHA1\nZulN2lpCRCuFrPPN+xcgWzFrc3SHOAuJOXYA2uFnaHIfHwzNnH5BY1EMH871\n9zCe9knV0DjHRCo0aSY3twzbaLWhg3p80EN+fdGZgnDW+cUhmaYa+pmeB1G7\nGwy/bk4m0heK9YzahtTvUBV0K5fI8P219mZqTq2VOvsawXybP9Q5+K1Tfotn\nCLWQoqblnuTfj98UvGBWv/v9urkNLwOkKX3cAZuHmw2EnP5i7ZPnBb1FVXuw\noEVckrF4n44jEv+9hYpq7WihjoDPfxCg7TjXSLQpD8SFjk5MpLzFPC72xXrN\nUcnsaaTKEefHQfgPWdgCWukq8cg3vxRnAhAPWj0V+D/E1Z19WfNE7Iziq3nc\n3fO5v21DhTNyfaGdFbqp1qEQwvYtlXhJDpmV5xctfxjDh/AsEWagbCFqHlbq\nDPfkFFkMlJR2oUVUX9woSay/10OVuOHjWm/vYq+D+SX8OJcpLKNhEPVnLl5f\nw2p8Tz9GoC97JuzUj5eBZG8FQGNU55DqfUU4BaODdon5WKor+I/NNtKD72+5\nEVCj+fOmRRCyun1ylqI+tMEaqQf6ZeG7ysq7UmupgteN70oSuhCGngQ4fGFx\nDtAt\r\n=cLIo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"9d02772e8fd7855511820b6c729c0ce72a347951","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220620149","@chakra-ui/utils":"0.0.0-pr-20220620149","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220620149"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220620149"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220620149"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220620149_1641499347873_0.985615043409475","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220620653":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220620653","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220620653","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e1335f64adedfa4550f3c86be0fa4cd2cfc1a42e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220620653.tgz","fileCount":22,"integrity":"sha512-Em7jlPt+SM8Hy4oAGNW/fFMoGixue+InKIeHR4YOgScPvSYYr/uKDNQLaykuYQHXSl9gjtss5rg3b/xkfBj/nA==","signatures":[{"sig":"MEUCIQCf71GzF8fwEwuv9T13rfUrRgoVmXe/jtAvBQ1e6HbBIAIgbioAY6/5ANCenV2wbtNT3Wkz1B38Yh0QdjuI328F8QQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10v+CRA9TVsSAnZWagAAVPwP/RhUN4qgJlABRLvcdKj+\n7sX3GbRI8x4QMIi2gVkFF51Q2nWYL4PwWr6AdRGxZyFGJQUsVPGSnsfyrQev\nzNhLbsYjgiPw5p06jiXOsRPAzC/wxFhrKIMK/EB0bhcq364Nvg0j+vDEJofI\nl/05XDsooZ4r5D0Qwnc/Fxmlg4LQemoMiXlJyDhiLcXYzMUGPNJ1ATXybXfd\n0FzkTJzSvyec1hpQsv9lbaLW8CJeHLcJs5IcG/6Pyg6fC72IDyW7LdAfN+rt\nsvlq0Lwnq0OxJEG4/yANXn9kAry+Z+F8rTIk6ydcjln26f9fTTDUOaiyOozw\nthKMhRKXQvxQiG2aCQk5ljyhgaJdaaG26+JYpFmmjEcNdxRWJwh83U2CJUs9\nracgCLdrogYha+FjAApzXpYiYwdH3GQKtqYfYxMIGnrqir7GS3fGjDhZyK5S\nQke2hzzoL6aT2imJ2gCB0CbzX8pwr0ZFy4b6Riv29+egxdTTyApiJrecqgY3\n/9eIm1Ch97mvLy83c/epN4IeMOJgNzCvNkgk9mCqgZZa/s/y1pHiSEWfNJze\nDz/NFCAWiRTt1/UPQqe0dcAZAfEPJoZ9y7TtvcVLj4/O8j34vVAaJk03EUF/\nfRd0ij+JLLeSg+mwmwFzUkha8HQzmBC2d76LJ6d4eu1QZnTJ41i0XMYkSA2Q\nzsJc\r\n=6b/o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220620653"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220620653"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220620653"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220620653_1641499646120_0.8273969661439355","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022062070":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022062070","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022062070","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6a19aed5949c7666b12709e332c21e8a5983513b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022062070.tgz","fileCount":22,"integrity":"sha512-Qlhs1Vqch0fwIlnjWwCEZvjwWWUFEZmPCtHzw8B6eRJQNT1dMOJbDNhR/bh5rtO5ScFqUn+QR9oGLZf3PtvQyw==","signatures":[{"sig":"MEUCIQCjCRMSfD55ptFjk+xWkZG3pPLEiXzZ2el1VW8DIbw/1wIgYfIR3JDYvAyvdAboX3OTzTZrFyo9ld0PsKy+O3raRqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10wJCRA9TVsSAnZWagAAeksQAIzWqfrJHiqetihJg4sp\n17AZgSVs+hA38FYycECODuKck6iCKkYcLVMcXrjGaa5aKy55oztsquIKiIcW\nIR5RSGmKntAKK7eROwiPWRUVsw46D55iaFGkSIUbKS0+UiUakEnyVH7p8E2i\neisAyo8Huey/FnuUYXdHb0N4tDkjteML/M9FJNXXZeJedVdXd8SI6TMjrRa9\nUjxPCEFUxPkJv1nXhAXPeeeajbcjzwhmxBAjvCzeNk0nGDtMrmKw2TeyY6AI\nJ63l06Oubc2u2GJWfyyhiQgdBxm6Vv6gr+E0LselDAkH6sprr4J97p7MFbuw\nv8RKRnrmh/3XgIl42X8+eGYebqq7Nvui8Rz0okaudHVzj/goxJ+vdYRCzTQj\noUJJMDITMLmMpjb3rcDk4VKW84/PaoPUVjF17wU32KRaQ18pq/qukGQtpQAu\n7AAjt3cLtmAlzz4VW9JqT0v4RNqR9RFnAOS1UevGq+YnCiaLvZajHsYC7wKz\nEdeXPu7kGTbhNOll8aBdD7MoZU0RMsWPv7a5OBg83kdpEgYsgxP/6rebqvZY\n1qehx43lxCP0HfUeRpk8MFZs2jhTToB3gplrSDgojpYJg5n+jSdQWMe8Or/v\nDf8WQPANbhNW+F/MUmHHb6jRipipQqtDr9hr+n/n7EqSJh7JOkXVWxmjynG/\nmIKq\r\n=kDrs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022062070"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022062070"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022062070"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022062070_1641499657041_0.35979190379205406","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202208163634","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202208163634","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"41df5a7e9058316836fb63e004c88a952dbc7034","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202208163634.tgz","fileCount":22,"integrity":"sha512-dSrLqvP9r/srwJKHfzLBP+KI21Sq8jv/+PZyFdaMF4To9P59QpZ8TEvSFbn+CWlpB9NnnkDqI362Eb3e1Pl3Eg==","signatures":[{"sig":"MEQCIGUvYdVAZ+y2ihcdGRHr9TJi7aZHA7vAJ79acyxcjDQiAiBkoPXVbbs3BmE1H4lH9DPVjpAgtpiXQHvBZX8uf3NfXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b26CRA9TVsSAnZWagAAo58QAIS6MqvEgC5aXUEE+z7G\nTThpc0YrnqsbgSpJtj0zvt/LWxf9x4ek5Om0sxCsuBQ/dlV9M+NHClk/rWPq\n24xJzI6U2RHqG/Me1msyj5BmzyzbCb6ujW7G8UDj9AGkQZ8XKn8bZ+7h6ce1\nosLAdwv+rje/TYwigRlBS7DxLjoiqrtLDKOXwEH08bQLrW5SF540tdy+IOtY\nTMm2uYWVZcz3XlP9AJZ0PN66LmbSk0NEGiAfvEGpuvoXaJMCRKUDFGK02Ru5\nbElGvNMB42++pNsbsPVTvLM1JuLWLNIWDlMRU/N/vSHSjNMH82Cx8CrGmUPm\nMOoVmDCJsdlrS/5yF713e0ZjPK7vmtmAvkildQUA7jBE1eMNZknLbJ+PLxTR\nHgf1rwZDcKew8rgbn45rybN89sIQ7jiG8dV2DeAWvohY1BpAdE5QtezmYtq7\ntR4BEdGdFJ1QJD7Bj/33Mrzb1CzjUKwAFeqrYRI+AHtM1Hz+maqCrLdl74rc\nGQuzZ2r/S2B16iC76uGAVokQW22Jl8wkIqCB4HhLoRFMcNyEWYO7koQzqjKK\n7Z01SoMeVxoWcpQM2NavUXIGIB0R5l4K7vT4ujbdmZ34+0rx1kRXajP6HzBU\nesBFW1/hwY1Nv91od9GZVE22GSGnHKb/FVzgAh6SESFp73X5PqYxYebezuf9\nn7k3\r\n=QYMJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c1ce58dd840bb3be7041b81f4ece559fd7a37f7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202208163634","@chakra-ui/utils":"0.0.0-pr-202208163634","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202208163634"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202208163634"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202208163634"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202208163634_1641659834794_0.9638798220157829","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220816386","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220816386","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"18cfd12b32f497783a907248ccd32510e4b03f9a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220816386.tgz","fileCount":22,"integrity":"sha512-1g+g3UAog1tYmIZzB+frHhGGkPJ7vAGDG9IgLqToubaMUrqIxAw+8ZZDbPaG/8+Hq4GuWv4Bu6i+y6s9ygpCNw==","signatures":[{"sig":"MEUCIQCuOVFU7G9WE/nhp4KLwt4gxkTgMYawf85rwAVxjgSp7wIgWwCsjlaCrPyjmFbIUW4lg1MkRs3tEdlOuKxlDPfVWjw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4WCRA9TVsSAnZWagAAKZQP+wTdgvTaVyBBwi1fh2nx\nphaHoXNDD+maak2BFXwlBBqEVJ4Rwc2u1BzBE5DcgEVBg3MnJd9VIpOanHpY\nNqVu6sGC0xlLG7UVqVzguNV2WeIzhXjhJGlz2g6mFVLbOBVTRI7yZL7RvRAs\nuE2LVCgyIEvSfTo0bxsnvg2ej7Fc8cw18FOgGT1gwexJfwLYSeFdGxyhVrbC\nRjzvAWsH0LDtAhFbVpSo4HyI6bxiLu+4F9bw4r1u/fKtmt4TAkNfXy+8hA5o\nj1pM1qm4yiNqod8cyRvWUTnxlrV1gBXb/2RAcPdpGldpYdRGEr0wpBdxaLPu\nVNprIhGIoCI5qHetW5uKOcgKNM1JxL/F4ym5nm+IhWwk8+110qKy5/tOHP1q\nT2S+ECA5RyHvXOOgTI0eDsGim1b9yUoAUvdcqPz7puMb05cI41E7y8qzY0xM\nV21l7IrgBujEuKODME9M6H7wJuhuCa21sehCmV+vA9NpwAqYtnvukf107VYE\nsrd96q71buETPnSITCfm5uzmRwcggXSDlFcuo2WHS/DxuEKi/UA8r0rJP/vy\nGy9K+3Xzj5PRjt22Cy1XXFK3yeZU9NgUKk5kxMvnaJXXvUK3NK0R/6dqJgoz\nxfx7wEt7i+7tnnOuyOANr6xFz30In7ZAaSpI1xz4jRn3C/xB9d2efj1N9iFU\n+m+h\r\n=v20K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220816386","@chakra-ui/utils":"0.0.0-pr-20220816386","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220816386"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220816386"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220816386"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220816386_1641659925923_0.9599559463705245","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202208164521","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202208164521","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"61b6017cc92803dd16ce17c01dba852d8c13ea3d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202208164521.tgz","fileCount":22,"integrity":"sha512-fSv43SBVP3FJtHTgTqLLZzCj63hnVQaBzOnZe7hoX3Lv/8WXLmLE8l0MUsQC4nQxWk73Wa/0Bkrb1z86xzZAoQ==","signatures":[{"sig":"MEUCIQDgU8l0R1pfB/eBeO0T8JayfxBQNnbd5TAEZ1OyRPxrGgIgU+Rck9pwQSwN20RZrP+Mg3UhfZJTFFhRvUetfc3UsH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b/HCRA9TVsSAnZWagAAkW8QAIJMS1y3QAbnz1ujhEeL\n+E2U8AdL8A9bOHaYYuAh3YF2fd19lNlQsF3ANhM4xRLj5XbuSUQrpZb1K9Ca\nKtQxWxaihe/rZ3qKBkiKFMNvCCsJucQb0fnGHMvqaJnzzeE++94CeN8N+thj\nEsIOC2j5nced2bh092PpuXG3ErPkgFKEM0rcAdPL33YbzkcQLN6H0ICkxSuc\nP3QYa8YYqd2AFKz8pz1KxNqlOZwrZ5/86vGX2m6dCu4yScuLi0DSYNOoZqEe\nU/2rUoQqIIzRDAmVLxgvajCJlmt6Y/f17ZGuhCQdsda4BAkR2mKR74qAX739\nNLt6CGCc29FJl86YGDz5knrCN9O14vaa7NrMrIcaai0oz7GiGaRrvwq/BIDv\nvXuYq3ZZMv5OQlSXzACs+Vt0ZcKEkzNbrugHFgSmRLQJ78o1FBwkZ4wJVVAg\nPkZPk46SOHrc8l4iwXMtrO5dpV2jYKmztgHJ+klQ7MrOeKoxryxwv1YoBnv3\n+2EImi/cNeryvMdhJB50U+w+Wgl5SPGHjqVSWnlf3hezSnj7FJnoLOaEtJov\nIvnX3UnoKp2Bc5VD/M5En1ToHvoOtyvlgjDevMhmpuuNqvLI16g1/f0OTLDp\ns4bfopsXy3AfGDmCog0vQEwmp0l1Bsr0fQWccUknTZpSOwoVybh3SQMW30/S\n17hQ\r\n=G8zG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202208164521","@chakra-ui/utils":"0.0.0-pr-202208164521","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202208164521"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202208164521"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202208164521"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202208164521_1641660359202_0.08728556077973182","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209205059":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202209205059","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202209205059","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"63708f4a8fd14c59bfb74bba4a2f174287e54b14","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202209205059.tgz","fileCount":22,"integrity":"sha512-b1pNw4Kda2df9cMsV/VUptYQj9Fo52mh7NulpU1s/F3T1dZEDVRHmu5QikJqtqEIYbaKQxgJ4FY7ip8y79BjPg==","signatures":[{"sig":"MEUCIDUnyR3Oz8/zejUJ3N37EBeNzusZ89wA321h/N7M9gnzAiEA2xXXD2dH+4g2VPqiyuoKXBl4hoJNO5qaIl7up7VIEDM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20rUCRA9TVsSAnZWagAA7f4P/i2l/a2hd+WrnzCg229P\nEFN08MW3QzsiHbSgWXhX8DsJdr0dVL/KLTpyU4dQvYo2N6AwF5hapMQRkO3L\nBSyqa/u9vqzLngjavSOQ3Yh0+6me2FUFqvLwSdJNtdVGoQ68hIMxTQalT+cz\nc6Dthop9VcSuGq1hS0n1p83O82fxfln9dfvC6gYLgOdB6STH4fo+cFz/1JEs\nnhTaiQOeDNMSRx0KLlvYRs6Z5l5sTkrKmMPQZWVpIcloX6yE18ljFgCTaSH0\nbjBEp66xq2+ldvhVQocCM+AFZexGXU1kq+gYhZIyxdxmBpTD+8RuBlhK+3zS\nT4jjIB+iXYkiT4R9OlsN3z6bMmI8T19e37/8dx8fGivO6AoWzVGjrbWGOV/k\nfto6JmV4jgI/M9pU/W91gg/AP0NmfMglr/q9m6VqFE04yhHcN6wayF6fjVDh\nLh9nXhRKBHBboDRLy4PhZzWj1muvm8OEYPeMTWn6/vye4qlY7xMTCwVJVR+C\nvESHD/eyFy2Mzh+ue7WjsSJV0aFP87QTwUIszvsMDruGroOHCPr6VPeyW/G4\nQcVRqJS1CKcDrxpYKkiDirGCglhxVTlRJTjxe0u7L7wjTRgK1feXZUgpnN78\n0adu1OSMwCeSb0gO/PLkt2IxQirdfLmoU/odOEg3SmPpDAB1//5u5A4pJSv6\nD+Y9\r\n=dZDj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"964c30674af12a49400cd5332aa6eaf02b1e7f28","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202209205059"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202209205059"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202209205059"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202209205059_1641761492690_0.5083468486364555","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220920538":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220920538","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220920538","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f9aeae3dcd370de4a7e0cdd94e0768c2b1e41735","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220920538.tgz","fileCount":22,"integrity":"sha512-jBhfhc6JsouUCp3TA+/Z0Mw1RY3VAy0S1UI7D73XmKuGh/dXGTta67XAqdV2msY9d0uRiGZGXRebWuyiqWJdhA==","signatures":[{"sig":"MEUCIQCJl4oZ2OB3dRkj85biBvUn6QS3PNGu7NuQE3gGl/F+lAIgH6zPt0yTxIcTds/GNMO4ho5ziiKjBIeNqEB1SVhu3Oc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20tXCRA9TVsSAnZWagAAeEoP/j3gxQ4mX31Ngbi/SSgI\nUGXZ0U+chgCSgXWiYnldqQkno+VLPdALVkjIwvnUPfW1JGQpYTHX7qZVhFAd\namh3njwtfWRtDboRSt7uO0EBABxFHGNkHszEZ9MZnOB9RBTcEBXWdKQKpIV5\nw0dpS5kwCWYP6/Nb4WCCJKKojKkpdUpMxo6Zpv3Lm+PGuFyMNoGrglx5yj/V\n80gRSx7Ahv09k5iMsL3Be2+/Fvri8uOwkDcc8/HWod6omPY5hbhSWyMfZ7Xo\njT5zM9qcgUegp9mKao5FFtjzRL4vmsc0fpGuXDAYXs24enOuC1ecBgojST6F\n7VBAkZMtqHAHaHOSodSURmIwAgpGVned4I8LV4LQCGJJbqnXr63qytno8QH9\n2zBP4C44+4rAHtrwhCs/oVVmngp50Bgg5olBJFJuk3LwJmuQssfmck5kGaI7\np7iccAb9K4UcfKUi2kyq4yXp4nzTC8H+IFBtvQIZTEqtuS0SdWmzuWV5k2jb\nMyK7uD6H3XpkrJWp5zQYAhE2bncnjd8mk+Grk2504WUDnIlOHbwErOfQ9BxZ\nqDEorJUqTVjlG7URyaSx1q134YTdDUJSdSmihK3BITMUf3CZayjNlA73DEqZ\ngAjHDR7XMtgnKrEmL2IM5IACWPcTfmmnmSF52aoqRBKr5kHifeW/gZMyhR9H\n82be\r\n=QBkb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1e9727cfa2fe06bbcbaaa28e2eafec37b111b875","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220920538"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220920538"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220920538"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220920538_1641761622955_0.8229297603242509","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209211330":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202209211330","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202209211330","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"963d917456e975984c538fe8a74850a5605d1815","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202209211330.tgz","fileCount":22,"integrity":"sha512-O10ARwLlVMSGQ01p22wn8N3L4reJG1/Th3jmHeFpjKEBC2X6/RyYKjYS8tz4SJ4LBMJKAMWP99jGNJg71pjZiQ==","signatures":[{"sig":"MEQCIFVBy2OeQn0xf1aOm7FPZjsE+swuQH3tNkbDkmBrFf4QAiBNH3yFvYg+5GqjlCzqb6Y1cu1KfN3DlwN87EMUXoRhoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21AdCRA9TVsSAnZWagAAjdQP/A5K9VYfhRd9Zct6Hn8p\nfrfPvJR1JI5VaA1FJSzKjZBvoHo/nxRhkg6jgf7mlx/KtniXQb1V3y/cyjyT\nMedAXFLuK4ZPIuPiVWeNef82Zr1GjyU8e7SbnU70/pOl43/zogdYUtk2ycvi\n5Ay/l4GgyW87FH2wWuRTh5+yQZHYps6wxniDDQaQl9veygq9ZUgVKhg5xquZ\nR/3J3S1Ya+PS0HePm0V7CS3B46ZTqY1YwxcHeU1rVyjO5FtdKGZWrBRitq/m\npUqmoVJHHMzP/B7sy/YJJxfSciEvb7g5BVZZ2S6/s/vrPTyG22GM9z0PLjyj\nvvA7/XDoAenbzhCs6I+fFCihXPTp6Lm8ODdgwPPU1R5i5w+UuwIP6kuxrCqk\nkKmkPfsCf2ZsShOF5yvczuALu1G4W7j3WvOP3kSoUwcFXRotWvVgo9AjHJMe\ndsnl8NsdFWsSPLV7N0n4toaFBiTHOIv6y8MJ8Kc9KnrQZT6YP6RVjJwY+lAB\ngretVnG2RwlOKKi+yYVBPpZWd2kpVkLlHYKyZcI43oJqHOj2MkFpWeOWqFhX\nBgUCLAJnXUPnUp46FwsCniMHhqulfffZlLqJpXZrN0SHUYvkXMQbkNEDZuyv\nnAdWRv9YtHu9TGbm732y4Ot6StXtptHV9WS3oDGXaOkBQOgnG4qLl+cLLjrB\nhGlG\r\n=9Lde\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b18ddcba046cf5fad125d5efdbe31f414e4d9afe","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202209211330"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202209211330"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202209211330"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202209211330_1641762845369_0.3350084934388844","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220921590":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220921590","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220921590","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"272ebe02b6e10daeabed8014d7b3a12b3c5e7cf2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220921590.tgz","fileCount":22,"integrity":"sha512-0gAi4E0vwuEfwFBTaN5wgPisW4knfv5lPztlnypEN2tTN4dCtqOpndOq+319V8tAxZASrTeu/pzl3hdYp0RFJA==","signatures":[{"sig":"MEYCIQDiprjmwGwDmlGsL5I3lxh0jk/ByGEF4nR9aQambAV7EAIhAKQP4MgjrLg9TtqIjba1ZJIamL0YMZA9zExDipaU3HBT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21rCCRA9TVsSAnZWagAACv8P/11kJv0jpLXTHG7vG7KF\nCnCeJV8tlax4wUTdGuQJ/zs6M7swXkdQaR1vDJHgUPvVoJlp0ucAeRavfeKD\nxnE3FRRcnfax56I4eu7Uq2bAta0nZkLaZButJKEBz+U9PvCUygj1rKr4iEOQ\nfXbjGhRwUuBrkmjtmH+nGCO3gwN+rvfqhNP9A89WjUPog19DpxrSeXexLOGk\nBbVTkLuuRUxrEItll9PS8svizhW7KDrid7eem0x9mbPzYnDAN5sQjHqezsP7\nPJPi7ouTaHo5BvBTwz2jSSZeblgdOPw4xfCzDCfq192CNQwHgYwiGf5Ff5xK\nnD6tzfaFLZBODgSby7rFzU1Fu7wFOMYzmVuhQZncmfSuVkQM41jfcrJHrETw\nJtcxFQ4nNpDhT3x+ux4k6js2Axlvr8QRO0ZiQegeFirQe4Tfp3icqwg70Xj4\nMepPZzJCoMOPPGh1txmmNBwYBTPfwoSDCqyHKTLp3Z3/TeU/CNctMIoLA2Dy\nUIqAg66BxSpyP8FT55HHK5/8g/w6e6VzsRcCePZifzkB8hKtMQe1FnKKsepr\nweuAl50ZGMtppmsKGdPvs41qDiUKTt4gH+q1xsIX2rVfts67CM3s5SCEqUI4\nlDBuAQv1TS7OZeojsjU/JFnYwL1vJRxPrGJD8exEjANl+WSF7qSyfrbZkyYH\nRT15\r\n=UVnC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220921590"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220921590"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220921590"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220921590_1641765570729_0.7568934028895506","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231642":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202209231642","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202209231642","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e12cefeafda9ec14658462fec1006f2acb9a21ea","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202209231642.tgz","fileCount":22,"integrity":"sha512-1K45a7ajoV4Vq4K6Opp1oFKa3Ks+BQ4FUAeAxouOBea6l1pPP5I/hchR1Ah0+yew0ptnrpFwo2z8sL8phUT7Kw==","signatures":[{"sig":"MEUCIFiBy9rKEu6rwg31z8mUcvXfRDE+XxTD/1TS//vCACqGAiEA34amBBak4q4buurel3ftfhwpLXOP4JESIGG3lJoWExg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh22z4CRA9TVsSAnZWagAAmiUP/02qTEDOs2C9JbqwcLoD\n3sbOrS/I7ubiNBtTE0CFgzM8eDZ7F1WaMxMkeUuNqvF+Hwv+gWuEJDm2bqYU\ndrAvxuKxdLm4mFmF9S4PT7XvwTq56BiL9tg15qKlNq/kKpZz6QI5le3GrJ1t\nn6rxynDcmZc5bkfqvyF/2erQRo9jx7LYlXmbx7K8zcuk4nueILOe9Wij8j+j\ni3oOtU+cZ0mEL8LR9S8mrAB2NMS5Wi2ExjKZRMpQq8vXHyLfYSY2dLF1MHFd\nKHkVqFw0vE42V13h91Pa/E+13v6sk1iUaPSjJouIhJxykfq0IJLdFkpoDdCj\nzOIufd8EsG8FqaU6qrsYBPav3Ul7RqCEd1WHNN+QuHISTJ8XIsIeq1kUrf3t\nCAfEDKbDy8a5qwGB9CTiwR9UkvROROUnEgGgUTCXyThBLBi7/B1jpMkzpET0\ns1bK+0+9HpocDvpiLfT+5Q/jktITnQr5FFQ0XEM32iDPPrm0u9pVcw3j9DwT\nxhqakZDJJniBYrelf4Nj1TYt3Tnj/ZIUWqrWxiemTFZ1Att/PU8mjgPb1oEP\n+kSr4VV3NQZ9C2FCHKq1KXwfVuJtVIcgCs37D2Eyua1omKW3iCNLRb0tA3jf\nL3Vl1VU+Mztg2VZGcUTkJ7JimdAYkH0oNNVC32goF+PR6v2xLeZwt4Rvj+vG\nZxu/\r\n=7y7s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202209231642"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202209231642"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202209231642"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202209231642_1641770232296_0.43423895118801825","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231818":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202209231818","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202209231818","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9264af0f3aae6c0199a8041f2f8bc3c8f116116b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202209231818.tgz","fileCount":22,"integrity":"sha512-I3twugQwKlEuH/zgV44YoGePhItOkLOcWcjsNXZOjFbd3qK+Cos+jPs/RrzG/jt5mQoO0EYPkA3eJOG7+qM8AA==","signatures":[{"sig":"MEUCIAyX4GNkPrN/U85cPlrkCCbRBewQWQIFS6wPZHE1wNp2AiEA4YCDCnXWo7NOhY7d6NvW323/2Sofdw/i9PJhHnRy+rI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh221cCRA9TVsSAnZWagAAtpwP/iGFd7AeXeAaTuxiqJsd\nwkdBmeR5ojxJBRZXBVFo8WUgzPs2AaNVdZ/JLEGeaXnjiGufgxZ0Ar58Jyvz\nypfguO9QxOG4MVtFFkSglB/SIaBGH3cT8BsyMTvtIyWRD4vKsA2o46LpgMxF\nyp49d5spWbnvoCI8n0KUqBo//EUaYxmjEZyZogEap7jIl2u78+Wf4ah1vSXT\nF9iKCvTgjaIMqgT/ajoE8eDz+Tq5sxUeJvkYpryHoa1INagvLIKIq1S+ukiB\ngXF+T0F9HJdw4WFV++oXExkDVEfkykebX6LAXATQBLF6bgC32t4IaIzzCG8c\n0OHse2ivWPEi7ImFyL/4Ts6zLFzT2zmRjFmjojKPviQo9OatUpGan0dJPcv8\nJ0zO9XpU47CG4t6uD8QZ3uiHp0KXp0Qgc1XMRUnyDB48admoGgop8p00aNUM\nlS8jutid5NOsx4Qy+/78lL3adT2c/xg0peXQ3+n73lL6XmLXUxput5A/5Sa8\nhH8HVAVwALXtUlnBoqPH9bdXrWNu1WlCcmZ0m53caCyJVLuFVyB5AvUbHffZ\nInfkZp+Rxi20mYEeH+O5imlik0quSS/4hqZp5XhpSxi+aUf3q3bM2UOMGqUY\n8/4ouRJaHL2AB1OCLV77dONz6u23/GOgMV0xRCiOwFb/KuOEHv1KwrQ6ovTm\nUclQ\r\n=aACb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202209231818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202209231818"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202209231818"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202209231818_1641770331950_0.5003789309417568","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231927":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202209231927","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202209231927","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"311508e469ac9943c4fbdfa2d8f0310700b0fa94","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202209231927.tgz","fileCount":22,"integrity":"sha512-IJvZpxKuG9bEK4XwFDHx16vffiGNW0zWOlEMuEZd8LOPAj7HcDVikMko7cFHtKk5cL+75wXTFlt4u2ML1UavHw==","signatures":[{"sig":"MEUCIQD4G8yvYc2E3G5r1k1DdTUUWd++m8VFinppECsYJGfaOgIgXOQpZdPLWF4VhWmanZdGjWrVH7Qk1lv8FYxg4SCYrck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh222kCRA9TVsSAnZWagAAKVAP/izSqVrD1NzAwtQFQH1U\nj6dl5oyamyYMDcSjfwVOM1BvQogM/Wa4jgjnN2ZnSUjm6VTCpTdPJOuEDBB+\nKc+Ycti3UjbI9Pq3bL/fzjPfcW5rj7/H8ExSEQhw39xslz9sTP6YpgPCbGJN\nZAExOCA8NvMJB8nzxqlGE1XeMXOLoQb7t60UnOhiWEOwFozvRyZ9+jh/j3h7\n5M5I2jBsDYvbe4w2E65HfE0nMLPyISZo50XpmDBbL8RDJ/4Ezu5smN18cbtT\nbMivcXrHbmfWLfBkBlj+hbHIcK68X3H98+QgyYNFhPDM7wZXUPq+0afQ2soy\nFfjm7lAAxTNb4wKeTYDs7QPDirLN50IYGPN4FiWyVXQqEQ+zkqv89SxoZ7PU\n3jNC55LxToSedNQ8iYf58UYj7uBfVwKinhYgfzpg9GNgCHW/uFlA8h+iv9gR\nHsJZFeLz4Q5/xD/notN9HNaowq0LGoJ0ALluu9g53AM94uurymuqbXd8E1Tv\n1gy4cLK4BNkh6104Ehp5KmYDFfJNAC6ItkhvxXDeplT+oMPopGVH+5ZU0QRo\n1prqZkkdTtQeRSau6IR53uZ/7MdY1eqJoImg/jGln9Sy6NQ7t0ITFZoKKo22\n9VJVRk8ZEPwF5pMoRrJg4H+At9GZxgHguZmUqbI2kVOGl2U8V4o/+eCagNf0\nd4f6\r\n=HWdh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202209231927"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202209231927"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202209231927"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202209231927_1641770404689_0.36216891168960963","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022010134944":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022010134944","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022010134944","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"038df44af7339b9d87cd086ed1d12334129497fd","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022010134944.tgz","fileCount":22,"integrity":"sha512-g18DKslx04ZS77vWfdmEtxE4bV2sQ0/cLgYyTIUiItTdnTKHlCeftakmlgwS5uFKB3zZZfXBjHnGjTIgY8KSww==","signatures":[{"sig":"MEQCIDnJ5asjhheOazkr/B4mL0qR3Ve2hUl7EattoFRxnvh7AiBDwij8Ij2Dj+d99mcitTbjhS1AznVXclhQnQWc2k23bg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DmUCRA9TVsSAnZWagAAZsAP/1WVjO8wKAl7onIAeNZ2\nB8vzVwWbqaEKCgOLeeVKeyyCgWKTvjyZW6YM4q9ITXExbjDb/Fhbh9SX9qcX\n1xVd6HXJfP7CYbjMUNudn/iMh23uTkZDX7OztNVzsSfpKPFO+s+NWh6UcFIq\ndlqGEzC7fBoL1Akr9RjkxejGxTxMzHCki9zJVkPZDSgTTAZM0MZ3RtlKf4Lt\nVfkng5vEbaxgGkFim7oFEJCROJECQVY3L/ZgU1MxVn9ayHdmcYpPjpBlxxEL\nJil0ptelW6A6L4sXK92Ok3H/RkwMwEp5qTW90c0EijFpS2UiOP5pbEF3PVTH\nupx9mDrZe4RTGlmixwH/9JC5THZNesrvlzWdP2tW/jFT63kjC9DPZmSAE5yh\nhAgLykXRWrrZMeQuBGdMES9RUdzTi9KG5TsQIPuvGiHXq7Oj13F54tl1fJSq\nwfmc+OYvPItXSjKBlk+bRh0Mco/kwNlZXDsCntEVl5oSVgEMRgjG4Rj4y2UA\n+bnNMEollrJHCjaFgig/XumTyYNTSOkl5pU+BegfCjhF0V+A4m8M+Wju+8Nb\nMmmj44emzCbUUd3iFwKVG2srk75qAwvTgkh3jjybTw8Y2rwl6dIE88LxDQt2\neWxQzQ1/xH2gRqv+m0QoyofHkz/pKCguh6+z87zjtqOA7YtkUDN2pmyAB9Q1\nIvn5\r\n=+qb/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022010134944"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022010134944"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022010134944"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022010134944_1641822612430_0.8394023160269983","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201013510":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202201013510","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202201013510","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fb71ea9423c8bddc4068797fbb6b57f5634f26a7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202201013510.tgz","fileCount":22,"integrity":"sha512-1z1FDv0ZAYPnbKJcc58xcULeFHpI8dUvcu+Br1bfqYd51vCTJtXLkPJBSyXEji+/JFdPKKQP5mhHzLGA85KhFw==","signatures":[{"sig":"MEUCIQCRqNE8xHdMiQCZlUbfxpPrTCF24V/B67a4IN3nNPRyvgIgEWJl/wiv6ONDA1LNEAnf34r4VmVZEbMHd3paVsXe2IE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DnjCRA9TVsSAnZWagAAq08QAKCSdvC5eKKU65RylOXw\npdSvErxxas3jWsa0L+8HBgxj7P1rQmelNoQf99L7KnFxgzlw+afS47m3kXj0\nt9vpXaLAZEr2rhzsedd2A02l8s3Pe/QRpQCooS07Br5fOyjLod512LI1pQ9n\nD1/DIlHpUMlt27UW2alyCJpH/tnNwTaChpF45NyHSjXLGw9fhFCw7rZaTXxs\nhjbsE+YEvRGPWUWoMuGEolkrn/eiPf8v88A+soVCpwgjBEdkBybvHMBdDX6+\n4QEv5PaQwbUAxJfiFsGqqWsk4X40IJ0t+uZPLSg5SS0q+qU0EUHScqq6OgS0\nKA+Wm3Sl6eSr7vye/8tDV/hIBrfjgNR/BNurlEv5mRQNJ6dS7OBIX0qHLAwf\ngoOf6GW50rK5ODCMeUZg009VX/Ul4RdDqzNnpNFiSvTDbLRc2CMSWxszXVRV\na1tW6n0VBXOqw3xiG5x+eY6EJ5aJ5tAWJ0AN/ce1PxGPxnT4VDjUIGY/Gm/i\nwcfW6gv+biBf+62PR8LdchjXEY6qAu1Ehv3naUP0Z9nDF6/B5bXrvgyNLm3p\n6ZY+3AkS7kStFHtZkm/T5P6CE84QjV0b6XjUSR238i3HyGCenqGjeI3Rh9D1\nPaPi7OzRslDDoQRiB0ZWs/0CGaSkdiJQLK7xh22MRnRHs010Vj6e2vq0a4Hw\nllgL\r\n=kCT2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202201013510"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202201013510"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202201013510"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202201013510_1641822691236_0.7544588070921108","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201013538":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202201013538","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202201013538","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5f4b1ce58d6987e61eaea94691be3cd3d3789770","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202201013538.tgz","fileCount":22,"integrity":"sha512-fsYw9IN3tV+IBMg498+dcrHdRlQ1SNo/s1KxxmxMmKgB0ClP4OhbTgoyWuLQaZWcSrvygUzYMORsXl1sLaIVrQ==","signatures":[{"sig":"MEYCIQCymzeHwozIg2Z3grnMtVsPP8vNGevTBQcl8qm4z1ZT1AIhAMubPxTrdq/qFxzP2EOOiXMMyf+nHWdCsQzLgxV14UtW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DpiCRA9TVsSAnZWagAAs5UP/A0BOz6Bbalr/4DMTany\n04EP3RQ3p8ESdYcFxTXmn1E6SpMZj0quCx6fhu0anWlkPrQZ35+1xt1W6WQ4\nP03lxhLaInGCt7Lm3PyZv/9Oa5iiodh+D9CBt91Rrcr8m9fK4xZIUkzwMIU9\nvu15JE3mQILOFDZRqrPNjnMe8hLUi2RvCiXNznmQfLcCbWNGHtwivGOQwMN+\nfOrnGbUzu4urNBuPmHxflMnG74gV3jkzvx4/4X3CbAqR7Ao0VAwAw4fVP4Jy\nr9YEN/xa7FVSU7Fl3QiUOF/MtITQitJzrzTAQ+GT65IpFYoSDiM2bkwbQg8l\ntDKVRaFbdxPme8UJkGPZzRlwLCd12jVJ3RrOWFCtVtptDq3w1lF3kxYiKW7e\nJeSqJ7wxlLk46NG12h8lBHW5ISpPhw6plFzSF+2iBu379UFww1x/CZpRtqX3\n7z90lV+kb/vJLYmesjVBT+7hlhkmWWAmn/ul4inPsllQ1bPvpv1ZMAii7xVp\nL9txN4DMTem0qjnm6HIchPppQa6LYEaXu6BkgyvEbga1G7JzLH/qDYn2VNvC\nE0B8ttPPPGI09isGgUvEwT18+teoPjK7Eo+ahPdow1KAF33d021ZyZmwNlYu\nD+fayGyRclWjxNlTKMTPwjaqtvAr0uvKsmHCI6YR/GToLN5CMDl3z8CmMAAy\nQNn6\r\n=wNOI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e1907581faf50b92f840816c8ff7eac72e06cad0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202201013538"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202201013538"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202201013538"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202201013538_1641822818433_0.8391442376926381","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201117413":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202201117413","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202201117413","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"eee61e684da603043873e9a8e10cdef3b993c861","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202201117413.tgz","fileCount":22,"integrity":"sha512-9vJv3EehYZH6xvXxjrRywLabsTVoQZeXlYwbvuvSb28jxpDrZc44qYfmXB0gdaVyEK9TdqZZsqM7v1iVBjyAhA==","signatures":[{"sig":"MEUCIQDf5H6xDLf0nmHZzOtIOiRUrJ0phCOMDW8kBP1hLF1UuAIgB7KMIRT1Wne4l/l9BtumeG8ixqK19nSgn0qwz3TG1II=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cFLCRA9TVsSAnZWagAAyKMP/RbdRWaHGM1eUp+QeB6B\nt1Hc3X1UWLxMmEnNqi4JvFvSdodedyFwDtiBufjE5AhsBBRYkMMSHRHQXBHj\najD33Lm1ZjFTxW2OXWIZ36zpu4O/5hQPiSasjqEp0y2ij58OV2Oru9rNkn34\ngpnfnByZ5lWh+3IgfL/EtuGEXySJVQQUuKRhiz2dsO4RAHacR2H4AKOE9VYi\n1x3b9PqPvB9vplQj3iP2GT9HwuXQZLGjNoxadbYaFAWwF3YMuXYKcJeIW0S5\ntHhIotiNfx0pTFZhVjr23Z5I8WR7i2zwGYug0Sg73RlIc2S870Av8gIM2FPA\nro+NXR+U/x9rBrQZKps2hYrbA8GlbXpc9xbCWCmYZnOhD2xU+Z3km9xFYoni\nDhAw0axLjRi/SpskMbB4Ck2tkeSugCaIT17CA3h4FmiS4wEM2HwKrjv1dcma\n7pgQyMULx6MG+UAWB/1WALDY/Ff3PcxWc8bAsLnmvRVly6kmrK00hTqIkcuu\nhRjFpnLCOrL+zcEvvC+xW8HU1f4bKRu1rgtGlpDzTK3bvyyGdGQo9IVCfkYN\nS05B1HfSioT+3/ln0Q+Jn83r3VMxxJhVQ7EbGzUjLqTTwLCIDma8X0uDhEX6\nRNUHoqS5U1m/wIzta8wFdkMoneisyMBHEEnB02D3kY/M2QiSkEYdOMkwKhgP\n2qEv\r\n=97hQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"472612e7aea64de64c6744365f7d5c6a97bcc438","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202201117413"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202201117413"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202201117413"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202201117413_1641922891524_0.07586260436371695","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011175644":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022011175644","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022011175644","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ffeef5e93cb626876518a1571b0c5e962852dcc6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022011175644.tgz","fileCount":22,"integrity":"sha512-VQQNZi7tv+z59gThkKw1JvM976aZHhydcFMahDHu2j5Nb050trnTc5dTLJHZgf4RbtKfGfoL1I0kKXAaDIoGdg==","signatures":[{"sig":"MEQCIHJ3guj62UhF7kzNPtwBlmM8FzBw+78bfT3OuHyU+9JOAiBMXu32HDMm5ROQpuFIP8DaUpdnvhZEqBT5rzWaW/GovA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cT9CRA9TVsSAnZWagAATDAP/RPDQZNcDaiCsENcQ+lQ\nCMUv4DsGNS5gRz+e5qHVSselFOoRnfFWs8gi7MbV1rHdB0IsPVVCwNOgJzf3\n6+RARnjc3BuOjcDJSbYAv8yE7BoICAbHcBPUwyJ/970GCo1hy61fDJGST0Uq\niQKg41+FfV0g9I9g3qiFUnFi1j8bJHBudlVnzRvV2vnkTGWlBTpW7hd41gzG\nTJ0OCLLwPP4Lf9iuLry/guM8ONm8xdTjtKUq6fDjKjCiFmUZnIK1RtL1h8CE\nuSo9SpNRW3TkkDNbsFEBBg3XHlncv+fqmAucPdBR70yr210k3/Z/z66znH9t\nkZIKAcueSW4aTD2KQKShe5gipl1Qn2wI2LNFXGGGt+UQX5VlvsX8//FsTNGB\ndrqU+u44qgoqp4+SmSOC5MeR+HFjO6ahMOeV1hGZGbPwD+Xsh4ppqEx7FM4k\nbG0bq5gDVEosXOXiOlirQCDf/Yspd+8h9o27E+aV7KtNSqTJ4yW9VerGhMjh\nnjVDfMEMxNJoXrJ/0n9lCa0f0mQHPV4Y4vvl/fwJicMks0CkfGgx8Wm5zv1U\nJHvKTznO+vuzLQEfuB6orXoLyQshpEz6FMU5KtCP1cI8ITpAXfRKmnRkjgsQ\nMYUhvgK3birX+I7ffx1seR3lqSx7e+qS4TAgIzLGjhkNr1InCW4xqSaT+ExE\n7BPO\r\n=wxcB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022011175644"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022011175644"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022011175644"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022011175644_1641923837672_0.25591751531614215","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011182024":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022011182024","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022011182024","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1b583bd7e1b6b0610e3b32ad6b76b88ea23e88c3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022011182024.tgz","fileCount":22,"integrity":"sha512-2tdDS07BtZQdMPlRNGsJshUMWYMcyL3IHFtgflAHdxlJBqZ2ZSPszfPsbAHcvaBrrNY7t4qdd3ITZWktP2iWfA==","signatures":[{"sig":"MEQCIAJe4/aFmIN/FcQAWBEN4meC+zmxPG7YJ71dLZsWLnHWAiAYGS6F0C6sHgWrOU0iHyTrcmESTraB3BKfievGAYwdJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cqNCRA9TVsSAnZWagAAmRkP/04KU06T07OML5wf1+lG\ntvfFC9OHB8EYjdh4QZYizRqSCaNn2EU4Xre9ZQHGUQS+bm9C4nPXcL91MMTQ\n8HRejCifJxm6afwUer7AN+lSrxhR3A+8yS4b0tyHMWMUSgS2A4ng1gNxHqSi\nj0uVvvUlo35W97fSTes/I4z3RKRPP+rpNJUWJ0F7/V+RZ+d59ar8kwjodTcl\nzl0ZZDUjNoSTxt2z7jnGuPEHHTVmubLp7RpIbuvxD0qOPtLpu8SFDrgXNvW9\nJWHXM1Rzlun+nlT3G+tjUzSMeQI6PmTL37jhX2YxqzM/us2iCDfbtZnScNzD\nhehk+UOyeLt4s6g97wYytk64q0gAdpi3D53B+rk0Coq9FF0rPgpvsDWeqvuG\nMFIP39bLuBPPxc2XCp0FgsRJc6MUR4booO8S7bawbILOw0wC1V7eu2g9hL4C\nlsiEbu+2QWXal/xzjnE1r/PadYU92hUWMuRstPw42c/uAN9VXrH6Hq86laYk\nmuDXuw4Jlj/9TJKRjX+1ClMhIh1lksyk/wfMv6/psNGqGEAQEiAqn6V7cXVf\nJUU76HTyhZDulgktNwbVgzpHlsC9EoSfjUrUegTDxKFgQVn2UhT5JFrABN7A\nIYRj7CZgj7nrF8n+MMNQMbSg5oL7zH+HIZAM/K4nhdaPJ4NMZHT9UDUSN4gz\nklQy\r\n=sXhj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022011182024"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022011182024"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022011182024"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022011182024_1641925260897_0.32436992318060387","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013185957":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022013185957","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022013185957","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"291761b64b0f70f194616d1e958a789bc25828c6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022013185957.tgz","fileCount":22,"integrity":"sha512-tv2rQL6Hh2FVkirEcB6lTsX1EQ40c0pI/Y0VXNpXHSSRXA3JbtMJZd3k3kGpSy8FJwujLjRqgNNTG/0sE/F22w==","signatures":[{"sig":"MEUCIQDByc8m6DEiJw7dhA7GeKHVmvI++PI+2ZmMZEHRrEHzpQIgGNAIXdwa3VVgCTdJ9IHzNKO7Sy97CHf0QEm64gqnuNY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbNCRA9TVsSAnZWagAAwJoP/2tEv+cu14cRxoPyNzXJ\nfgLvY8H4+POmtfRi0Y3NuGtA7xoJH5dQYlHGxYEmqktvdKYZ3GBbWIkB/uPS\n/69JOu1OjLG0zLkZ1F8b5eKpGHx7cBKSOBNw5gw/OV4ZFCt1YPuGF49ObfDB\nXNaonZ/zJf8xBFUZIfcm0faQDnJ5WmzhtMne91BMjsyvwIkKGZ5GALzyhtDY\n7c6kA/bnokKbvaxKRAbviWLICRYNWwtMx1g89Ru1SWSoJJh6i3Wz5uaOy+I8\n31aYmoFL38MBRjSgea00t859vTkJlh8f+2UFpPobN4zi/69I+2TCl369VD17\nAA/Tz6JmTbN1tDAzphWntNdKYvf4lPz4nw9N5i5A1HkCtF+8fXiykS9wg8xr\nT4psKSad5Axnxv83/K2DVrpQc6klufo2ZmTw2KgzxBci1m1QEc9rTG0Qv/cv\nm8mvRxsdeO/B4AG+XWueCg7CysRj7u39ige6tuCA4BrcdNqPqIV//OeM9K5T\n65W4iREOOx7l3I1wDfQgnhQSFco7AYqIfN4r0Y0TpAk3yKo6yhiqjUXi6a94\nhaUtqovR29dal3/pv9eod8HRKnDS3D8pBm65tHuvK4DrYLnLdNMLBNwtJ5cu\nuyqObBSzHWVzSqcEbL6J31j1lG0+HEo+micFLsvYrCZvyfTLH2clrp+8r9pR\nA6cx\r\n=+CbF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022013185957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022013185957"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022013185957"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022013185957_1642100429483_0.9804196017658093","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319022":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202201319022","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202201319022","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a58dc034ff530b851f3e3f638e061ddca8478973","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202201319022.tgz","fileCount":22,"integrity":"sha512-4xWuqLs6TujCL8V7BCK5F2NofF9cnobb/rKQx8rj2maRJZ4FA7WqbfOmESeK643O8drg7eTYfr7wVAdn2OtaYA==","signatures":[{"sig":"MEYCIQDmgCL0h8TF+AD4oST2NvJC8S2UV1UK0ONzKXj2p+4CRgIhAJmjmab+i+nE7sP/OD2/qOvfzenjO/vJ6QjeiY8h5Oyc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbnCRA9TVsSAnZWagAA9KMQAIDYQuiCHpBXHzwRs4LH\nTXDaelRJiP9vkoL7IkEJ6jTXTwg4WsLP9w6HecmtDr0wbbphgfNdrVKWTyfT\ncoo/TxTfEXHMqqsE67zbz1+Cfuiretbd9FecBAI6EWQ+sJzo3eyz91VP/Qvb\nqlYt7Ip3WzepEZdzciiUmujWnweNwBFjvxI824EdMGqNa3IOoRi+9EfdikZ/\nISb0gDBt3IyZeHIhpIj40oNmx5kOVb3UbGexTD5UbYTzO1f3jH1UNdh7apgE\nknZYDVYvy64nLFJjDPbvt4blC9bTl1pxlkgZXMVA7yUM6UX+H2RicnYub+O9\nSZKYLIe/R0MAVQuUDZ5rijq7VQL4bRQHaNwqMb40kyKBZZAEwpqEupLAU78s\nOugbOyHg7x3c8mzh9LfHSWwQzpyKvxpM1hOib3WKD8c2w/hGXDusfLvlg+pN\nCwUa/CDphrQGC1biSc4kUriqTuQWzAzzuGavA5leY3srD1HEviKtrpPIPgUv\nFHw7+cL7oJqEdelNe4H/ObwupTNL/9gTfxEpkAm+qVygIEaI3xkkIzp+bXEp\nJiSFJ6VGWvsZKAj/5qnusYTmA5n+xMKmE+Vi8/GlCJ1pf7QZ/eT4nQ4xQUeT\nxAe1Tr/zsXzLuMG4dnzGrYWlvBKwVb71RvhbFQnK3dGukWB1+41HVrdyAH9W\nrbCv\r\n=aDL1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202201319022"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202201319022"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202201319022"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202201319022_1642100455808_0.9164074517559537","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201319130":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202201319130","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202201319130","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"890a07a7bfc10d2f45f5ec1a4a519dd1e127cb02","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202201319130.tgz","fileCount":22,"integrity":"sha512-Wdoa4nTP0/A3bFS+gFbtbnGD/y04Tj8QlLLXM61wh8KZxcHJ63xUcCWdGhmqgvEFs1KmOWGxmWSvBNvn1/hB/Q==","signatures":[{"sig":"MEUCIBcxs3N1O1CVvJguzkdXbkhul0X5xv5zR2gEuCD3K3SPAiEAjCCAiUUEz4iBHxf4Zb6R2HHyqqp+PLWdrPLP6Y9yPwQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HcpCRA9TVsSAnZWagAAUiIP/RL/T7f93N6CfNki+ANb\naL8Br7nYZonXjtTYxW9jXSwhnPSpQNo6SiAb0kzCf5mesjo0yo1VGa9C/zMo\n30ifrJBTL2uNqSBfbzinbxUPBmDoKjB3MJDor6cRM0lRbE4k8rD4UTa8jjGj\n5czYK9HbsBt9evPjrAvsMoUCPX97fIF4IOyoG7PYozsmeNFW34jvU4WzQRtk\nNYRrsOgcQlM49KFRjaRYLMPHRB1PIWK/gmmLVc6ElydmyUhzflDOGZXOJz2z\nvMGbZuQ+PKZ7tiykomnUSWrR5OfA91Rn/TICCE3hXcnuPDQ+L7Gy8GbS7Z+L\nll+yeFpU0bobLWT6CU1d1eAuh9qeQq3xzfbf7aGs4F5mVXo8RhMkWCj5UZj/\nol4mGlbbmp/jPVOt8STTEWcDbk2ji4qXb3HmCtXkTXJtawKmolHKR00Dm2NG\nCWU15Kdp4MXN98+Zh2kw0LL7qfD6emUhCoFpj8MgpZuS7503Uu3LcbEqH39C\n2qjBx2rQLuTBEvVcxFWoiQ08RC4mb7acwBSqY8DiyjWOPXl2GMokTLHAZuld\nh/Y7gyMUV+XzQePNRlyaEi/KkvGdtvOuEdUrkl0lN96pjGfsmVGetVaRBnpn\nOll/bfeR23G0kUNnIziHvsm8bJX5O9nD7zNRZrHT8nRAUOwS5slJ868+8ee9\ncclU\r\n=+Q43\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202201319130"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202201319130"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202201319130"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202201319130_1642100520952_0.8772421863664999","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319211":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202201319211","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202201319211","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"63b07ef4fb3a69a11d866b1a44dd1e6f254d0ad3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202201319211.tgz","fileCount":22,"integrity":"sha512-+B/jJZXe8zCpAPZfP/4ey8cruyK2L190BG9tyVQ5BBgRxQZpxFiSSOLI1F11j7CPI4ZHYDDybG5736N6G/IjMw==","signatures":[{"sig":"MEUCIGaTo0PQXTi9QjVIDCorUsl3LWOCCeDlXHHwWqwpQ+/MAiEAxHuidt9ZTvhUtS8KRtziKOa6mrWE9l0UldtttvYrObI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HdaCRA9TVsSAnZWagAAGgYP/2hpiAxJekwQCkA/7Sbu\nvTLoOyMRG+u3SIol8yqNSnkznCUY5Lz8VQIhULtQPaB0gfxHlheEhIocIOS1\nbVncjV+NAf3qmLwuRf3pGVV/vDpzLs/CBglmQ8qqaQOqo6FDpDcQj7rjAFvN\nvusFgw553SS+zNyNmlz95IFTvBxZvdctcKw40M2ebM6Tjbv7AD8wYeX9EVBj\nM2V13l/5BYQZN3ryCTYHQYH22qRuvfEEnDuJvg7ItJXikthd8KyToOajQUSD\nQ4XBW3Q9KJdoVRlwOU2FT4W8o+CpcHIZ/AnGnMGV5rvIavk7GwwU/azdMHEb\nHY5oj/IDK2eUmG/kfArKA8siSflyN32i0VAWik7Pl4Lt/BI7UsV5aXvk+p5D\nrmwSeHxdr17gJ+FXEmksWtop65TlU8GeHvXZO2Gpq6uNpP/dEGAT3+YryTU1\nSYTC9zPprInDjEAwqLjZmH5ArAjX5b/ffZrMAAaWha/i2uZwQuG+suLiA7Wf\nI92eQtWJpl2bCzphKdvy3zpZfG8bbSPkfIiX7Qa4r0NqhsF6TOkWYHQ6Fw3t\nDm+eNnAOIHvuZaoUv1NgIL89tBgCCL/1BSJ4b6mwKutFiStkxZa37qyvSeFe\nb11HeT3qvnSNvy7aNld+CG00Nkn9V8boRqiSaTrniFSoZjfC0BaJedHf1FS+\nKj8t\r\n=mi59\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202201319211"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202201319211"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202201319211"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202201319211_1642100570046_0.7031687970881355","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191557":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022013191557","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022013191557","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3dc2b6e7b13a00b59ebd85762ec0d461a6f56805","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022013191557.tgz","fileCount":22,"integrity":"sha512-v6ZH7ilMc26MtmjdnCXeuBud4Yc9iH+yVD2q9J+kQiboDJNcbEzuLrvtw/Ivxn1aPirDSOkAsYw1E4rrok2Ryg==","signatures":[{"sig":"MEQCID/X/7EVWCNYXp97Q3T2qFp3B0SNopSn9sK8qpQqdULdAiBDbg7zhVzMOD8kUZ+06FjhZ30XGWbRVjVGzcMPpxIivA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqKCRA9TVsSAnZWagAAPk8QAIdkRJfW74y4qb5Pe1V6\nxcZndAD8DTW8Nkvtl8cCYRkN5r02fjcvoLIoVwz0VFAMWPRZjhrxbdk8zgLX\nQw9Z0Rm398+X0/DUaU4Ss2TwE1HZjhQtPVuaJJWUUULJlubkEVDpX71V/vB7\nU7fxq0bQiX/P+BLvoGYYKLPEkK0E8zjEoF0Rih4+F+xGZPQ5uzxfywCCmwn1\nd0r3ncQfj6yL8I67Fh6d7RUepTrvJrygwcsMiFOYdTVCdntL7xr5tIneAQiD\naSuW2bt8Jzn+PXeXnKHwRy20S17S0C74D9jOCfPug7qj8nHjIZo5c07HeFmo\nfT080jpQ9be1n7gvG+Ty5noFvmnlLB3pZ8GOxXs9U8ByttqlfBqCCUFGqj28\nb39uW65gfsrXnMn5jVuXQkUk1SozC29dPFqHtXOr6z2JJRavMUYHoeuKoMRv\nrFWzlcd3KJPkFqus0Hekaqx+9p9yLvwa62JRUuQw7raUoHPLfr9sdJ1t1Zpy\nMoBo9QyP7ql2C7/5H8v0LzTAOFNaoKcE2g+l6i7RRRGdh3lbEFhG2GuQ+mYc\nQMbDXPyTZYISMDZ4BvRdJjxpnhh78+h59RC/V2OKTNN/pIoIK/IA0gE8FrH4\nPmoG6HcKOWsxvCQ/UYPoPAGui3PX/tW/tLKmVI0VBnhG2crqjNivs1f/dSjX\n3kgm\r\n=2/oE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a6219c93bfc679948c240931a962dbbf1275d0e2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022013191557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022013191557"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022013191557"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022013191557_1642101385820_0.013524131194809774","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191627":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022013191627","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022013191627","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3d4e4877c023622250feb5a411ec0bcc3c09a398","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022013191627.tgz","fileCount":22,"integrity":"sha512-S5CEdXAVuB+GNRBnHltTJE0mmYinXnWKeLDlSM1ep8L7YA2I//anPK7xyRFvQ1W8Q6/JHlgqf7f3pYszZg1siQ==","signatures":[{"sig":"MEQCIFS6Cy2r+b0bL5xPCHFgR6hRGvy3egEFfvb4Z1ln4yy5AiA7MQUjtt5v6eJadmx8rMrv8/5qrmoGzGYuAH79ztN1OA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqnCRA9TVsSAnZWagAA+XQQAIr8X0KWqmPsOdjZ4O7j\nRyCLHxde+/HrkC83Nl41LxYr/tGMH2i3wsFXBbdnkfBysCzA1P2oxMeEp0sX\nPYxMzC2mkx7+3fxo8EG96unaCqjXZfrdZjqFI2CxSUWtIrueKGsaGGC1+2E+\n4omD4vcFlkhVZrpPHtrLhcKlZdi5MYWhUGwfWtWceYYF1FDF7ELwFFdW8zJz\nRZzturrTKwJKaHKxYiVCsO5d2jzZqsO5AiOKjAjMBkRdFTnvsMjkJfap3r+l\nVMtfupglw4nmxLvB/wDgyNz7R41ey+xlx57HEobr1Uci+Tj9gRq7x8gC1W3n\n7rTSA2Y0JfWyAHB+LQOO6Pa54rKGl9xPnO23VtKZwYLpizFef9A0WrV7o/31\n2qwwZVwZWNbEAoVWUdB93d4K/r3AG/GU8wxYDY3wumchuddq4/XOvIHa+LN0\ndc2MkDR0Wpb8eJSEmjr24QeLjJTjfA+kb0L41WVSbYtVVjBZMEpVOjKeDBNd\nROiI3e4FjzvMVvqRdGeMs7ckoWsSRvkwlxR7SBuha0i2ZVoLfqIv1wWsU+i7\nqwbknglVVPsUwt/rlIKP+TVWT0KDvvIRZkij7gdBmyKe2JPCDgNbwKmlw5CD\nOYbTkl7bNNP2LxUxp8E2A6kJG2lVWrh5xPyIrSwiXXLiXr16wgfS4oGAEgJg\nVA40\r\n=xCbf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"35cd42c5e934d20b58adfe0a2e856716b73892c6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022013191627"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022013191627"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022013191627"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022013191627_1642101415648_0.7404253522073441","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191632":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022013191632","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022013191632","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"496cc1eb56e427467e3697123958d42e24048d75","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022013191632.tgz","fileCount":22,"integrity":"sha512-N0n7BxsgG1i2BWHQIhGbqVnMAUERNU/K56rEhP81Mzve29Bf1h6hAWqpub890cQWe8oa5Uj1Tv1pPIKZTRh5Ew==","signatures":[{"sig":"MEUCIBN5i8TG5yoiR23MwcyHGPjObjKGv5M+sW8QCNyKYoSMAiEA8oPZPYpUdyZkEW5lpJa4+KLmyHqSjtbLZW8AvgConbo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqyCRA9TVsSAnZWagAANhQP/3BIBdTesdF9bn/U+9VA\ntBXvfaDOrCg9YC+i+YMxs7Xj8w0U9C/MxKk24Sb5W8uH+B6751voK7czkE1c\n1i0+N043AWoA9sUw+KTJ31/Gj7ZEmZIvYRWqSPEFrqNyVDjBfKtOvoFiMLMi\nJ+BeL0yFwmnEzwudjZmG5jngOg+zFQp+gNmJ4iNDTwTnCM3DebmNtRmurCD7\neS6YDbzC78gcg6ocTAfoqcvjNfOqfgbe/IhcDo7lHnOwCzY4OOc8vb9Tq8le\ntjLqaC4H/irAbbJSanj1mo+DbU4EQliVKphpLHgolEVMeDjsr3Ihpg4nmiW0\nQ2bBdNEoCF6Qc8kQMIG/8Vl3tUnehYawW5NuUFJKVk1M7axZbJxAdfgSasvl\nqoNAI+qpgIOhpM69I01UekGCiPOcn4CEvdyoagYrQAuVJclG7KlNCCEEhkiD\nQn0a1641mu5G1DP2tFZWG6aIZzPH+5ZIX3kWzd4X5Hng7JOIVPd37BiArBNH\ndjyGJj+m9/9M0OcxL8ssDkhCUrHhkmVO5s73yy1Fs/pt25DKU61zLwj4wJHb\nV07GaXGzkmf90sHa6iqGPGWJ0FNPXEgUMtL07EJLXAmdI+X2NQPN5jUilGYt\nlQPN/eP++u6vDe0FrhVmBpwv1achM36BlfWhJgF4+5NOY9TWsh//2ts4ngK7\nU+7U\r\n=nG1+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d9ade3b2b8c64e5194f2678429235ebf023608f7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022013191632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022013191632"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022013191632"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022013191632_1642101426408_0.7312116670417512","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191659":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022013191659","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022013191659","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4fab92cb5791cf64babbab9e992e7e88dd4b04da","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022013191659.tgz","fileCount":22,"integrity":"sha512-RJaaKWTh8vu/yswyZLDt1/GuYX+rPluncHfP2hYvBRWK+X/y59QDUKqbaMOGpNCkdZMOL8Ej/WtNNZXE8Pcs1A==","signatures":[{"sig":"MEUCIQCupwxTQb/0JfZGmZBT7r69gzGNDbUc0SQKQlfFw90tMQIgT5Eee/ODbt3og7kfYAeXbVZ3cvgMejT0oPerb/O3NIk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrOCRA9TVsSAnZWagAAo68P/jS2SCuJG0FxweRxosEy\nfD6CptakLZjbyNdhocZFKbblPi6ZpdhEaiC11JuvPIUUmGOIB205dPQBXzVJ\nb+d//Z/oyWvE7Lj7mci4HrPORzuWjTyzWjpVYv1KvR+J+Egkt6YNVj8iF3Ru\nt1rxFrP6CukeqlQA1AQS4ovyqU/3y7wmwlGRs0S9B2e1ElnZpQdZ1ZSddv+1\nhO38fqkDan1BUdFhBeatOfPvGb6af/ngHoz8+UvWhzVjMwanQg+3w3hyfrrU\n7TxoDqjwq3Sr8y9JBeZ/B3Wuz5TGOXiaxZT3Da+nNGAbJzR6s1TJwHcZCbl0\npQE6el5qp1gvz4BAuafCmPahRXlS1p4KMm9sbVhUyRs3v32xSPXN+88sBunR\na4aBMsfuparFrbZWChRqM+kYDGciOT81TPRrn/RCNS0yXIJD+HszVK9aZF/Q\neUCwQPX37DXQrC0o8WzGtkj0Q5DN48jRQlDfvg5bXwghHfLiPu30SFvYtVJC\nM2K7jpi2evi9sThuDKbr1xp90HV9ivC1ry3YkYBcUyFH1PUtXACfJ0AJr4cy\ncQQ7oDAicaJ+ZCpgiuWs+7HHDhRql/MH9bjXP91Whn2F6E85LEp02CmZirNV\nU9bcZoUtf88Zole2cOwyZs2rkdyMXfspAuoLs+xgvjKIClUqFFqEAsjAPrO3\nA+YS\r\n=xDMT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7c48a61f8c08cbad295a35be6075bfd36a403f6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022013191659"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022013191659"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022013191659"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022013191659_1642101453921_0.36348352382765037","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022013192043","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022013192043","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"04b0b35696e90fe5257f28144ccab2add29f1048","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022013192043.tgz","fileCount":22,"integrity":"sha512-4y9rUVBuyBsJR7y4Ph/46TsVaLz/kxDndWmTfh+IFtc8QJuxW/z6UBdhxzcsI6OYzKLR401NvSlwK5F+7M5PtA==","signatures":[{"sig":"MEYCIQCyq15Z48cpuD0osEUtsjbfqVDTgtRnL6o7S27n3IlApQIhALfEQ8eldnvJKZ8XPSiEeSBnF/jkNAKn9kOGOelu65FP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4Hu2CRA9TVsSAnZWagAAjW4QAKTi7M5yenMsuQDTJ4VG\noOoAa798sUAsCaICtZdCRnnH1sEkdHZz9FiuXg22+Gyb7SkqtZ7DGVk5YmYB\n+gYDo/oEL2i1/IdBISodFMYJJbA0DqcgtiayI8iMbdnOH/nhIKykuaeMRYlj\n1cibKe75j1eTyqeK1zHIj9qWhahEQh+MjLXellU+03HJDCeFifTIy4Ttwayf\nbmPCG59ZsdIMkRVrDPyU1lGAP2CGfEgGeNdZpP4d71r2y0+lyKyoLtMsdJ3M\nbIMO7cOqOneSgkLtjozDGOb275w17L3WBqWO69BC7xRqlXR2ZI00TORQgTGN\nO2Z38zNdQNEm+CvUca9mcYLsdlJNY2pNUQ1fZfXGOiO4o0Ohg2irD6tINesK\nIto4fYanAzTY78IhuaXHGrlUIyia3hwgA+POybcQMftTt0cap9Gk+784eUwf\niG1KNDE4ujfnhq+7hhHxn0B1qZjhRoZxgwey4tm06fVk0pxMzP9776SyIzXx\nrlreuJCcgRw6J7KhFANoYpz6G1ACxlzRR4xzvxtx18o8oMDiWvANZR2j8iDI\n3xagkRWwRxs9ofLGzjtL61/4PVs39xQUBCiKhDa0nmp+oB44gkhIcgs9YptW\nwy4g1urlQYp/hZC8St//l2L4oGSOTeOZrh2/YmAsBivfpKrnB+rARBbXXH/B\npOPj\r\n=mtA/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"360fbe69c665cc1b33069dc660bde05a8d62c16a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022013192043","@chakra-ui/utils":"0.0.0-pr-2022013192043","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022013192043"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022013192043"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022013192043"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022013192043_1642101686097_0.9540168220504481","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193154":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022013193154","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022013193154","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f21e47cc4ebae084356b4eda16a9d0e802b57e54","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022013193154.tgz","fileCount":22,"integrity":"sha512-5SR6xbWkVkPbv180jhAsvfFgnt4fgjg5KfiIIjNvyM/96iIlC2AQFcFyHNpuDmyYPhC6+DIIsNYZjyMEM8kVjg==","signatures":[{"sig":"MEUCIFRmAIgZk98J8iU414Fi00YvwJSbGraNFbgmF/g30yq0AiEAxSzySqRgvO/vMDOCYcvKdSVE0owdeBH+ab9OHOTcdaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H5LCRA9TVsSAnZWagAADPEP/iQQ47THkml03AoFeIPP\ntLW5F9axm6jKMei4NaiILy9GP4CidY8rHWJ3+SBpZhjSqEBrH95j6Ob0163c\nZQ7offes0TDfg3d5cOIsN6siK+vPbXAwwnAfS/wTA3IB4DLHot4CKMHd9lU0\niKM61lIkxP8KOhCZJ+ELXpqYsPaksA4QsERuk6HhUzFOVdi3RXqUZ2Cm48N5\nfLXFkOwk6NH3q6QRc9BHj3veGMws8B+8G4lWSKVqFDX/lZI47CjWdLsOl8/u\nvgKjTfXjgp+pu0or113sqlRBWfKsEukqwV1rIF5MHvmAQCa1jhWFzRyWdKZZ\nHxiFpqVptcY8Sov0+QaN6gCYgqME+2aqe8Nu0ZK0ythN6ks9zX0BvJE3z1KS\nRZvEGyj8hZ2X7km3YYyqJi2YK9zAw2Z2LNgE5J5ndbNifAJnnr1ksmtMON2e\nTOQD5jk+8HcRuuiulXgh70m/z0l1uMyggWgPnGN0fyLM/bSVcU5HlzQjgpoc\nWiFlS2Ar3lpSLZXulB7Ef7bvwbC5UF9g9OCeNzuju8Pdbw26dJlncvBK6krw\nYx8NEd04ODyRl2WFx/zcnUdZu8rNdELpE+EZ/PL8FiHwmoyuR4k+vZTpZ1bU\nJe55WRu08wAD/S1jZ2Gq/yBWb3YrFRgdtVgwRxdEY3LraJbpaOLydYwWz/ci\ne7c/\r\n=Pg7+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5d796ed4dab53d11da1543a78875858eb272968a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022013193154"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022013193154"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022013193154"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022013193154_1642102347248_0.5508402336114906","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193526":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022013193526","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022013193526","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a787e12867ea64b3723506cbbdbc43bbb3b69810","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022013193526.tgz","fileCount":22,"integrity":"sha512-n277P15tfJ24Bxhj7eXpfTus2NbL6Dtm58h5BGvG+FyXyim7Ev97mDmdTQ2JSZ81ji/wA1nBiOljPPTWBiFM9Q==","signatures":[{"sig":"MEUCIGgXRyQkvOwxh2EUqbvO3QpQpWr+U17WX/yLRVCzGnOYAiEA9RX483zWHKOf+lY647lr412orJ7srJ4Mr62AesRsSLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H8jCRA9TVsSAnZWagAASWMQAI70lAmyqGDpNQyD/6K/\nHJHXIrFxrrF0dBqGDJSoLsdL3+F3lOjiIcY0Wq+u91qwti24GWhrkuXMIUQE\nKlon8sHVV226nCEFslQ35J0jEXm1YhhDjocdfavXRz/gh5rcpOKmeMZ3ldW1\nyzQ8syvmgB7rYcRso3S1ATdptaQNfXqEiEpwWg2Juwc+jc4WCNcCRb2nulzt\nEurq8z6zrjoUtJ0erYZzLiwWkiyTzpcrJXCAEnJjfoDsR7W3p7dInQ6r2xH1\n9DrdnlqEhI9XKFc8ZzDc4PRyvrplDaufM1kx1k1PCb/Uf/r0Ny1fgjxGC/HW\ndAkZhr6AEWgEBCrcdPqYJEnS+QkWxTKddqgySOtqZPOWraseOUJ1JmuCTHH3\nyL8oCZS9lp5NE+8H/AkWUj3QIgqEx0Lff3CkpV6f5WPrdwUDVQZXEB29aXzF\nSbgEN2WRLsHD9OW/LgPzUms/sJuzYx6iYPiFO5eTozwva/6Z1r58wSigN1ge\na1OxqpTUoh54eJRhXQHYWRtfLTFTJAeFzAXXW2o0T2rCmRIhjvuDI9tmOq9m\n+xutCkzk31N10PEmt2WVp9BfCEiduDv3Fl/qJl4RrdjR7s+YnoU5+dMcvnjz\nhLDfTZQIoanMwWGKr/gX79QzdQUKuZOT19JYbHTX18v7k+LU7CbvfeF9XODJ\nZFvB\r\n=Yefi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1cca30b9d40397762e29181020f5bbc6e06989b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022013193526"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022013193526"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022013193526"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022013193526_1642102562931_0.5360431088833166","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014102532":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022014102532","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022014102532","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"66161430c8f48ba4470c97cfac681169c9433dde","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022014102532.tgz","fileCount":22,"integrity":"sha512-uV4vFzuk8vssOqHcuCuCv9pnDd/aSAoWMgrD1qRhRWIjMYdCfh8QsNs5/YRG+fsxe+y1QOJE9Y5/R6Pohb5rJA==","signatures":[{"sig":"MEUCIQD7k9Gk9PQsguKd4qnpeI4rtovkUNs0iR8xHwfMkYEc7wIgHWeQAw0McvZ7RCl1IFYT3gv/EudWxCH8+gl2T510fLg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4U++CRA9TVsSAnZWagAAW0AP/3dNC8X8NBQUSNAB/rBm\ndWoIOQR5w/4l9sB2YWdNCq8926zV2+STIcYIan6EBe0tm5Sz/ykmP7wccpv0\nb/5oUEV/SxfsEC63c4PO5TdMyP7wo/h4CCa+co4A8Z+cqh57ZRmse04+CuAP\nNUdVhZNROuHwI6o7gaoZ5Wf+Ph6W88CxUU+q5d3fcQynrmJ7eGag9mp9wMhL\nB7TsVSOGuMCB1DMQZ6j9YO+q7zpxiQszZRm1cEYzbjwg3Nj+msYOmgUmZal1\nIP2EIvFhM9RbJdp67DpN0Ml6wI9P92nh0sE1xh8UNX5RWwVeXJRIZt6das0f\ny6oO04+hlcXgdN41TnL/REocFkbtjSom/kcaJvPIt5jsju4K+haBeZ9PMTnu\nzYbtmDNHT9Ykfh1BAg3AQX9ou4Xg+9Q8dxSuguHGWjNfrHhALCwApXObJAQJ\nUhauEw3Ud0d3dwRvYLGsZLApA37TyWVkvA3kHjHkcIwcaXR0M6Zbniu5FEff\nw0Iv5jLwf9APiPD7lK2A/ZJV3HDg1D80PSFtmhLis/xoF7ToQZtRrctQR6mv\nG1FCze3y9Wv47k3199A6pt7IRfS4JmbZHn96ThcUiJ/T8jAYsn7c7mDVzwwN\nAArrbros4PFvDouD1jK+6OTdpNT9MQRARuLp99gcLeRYUL4NC8rLvW0D+QF8\nGIoC\r\n=S5bE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"52e1ab1af187484c3a1695d1ca32b3bfb083ba59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022014102532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022014102532"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022014102532"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022014102532_1642155966049_0.9982271646004803","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201418849":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202201418849","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202201418849","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2eeec9590017b1f69facb845927a03391e3dcafb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202201418849.tgz","fileCount":22,"integrity":"sha512-h5oSajZe+dDAO5LKfpwYCzhRlvF8l5iDFuAvXojO3ukmsj3RnZRnstf0+oYAa/1Tsiesk52NGVpcsloL62HyIw==","signatures":[{"sig":"MEQCICa4SD9sfL6jHZBStpm4PwGl7Klwn95JoXWQEQsOugtxAiB37dahovTOU1+Z5iy96RjBdtwQ95IbJheaCt+LpJtARw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4bxWCRA9TVsSAnZWagAA/LcP/2GDSdq3MrXXS+UrUYaV\nuoVYCGKQ/qs0gpq8zDwpT06jMkpKsO0UGdcMAgU/Oev5nTFXZtSXEu6U0jak\n3UTrGGRDOcYfBTDSCzfU/L3Zo4lo13OY9eiDaDVXNWzChtQdvtbwMXk6A8+C\nFSsouREMXAmkz/hivGAOo+VymVe1iZ777vyUWAfkdOj9/g1vD1bOBSx7RpBb\nJygTZALRb4E7JChrnU8PFs4E5SVIGOwOX/ctJO7LHsk/eLvvfGzQFJFrK65h\nEs4BmRtkogPtoEC4oVm6cc1yG2ECgWvCKlhKkheg9P7Ec71nhLsw3L1geLge\n6f8v647VvSlz9wM1WyWD8Xrbo02p3p1QzbqrQc1NUUSfzN1tuojt6QPRm1i6\nLdmSeF0N280DB2r3GILwwbCFBG6W+uH0Khqkj8B3L6qQNHsQLeGLhbp5HY7f\nypJSyeXtCJK/yg/thwwQ2Ov4o8gg3eNwBuViG1R5khk1M9vovuXpiCSyanUy\nlLJHI+q4QdH/JrD6/efgIRTFxj01yY66Ff5fyhv4w4jjJCYk5GKOI6vsgdlP\nfli70oo7/pWJSIDUzcCrt8lQZzaoC6BdW8c1FCcrMOZgpd7bQtBvtSmHxbPV\nOwbPjYI3SVYEOYiuP2ma4+42fHFWdJNmbhftXLYjcBFIT/awy+Ah1RMErAB+\nw/Mb\r\n=ILrk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c9c54aee1e45c2ca96f7c032400ffeb06c57e341","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202201418849"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202201418849"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202201418849"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202201418849_1642183766210_0.3340901315865241","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202201418280","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202201418280","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8251ea36a17b754c91d99233c3ae8b190eb36b59","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202201418280.tgz","fileCount":22,"integrity":"sha512-oAju6WR0l0t5yXzkiVFAz3wNgfNyywCjAzk7uLobWS6My33JSTWi2LcFU4U8Y4TvIvJTKRgvCFxdlVVgNnopuw==","signatures":[{"sig":"MEQCIAt3oq9LChMqBfWdcAAycC0eG92pVP5GsvCJ2pkER6VmAiAYJM76bhiSvkPFjY8q1I4rYMMWRPl4K/fi/1xoWMV+ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDbCRA9TVsSAnZWagAAo0MP/35ZWjCXXTBRY2nMUcLS\nCqnZYY7lVfwkLezHXfFKzCRSYOq0furAJmRqbX8/stVRElekDTckYCjRnCgj\nhan1l6OO3/NjsqMPjovbBlKeI6Td6m0GPyrQH49lLAh1PDDhXN+8PuZbg2El\nYVZ/HL1Z8Wt9H/WI51F6p4wACxCYSKKR2PCxI0+dD4PudVX0YOuhANQWFrh6\nTf0+jVTu9iEvdN42uSeWSYcLy9gxeR4IvOjUjlGXGILAuQu9Z6Mu2NCJ0886\nnmLQBOCYu0iMan4lmuwlAJl2rVTghFttl7SVIeU7RmE/dsmf2aJdWdoe++sU\nGtISp46Q5OQtWg90dAxWI1chvxAT9bBuKXFNzW2DEs0QKpbvDzBpCMvoAGEO\nWXCUoST2nA4Q+ke2FeAB/od/1K03fe5WvCWMyNyNHL51DBawx30ztXAqCEaJ\nmefuN5pNPBZdmEPAPIkFCRyPVcx5e742m8g9uNpbnuWM2E7AbgWJOau30Evy\nqHtqej6uZcbhKLe+2TXba0mVUrC9xkqsmwkWWIPew1q4kWO5xfHvZtzgqlHc\nAS34YxpJ/JWPj16/2E3TbOSqKvDoqjBeIgDQ/qKG+hMMN+Jjx9XCUGasCcVX\nWnupGW1VvJ0xRCulq+niFjtdPPjDOl/tKP0uR//mU/IkeL/Z5hiA5IcBBrXP\nvcNo\r\n=uDfZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202201418280","@chakra-ui/utils":"0.0.0-pr-202201418280","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202201418280"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202201418280"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202201418280"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202201418280_1642184923356_0.06320229230727059","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022014183133","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022014183133","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d498706815005c4215ebaa514b1a3911d2c5cfc5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022014183133.tgz","fileCount":22,"integrity":"sha512-ptjJAxlYfAh5UH3OUi0Uqxlf+c1btccWoFklVxpk1Jso6MtrPMmT2gHzIyMU84dl9MfuP2DrhJiftKDTMiCnSA==","signatures":[{"sig":"MEYCIQDqWWCnPYJblp9y2FGBb+B8rd732qBm+mdNC4H3/voC6wIhAP7AJqogsk/QC4cqa5dSrVzzMMCtcZ/EZIqgPG/XZKxQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cG0CRA9TVsSAnZWagAAvVwP/RFnn7dWt6RwnRLJYW3L\n5IscqjKGxT4zkqu2sliSxWTR4H1sguRKv6C4Uqm1+bBzDaNPu31+lvyL8gqm\n5LfXXVGvL3gi8qyFLqjtGLNZ6PmUQhZxA6Qg6Mt3AQ+FmytY1/ZrteOb81a3\nS/PvkS8CUM+dHFPBW06f1HX/4mv4htyqPOH2p28Cq/CIx1Jz6lhjk6sWl4l+\nDEbUbqK2Ggp96Y90uMYnyBemcAIe1of2qi1zRRM7Ye0q4gUsh/JI0Z070k3v\nHAy+TgDXjObnYcj7ncgw4uvdmcI2DQAnsL3+Q9VEht7nxrLDk1ckrmFCqT2C\nePA0F/mCL33cbuUvYWJGV2cG3f/sAKwzo19FEvDgiJ3CoTytkBC0j5pS1Etp\n6mlU8tZQb2ytV9f6kO6m82X3ArfOWfrPm+9/XK2Fbtu/crOOsshY+KF5ZtBP\n8JqgXTJIE2t0Zn/Z8YNr37B3n4AYiWw5PT+4tGBwBkanf+kTfuFiOf136/Xu\niIeknEfW+iEaq0xycUNvrq1sJFcESWirJdgAJQ4+3qpQJDe9FIN5g8ZRIWZb\nex1o0HiPUyA79PaYNJtwD31m1x37U0xFjrhe2VBFrkNrRKX84T0DMWcV8bgo\nxIffxHiiQyzcLP99kRRBtrgIutumU9go8e6+smnSMBLjmw/5r8Zl+af25UPf\nuYAS\r\n=gHN9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022014183133","@chakra-ui/utils":"0.0.0-pr-2022014183133","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022014183133"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022014183133"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022014183133"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022014183133_1642185140140_0.8037895283450152","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022017182645":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022017182645","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022017182645","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f9d542cc66d6cd5b8298e721b965649766f46fc5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022017182645.tgz","fileCount":22,"integrity":"sha512-aZ0fclJquMCzVthlw94mDbwJW8mYQAJsuYi7eRvQuSP4/DSdDDt1RVdSFSXf10yS1zsUhTgE8KVZbZe3847I2Q==","signatures":[{"sig":"MEQCIH/jWzWRT+OmlBCYM6e4HPdSvqWuY1iYhTlzQskLaAn9AiBbURlD8184eGps0R/3wBcsn41R0OZz3D68Do55Wp7bog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bUGCRA9TVsSAnZWagAA0eYP/2wLJhjF0p/jcvZtGJup\nfjUB5IOsB0m4Ckjueelv1TwHwBfLJBOSPG92CimjF1KbL+LZJvdDNzati7Ld\n2OlnBs54etEDvCN8Luf1YGOxVpcexbDXOMhRulrIDmsdQur06ZZiFL0uS9mL\n7+nLJVVRqkwOaadoJaB4UsMoXkRgV2eAMmIsbBGcgTmpt17/SdgHqKxwYWRt\nnkzLABW0ij4+wYoeMXwY7x40VGvCG1mQtl1MUWhBD1roi5hR0LXzolX8N2KS\nuTVMJATzhVajlhfYZPJmFMBI1ULGEv5VScALsWZPuB/+2s/nH3AwPUEVzG+c\naK+089Qnt3cGmGy6paJInkjugZFl3sj+z2hUjYoYodi6p3jRHDRv0u2P47Nn\nOTrXVXxUb6ZNdLepQ+CCEaW0R7Z6PngmrpT+K67b19ye2oGQ0P9SsSI096qK\nRWuTxLiH+A1t9uva/Fd4r8j05wwv7Q6vP0rZcr+uySHLy9fu35Zx7/wl67IQ\nnjmN+PqTEC0Cjp64Y/FA1lNpFRlqAfjnuQ2ESiyVCor6MvC0RMhcYb46Hb7y\nrramtDKUwjkd7+T0MfDpdG5zkkUhP7rZ5X3kPzVSmorgJhxQ0QXk2t85mT3X\n0LbYq2TMXDWFBV/yFuSJ8UcGB71oBpjc18uBVwO5Q65nOcZpV9pG81er4u91\nHoDe\r\n=HIvy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8956926a2426c08d4176513be5054c66f955a3aa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022017182645"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022017182645"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022017182645"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022017182645_1642444038606_0.04505098150965203","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022017182859":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022017182859","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022017182859","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f7028c75721b662c316128d82fe36000b6959dac","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022017182859.tgz","fileCount":22,"integrity":"sha512-Oah6mYgBnL+2rH8odSKa2WfuHoNaVCEP0jMfO69WfpccqIbJi3cD8ZcM7ARKMiFsCjLYehIChk7wOHJYQhqGhw==","signatures":[{"sig":"MEUCIQDXw+TrfenEP+j3iDVLk2Po1Egmb2LyhclxhCI2kE3m7gIgUkaSKpVGiXnN7td/olRwI9Ct+bxHS+hT87PTIVHYv+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bWQCRA9TVsSAnZWagAAkNkP+gJQd9uVGIKSjG61KuLI\niuMyW5u1XJCTj96txwgmKWLvZEY1CVnAQXhWFX9Zvd3vDpQiK0vzIpNGBh0v\nbSHESgdk16338F+Rm9lswiYySBPCoDypAp/9+D59G+i+8qugIN6MZ1Mq3TS7\ng8SfXnJrLlNKw03avLMW8rOnU4RX1cEzP+3S2sQYLTjdw7FS6II2fOEd0g09\nzDQLwEYSxkM+Gy8MyMVwm0pXhFCrWanPbu5n6wxBpBsJj3atI4+PIMP1wMXu\nKpJkgOjo9a+4EpT5nJHn8nqbEwgxRHMPM+jtuqyG+dtANhXsRzw/xiCNZ3ou\nSiLUf/oxFPlvN7dRhTcAWj5BASxi0JvWSP3w2Xao0pjqxR5dQBtvAQrLr3jf\n5yB28EeEtoDZTEZJR7InVpZRKcdMEKfNfmgXtj1dulqpnUPvK+ZtBofzEltK\neTc2stWl3fFj22ux4zVGQEBps++1nLU7LHRh+Y3qw4eEcC6yk4kKYIBJDuCp\nX3s1Ze++nA2tTZI23Y0elHWJ/8/oYlkkleghriHlC1O7e1PZhaOMxg3MA1CJ\nN9rFUMNqi1I0lIMAooGz7sB8ahv5qpqfj0rJZmOHBZZka64eZ3TYlRBlwU3u\nEjvxyQnibdZuE21bsJX9noVuDuc9zZ1lgmblwcIom+5W+X8YoZMmdXSX4JNo\nqLxm\r\n=90zD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d88782d8af4d8d6bbb988cac1fe65aa2c58e2a88","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022017182859"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022017182859"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022017182859"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022017182859_1642444176056_0.2678070196740929","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220209527","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220209527","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e01d73323972ac5b84963820a4fd042901c18d31","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220209527.tgz","fileCount":22,"integrity":"sha512-Mc1RsHJp6Jl1YV+DmNYo1LIcFHYjnrnB4iGba4SY+eyY/vyAWSaT6ONlR3N5m2y3wiK7qUQgKwVty85WdT5eCQ==","signatures":[{"sig":"MEQCIAWbc1HGczg6m4cxBirWklHjV/b8WLEzZ7r8Vjd9QO4sAiBlkGMB5mVQohqaUvcx9vjdwXQdIg+2SDY4Q8Ja2ImWDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SX7CRA9TVsSAnZWagAAzwMP/jbCDr17iI1CY4we9+mh\nPPNqQGKn5jVx4vgn/XRp/73Gvycfv81tMejklG+Wqgl5oukt8drPAmv6Hvqa\ntARoennMP1C4z0SFXkN8eLvohK1x6Lo7bAA+aOzuBhajD92MVJJO6X8Lb6By\n8NdEEwELmpH60m0gWm0FWc+EmcpuLezB/AIhyFD8k0ZIX2NBNn8R9a53BtL4\nII9maMDTQzFUXopdeqrLPwyVw+pJMH2AvLvV7WlavcjPe282L0yZA+AqMspU\nIE33SOaXFLiaKKsPN/AMUIQXrExzTXXiDx8uB/rAP9oXV5nSrv5XYThrAD/L\nuT/ZOFS5VBSjwLhbacRB9oQz/FJIHMD7EW/XEO8WwAlGl1Zs1whvtgiOuieC\nkKj84L5QqEtBWHUX0e43+ZgUJDv68zodWp/lzCOYHh+P4QnsSyjvfV7qQT2R\na2IiONOxviCnrBmXOLZHqLFMuSGfc6CGijLUaov9MZ2g86eFSTkjbECvb3zo\nmP0KyxWdUtlaIFRW0c+6JXhtgu2O7iC70hqwgCeXgi63OiB63p6teThDFir8\nODDk16oakD102p0xmTzV0PaRnDGsEBlbOn0t13CjZyaDMVtwTrJ+7979Hx68\nr47JmiZfN4NbNSNYdZT2CfLrShAezlXYSRkYvAfYpbz5T+xBCUE1mjTYv3Vd\ndHgP\r\n=+yd3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220209527","@chakra-ui/utils":"0.0.0-dev-20220209527","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220209527"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220209527"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220209527"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220209527_1642669563746_0.006279935687911742","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022020961","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022020961","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"91527831d9da3860a2c2dede7c34811d778f6496","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022020961.tgz","fileCount":22,"integrity":"sha512-yqrfSKDyDR1NH8OS2TrONSMuHDLG61tlFYSTt6jymkc/P2gA+5TtXsMokPsgvfhMesK5jGCIM2PGDRwtvn2Uww==","signatures":[{"sig":"MEQCIFa63hBlfzFGTkl1xLBq5ZfgRHYo+s2uzSlod0sXMtHXAiAbJmYe9Iol7XE3FbDytfmrHMUbMNEYyDAIjJ7pvhol9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYrCRA9TVsSAnZWagAAtREP/i+TcI9bFCLijGSn1Mnn\n2NyXmoPDnTAg8fDPFwPlbw9FYrhL38wScKRH+hue22E+Eoje7EEWf92eq0Jb\nZhRfnLqY5rVE59LiwVkhmO4dBRwxPGEQTJnw4NkOiDbNEXJGzH9dHaBSyoAG\nue8NXEsozTXeL9viJh5k0Va2/pn9zTwyzdHaAdAd7SHsDn8f4saGDjfoo0dt\ns4FelhuO7vEAksJ1SRtHlIHgJaeLsjpnyARRJMNUcmYD9BHkGMFgY6huJUBN\nyKOlWsuthqQ0Iw0MiA1VQQ40Jvgae1iB+BnpPRgxIClhcbPckvizaoOiZHl7\n9pQ76IStIZZ/hq8uWy0tm512QGoAkkQaSDjU3VRyF/8xW7GT3M2vgCddO5uG\nmWO7eqHJWDJsm8E/TG7TwvN4O43Rt487mPAoIsv0VxHUyoJCVX46x8QOfwI3\nHQpz4ZSU8tgWoAHmpVDt/YZZTgDZAKqWRntw8iPVMA7G7z1s3K1dAaTXlg3o\nYI8Ds8Q/MyqKt5ZuhVK7xxDAHUaUa7bD9IC97+Iea8X80DnqI4bEhcqtXbIq\nlQaaQ1KIe3PeaCxEsORWngomCA3oW3HBD+XtSsD7Gh3NDluaEWcDhn23xoFj\ndZAort6rgx3FFFUS/pNzf2AdCGwJ1crQ/sWynB9SW8xj/2Di15pENQlk2lac\nQjS1\r\n=q5CK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022020961","@chakra-ui/utils":"0.0.0-pr-2022020961","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022020961"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022020961"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022020961"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022020961_1642669611434_0.0293303013081887","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220209192","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220209192","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"78a5797362015c8fbf584a148ca3f4e7453f6e63","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220209192.tgz","fileCount":22,"integrity":"sha512-0N0k5vWX7PWnvw9Bw8YBTyBMRNxx3meyb1mh9dFMqCX0PAa9KchD/uHYHYQJxUESlsHt5m9n1XCRU0zW6j8zMQ==","signatures":[{"sig":"MEUCIQDTZzENNJMmjyYVtcRNJSLM97H5F0yeeu2qZQXKT1V/WgIgB8RlZDN/GScpFNK7NYeIF7ce5Kvffis4LYBGG5SzjYo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SkzCRA9TVsSAnZWagAASg8QAIkva/hZP4bddgWbYbxi\nXBv9Ch/d7IMTEVkqDwpEgClBfTkQsfe8WDjU9Nm/zWRUBEn4/CpVGdVxAWAd\n81xbDVKaOSwyVviunIghPwYbfAzhwe2U65d+I3wzWDxo3O2bPD8v1VQpSO5k\nM3/Bk4Dzq8xg7eKy8S7sEs0TBfyTUpY9Jx4pHJqr1CbcAOvwotwxVCdBjdM1\nv+0LtQ92EJi5yzjyMwra8zklWM7q/y9k02Py42RWTV5v1o9KM/fAnv1Ur8W7\nE1rz1XHJnsc+j+ual0wFuoNguF9C6UKEXcLu4/qFb0WDZkVOaEyGEOy3sdqk\nFjcMo+8lvF0i076rQ/hVDRgL0RxHU/sG7Mi95BWiAI8kIqOcSp9QrEWXOqoP\ntaxdopyNPbKSnpgiWMs49LxBOFGiyDBBZtzQkJ7cnSCchsDyfoFv1on6xVc/\n9IuRGyKlM553nmEJO7Cl9X5yJYS9hcxnnHjnQ+0ancx3ZLOlM80HRWm0wj8e\nTsFkUoYjp0eteBpBz5N8D3mrui6TNMH2sI8rYs7JVOY309HuNYw6fuTGN+7k\n3ddndaZ+mDXJXe/HY7vgrU6ds8CGTjgia5RFQVclh+eiZgM/AFX6HDxNrYzi\n5NlVvYhiL8qEl47UGSVWZLlBS/gr65lf3e/Yhhi4YCU0fioMsGI4FOxmi0lW\nA9+a\r\n=Zthi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"90204c2ff2fdb19a376737d7519135ecbc9794c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220209192","@chakra-ui/utils":"0.0.0-pr-20220209192","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220209192"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220209192"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220209192"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220209192_1642670387365_0.44335619419148453","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202092345","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202092345","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b515a8dd654d09aa15b67a25bf5e68694a8f5200","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202092345.tgz","fileCount":22,"integrity":"sha512-mmmFPeuDH3icrXGW+mIX1eSa/bRk8FDxpRiVHgvBhNxGbafV0DxE9kkox7+mFyFqbesIoTr9rbNdtGf07r1NKw==","signatures":[{"sig":"MEYCIQDwvotLwwjX0Q3Yeka7+/lTQrZNmY9DSkHT604SJRDDbQIhALL7hNgwAdvEbs9xWZHWmneYoTfvX7dF8u5CG76jeuTv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SpKCRA9TVsSAnZWagAAWMkQAJeEst+1MQ3pCM3RValA\nQ4Xx6sTp7chQUhQJo9Vy7LEhHTocYzCZ+02LB38vg2L/rW58ltblsAvLNea0\nS0jPa0SdzGk9vISdbRpgfYwvAF6FK5f/L771TYoPfbIwTOIhsB+qKYEleG/5\n7CoBNW6Ym2InMMhBtb92uwC1IRKVD3YJxSnPb6UsT8u5UjyG7g2IwbNf6onf\nsRltSAbtmKrz19LXQVnFW2wJyyp7/kClJ5Es7aJhsdpUAQZ20MjbNLEDDgBJ\nG6R24AzZojKgEo70rUPNNMyDkJNxL+sCL1WQBr8Z5CvDBVTSdJh0NNyUlXPd\nyBeGKBEZ5vZ8/ER2LLpbcbcOcigo6OoWTOMkLSAiJHK1vrfq8oY6MaS2WPOI\nAB7AXswXiYjCmK03cGiw+Kj1sPHApIq0u63Hr8FuBNnPhY5lO9JoYEfrrknf\nDZRqdTPmlEv+wd6sz4qQCFol2H8DHuN2j0ESapXmYOmid1YUR07Q+z9H7UGe\niRXDQ4aHuXXlG7dCG9WGDs10GENJmfIKaYggyFbUqD1SRhsklbxMV/kmXAVq\nB8z43tgnI3e6PNJXTDvdWHJTgfMDO9/h6N4VnW4NL+WUpa7aJULeMfLpxQY1\n0eETMw079qw6ir+SsKxlhLPnMhlofis0+Ki/0c0WFyjAPole8gsEhmJhP+UJ\nj/7o\r\n=KgYz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"dfe50d3b7b06b49149b8b57305bff4e0d8d486f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202092345","@chakra-ui/utils":"0.0.0-pr-202202092345","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202092345"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202092345"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202092345"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202092345_1642670666271_0.13000595408362803","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202495259","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202495259","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"00fcf4bf9ccc906fa20d2309aeb4f34c432e2865","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202495259.tgz","fileCount":22,"integrity":"sha512-2rp65yOPlVsrGnz1I+lF8xgGc8mJfZ6wWdKHHjtJtBuHtXWlZOYbUtccQeVAGPNCf/Ou/qJdeZ6MCaeMlZRk/A==","signatures":[{"sig":"MEQCIFb2Fc4uwDjAxNeaHY0/PlIQ9+/clYg0QcEicp+3MQNtAiB/Pwv+nV/AOu3XFozPDhB3Eqp/PHA64EEVhi4/IY0Heg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ncpCRA9TVsSAnZWagAA9QkQAKR087bD9BBb9x94JBP+\nlI+hwGbg8s0EoHLnIaoks6lWxuXjf8to3ntw117iODx0CzbCBJT7jQYkjU59\nBvaZZ7pRVNm8kUsst3/7WydqFNEh6ZKvdSLsknqaQ19dDbJAG6PwT5QuxbIZ\nau331FWrKiX6fyTAZZQsoXwJacj78HvQykOOhv2wsuTwbfeAXk71yR0TT6pC\n4GEyR6/SkE6jWuDjGBSRJmMSxNviTHRRpZu5jrQs434bITN8HK7BaOCQIJoz\nE0rtNtoGnPtTobWnAr3QFE3T3ntilza6bjGT5xd+mzFjcCpZRb0N9APS1Eu9\nG5bBVw9XaftqxW8DTo6Dn9MhjVL6SmlkVg9KvTSXB8iZIijWkNQtDtg0sj8u\nFQo07WgDrQmYEOfxW0stqT0e0sq7JsMFOx35NfAtA7nCdvHj5ZvLOkT/WbkB\nlz5GP3UWE3XnFJ1bZnZNifdQT0zPl96JF7wCw0NCh6Ti1jrfuHU+/OBf3CUE\nHHKGAEPpIf7ZLNwHWgTzMUvFBrbrsNcKsR1GVJWQEjlCZDC9IMOTmi5z+Iia\np8iWVe8TPzB5MRIRsotKRu83WvWmENklmsgEu74nHmTNWqib1h95ReQRU7/4\nOVSE7szBeY9ZtNkxyMNIoXCQIJi28GQ9h0esGD2ptBtqZnCETU1d6c96p83x\naRvw\r\n=Axir\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"cb7bcf297a212523d5e01079a08757f49b76e89f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495259","@chakra-ui/utils":"0.0.0-pr-202202495259","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202495259"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202495259"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202495259"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202495259_1643018025463_0.5192321795320278","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202495536","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202495536","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dd44fd7d9e2f1ad2386285ecdd3dbc8041de76bf","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202495536.tgz","fileCount":22,"integrity":"sha512-VZ3R3o3/Qq5wWVtFlprGovzhD2ISc5z+SImgftemNHqKLFcJRnM7kDrL8BDGYZH5KFU8bMe7GSDv6ZjPeU+xdg==","signatures":[{"sig":"MEQCIBLFeMEaSOyutA6rpYyAzEYgBj2cK1A8exzmFrcYJuXZAiA2DW3Io+Xy4rqLnvQp3zbKBB+e/WP7ScUAcxRSLZhK7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfFCRA9TVsSAnZWagAA9WUQAJT4J6BG3ytFwXwrltza\nt8xbGLTED3Z/knIaehR4B58Smx8cgApoO1D51aZiN6WMa7lzwFffBLveNTdl\n2kA5pyCspCvGhodUMLIutRv1H/c65NVoUqMYzxfyOzIPsUhlkJbeVZSDcxVl\nmzsFAZNZMlldFIPqByY4ytKJxnQSaxQogFbRqv6biNdlgB5ONTBhcSr3RHkD\nxuni2+RX5MiBZsoj2b3vzptS2J8x7IVz1YknIxvYxgYNOjMjInurNwX1mWEu\nkWG94cKnS+BL6QIGm1dq3xXjAzXO6+S+DI1YwJS4zZ89arzF3llalZBu1rWH\n5l25yvsY9HdTcjUVn4IX8Or6aPJWpwKcFzLLjM5QZoGNEdLhcPsTw0uHNS0Q\nZgACIoOWkLksiVaEtPFM8OUDMUl1+DYc/1RSvdKwEeNSNrzExQILQjOfKyRJ\nHZjdHpnyXFrHSbWOFeMUNUe5dYEimD0tfGOpPewymkXyDXfzEo2oIPrV+gap\neBI6L00fu+sQX4Ey0s+iyiyyjJfC47++bQ/dgIbuHApH/5yFEYBOJCp63V+V\no4GoLTLUPVx3H9VgGgoLVk77mwnZrwlCApthVnHJ5dTb06C3Ff8MhYdnhXJj\nl0AmhylSI2GKW4uoek/cXKDpTA5eN6P8TSaRW/OW93+Anx6WyrYjzaIeqrMV\nENB0\r\n=Zrr3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e56b8f644895d420cfabbce11146af62b5375095","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495536","@chakra-ui/utils":"0.0.0-pr-202202495536","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202495536"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202495536"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202495536"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202495536_1643018181207_0.32653009397484833","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202495553","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202495553","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3e13f505a55c9e133b61bef3017ea1459cd68d79","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202495553.tgz","fileCount":22,"integrity":"sha512-5CsLd42B91K3rYkONj8gIR94B8//5WlSxbI8ITay6beR/Co9g1jEjLj1QSVQ5DmfDtS5apCR30Bpd1oN9YWxBQ==","signatures":[{"sig":"MEUCIF9Sscl4cIn2h+bVQXGJapX8/H807zj7VnmWJyMu3AOIAiEAzfCmZp9wZsdKOeRJctNy/buQR4cZ/6PqiFasM/cOQpc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfOCRA9TVsSAnZWagAAtFkP/0UcOTUQyh6yUpcjUtzv\nTihECrGbkpYnpm0/y1xE1WS643aoGk4SghgUMEbkb0sNsq6q6fuBrynrDclq\nJYy5BCbfgMtVC8H+2xTnXHXPZ7TUerPrQY3Zoyg+NP7t1NI7e/USmpdVyc3d\n+WiFo7QMSZ46So1v/8M7lHmS/cQ8cTY+QXmelgnrxIsj+7JAyKMcKhQQX+PK\nHTN9noSCakp33tkaXEwnoLg+ciMdsIoCYSf4kSKj1jfOCimnbXKJUSUnKajy\nU6m9T+KHsJ+kR9Ccx57/2y3MBf6FXALZABIS6m07ajB5s3dI9giIrGilt8vk\nJo7ADmYndIQG9f9oT1NOpQ6HcvrB7akewXR71L5smV/8wrprjKJWdetMRzTM\n2EWhoAg+uCGQWU8A0PC/bFMGRFQHTqDCEs4FKLTFb22hjkLke5VETbbqyOqv\nuWjo+BN5OUOs1hu+6xdPOI0wmwrH/V+nDu72Ar92CvNoIzHcGBS/8HcTi5/Y\nq1sRUhwQAivlfHv6N6LBhKmMp9+q2SIUSAfGw1zvbYxZgPV9zO1SzhLN9eZW\nKiB50BC1r6EPlo0eEvfHjfoyqK2E/hkJrXd+wzjKaR+wX+KnHu3EnTYnOJTz\nIaYCxs8/q/5B0IyxZH9Pio/2HWhVxbwFTuXjTWRLzJN5T4lnQ2C3zQUIvrda\nnm7c\r\n=RTOQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495553","@chakra-ui/utils":"0.0.0-pr-202202495553","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202495553"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202495553"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202495553"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202495553_1643018190087_0.1533249791271598","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202202495727","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202202495727","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"59235d17dc4e919d395debc38f07b5325e49c16f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202202495727.tgz","fileCount":22,"integrity":"sha512-QiEpOKTUpectyLAhwqj2DsT2ACZUfIrRnrUKdAnoKiX76fH6PUipXQq8MSCTuooo8eUujx5urnAaWiOCsV5yeg==","signatures":[{"sig":"MEQCIAqCxip/kXIpHoKj0USbpQrikv5Z2/fMkEYa6wsuMQYNAiA8YxcECrY8bYcWai4xz4Dc4S3XZwMV0CWfUs2UqU8k1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ngzCRA9TVsSAnZWagAAF5cP/27qH8oCAqJKX++HTHCn\ngXC7WeNmWcTa/b/Tersjl+SI7ZA6gnNMiGRioQpqSWj9ifII2gjytj3KD9SO\n+6CIVmOUjUivmFk6U9XyTbewS9/fEh44kzbWhF9M4/jwWBr4mS0cgM5a7vUO\n/C0SfTFnsy4ZgiXnRcgSou3QnAF/TjTbFEFqTPYGywHRsfH0HEhojZPvy0t0\nbbiBL3qMW4FZucqjuC9A2V39szXUEPAz82cfgwQi/yjUQmWrASk1PnQ+mPKd\nVKVankPSwRKNYZr83/NIlquFiuReyDwEeUd68FowL8AzklyWULRfH5I/Tn5R\nJ5Mwq+R2b2Yc5owakexyvsD3Sn67WpsEa5OqBxO2P6XLbvcTztU3TWu+WByV\nCrMuzCyP44D9HAZeSBeGgOtVYPLS+aL4NhTWg3BRI8vufQtbGcPD9pYJNJX7\nUP0JuXAQ6JUZxVcbLONTylcu6SJksOtNFFQTmTVTowLpZyxZsqJnIS6OUbaq\nnf2+o/p4+4VSMwIo/BQ9h/nqt9p4Z8cthDD/wU6Umwte//uWirzg5vtwWXFU\nPlj70s5763PN3q046OgSTli7Wn93HSdaqQmprcvge6KZJcQAvqxPR1mQ6EjV\nu7CGH6Lk/BeWQ1agZEa1v/mGGBpsLPig4ShFiN71f01e16U8c27dhfr9SvZ/\nXP9g\r\n=02Vf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202495727","@chakra-ui/utils":"0.0.0-dev-202202495727","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202202495727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202202495727"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202202495727"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202202495727_1643018291021_0.6005757591033163","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202202410017","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202202410017","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7b4b611ff0ef35cc154b6d398a7c7eeeff3c442d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202202410017.tgz","fileCount":22,"integrity":"sha512-j17On0tlzC3gOTcvOv3OnkF6Z/24C0+VDatQOP8k3LUAenWM7MJc4Y2rpl/Ci0yIteUDpuGE0ctwSvbfzUYCXQ==","signatures":[{"sig":"MEUCIGpD12GI3XvtLvlHkXxGWhfvfkRyhpNZhGJ5rbd+jEqEAiEA1n1LzQ113Sw4u7MH7dVh108P/Jlc5XSwCDAcJgyEzzU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njYCRA9TVsSAnZWagAAp5sP/RRBybcF1Tz1kpTu+U41\nMGjoy70E25Fnwn7NHFu6TQ0ris0BoWH3NZ5Ze6EBpAOor+0FpagSMRbkn7mD\neV7DzEvEvhveaHVxAXStzvhbhYrybjT0ZkekCfYGZn9CcO3oLzFgj/aHdOjF\nXwXdcp2AbQ1Wwx1Rh0bDOrNfacJ3VjRUXl/kGnSOqBpPuvxZhGhUDhqvFJ7Y\neV8Srx8nlZbCKSE3ez5rLUdIj+nGdp5/brUZi1jJ/550nAKBTlKAMf3ctbSG\nKEg+5JCbVmH7SCMKd9EP5a/DrLd0dvsWfheCqcBuy2S1uYRo3DVB3vND4xDT\nHJ8QMpDDgcvtOdVNtzSiYZcMpOCM364waPPf5zmh2ZX8bMSZqokTWiZl9FYB\nFvmA374lmzC3nhMBhOzRZY9+WBvLUXjTwBDZfvIAVHyw6wLuGh3Rm+EwT2T0\n6uho2KwafJFOmADFWn+iiLhXQiOWr2bilWmuld4wqr8IgOgVOj1YFovkOSka\nWK+YB+D8fDAEI+rZuv5Kji8Fx/o7mvwDF607bSQC0rrnrlzDUTylFu3+sGvb\n6FS43fWzib0RxM8pm4jnjtr73L9UR30dvzgVVbpJhqDRr07HkuTXmh2x7n5n\nwaNkRxeASXhoyz5yAexwnlJk9JZmB61iH3Qc4zQVGlBR9L5iudZOa/Fq6StX\nBfGX\r\n=dJxr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202410017","@chakra-ui/utils":"0.0.0-dev-202202410017","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202202410017"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202202410017"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202202410017"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202202410017_1643018456059_0.5209175084659363","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202410034","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202410034","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f760bb8ec302e9b459879e0a6b4f261f19c91c1c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202410034.tgz","fileCount":22,"integrity":"sha512-gzLPiIq74ZtCCPuqmoIoy8hKFD8967CJeaSyTRQ8ObK5p5HN8/FA9HNWrK9H6hALo4lqQLHqJsrGr1kvqNlH7Q==","signatures":[{"sig":"MEUCIEygYRwzDDIUe1b4YuzbyaNophwI/U5W04vBLsrszHSFAiEA8ATRBrfuY1TUqzWaLB5QDNeSdlK36T+ObdqesrN793Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njwCRA9TVsSAnZWagAAu7YP/0giqG/Orn2q1bSXBNdJ\nEnD0MQNM+fIgOLpLt1/txwOIlLfJyipTPStJqwUvZOrI+RyUz5fZWGcfb16Z\n0AuAEKgWBJx6Nstj8SUo94efcR9GqpSr2QGvC2yBXho6crAl/RW1f6P4EPkH\n9h3FJT6QseIbX9PAex+KVhVNMU3bdq0xx2r3TsxCYvcOAulGMcuP9xKLEaOD\nTnJkwCCNte0ou4mVcBu8NbhUr57S6jKhAgXE3Jm81gICPZ24Y+JObIbXb/bM\nKiBQ1YHtDkZEqAWLRtv8owNZ7Fun81zFXbGPYNNhkmoPH/em/s9m/iNk3bOp\n+4ZFso7ku+ucNG2qqzqeXWqHStipl+/IqadTp/Y/eL5EHLiZVpuxnO8nX4ki\nPYnHj2Oh/H+YBVr08Q2OliG7/RsdEAvJFmL+tCh+t+gvc2yHRq143vgutHiH\n2269C/4zvoICLRRwaaxd5cM5mP1AuHEkmEhiqMGfvfGldPm7v1Um82GW597w\n9dfKZlwnKXe+thW3ghwhyb9omqoChx7GMh3j8v5sCZG5S29TJBL0iwRNMO+t\ntNBBqFIE8/PHsX1mf31li3+Qx/EsshU8Ir3exFdQDjZfvKRElipoNipmGlDl\nJizOcqb7lk9ciC2FW50OamgYJcASguXBMUNcDHhDpLAnIAf9UDnPYn1PXYEL\nei3V\r\n=VAyh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202410034","@chakra-ui/utils":"0.0.0-pr-202202410034","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202410034"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202410034"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202410034"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202410034_1643018480618_0.6801452764348992","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022024212254","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022024212254","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f2d165be2d1830bfe7c105542078d8ef5ddad2af","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022024212254.tgz","fileCount":22,"integrity":"sha512-gP5SznoRwHD2iy9V1nfq9Bz9R5TYZt3iFRWL82Q3FdefRM/6nbstoiFKWwb7+bJe6xmsg+GQY4im2LuvQJphAA==","signatures":[{"sig":"MEQCIB27jxSt36qXPZw2lVQYwoQQn3oC5WQrb8VMlQrOV29/AiBksvkofNBfkTtbLGwScqv7037L++Mst879gnOfpyTp6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjXCRA9TVsSAnZWagAAFrcP/R/+/JXXk5wa7AvTPPx+\nEsTpLd06/fJVbQcNOYKkEHnHVN8DjFTHcGB7MQ3eI0P9k8LhNyH3qH7Kj6uV\nV7unXHSoOB5S17SRjC8J0OgfafEu6ke36u2HrIM7Pwovpj3pXmmkrJqqVbB3\n2VETkUk+immNxIQU1ywIttshhrmRJuIhgFjaIS87ISKznaVPLflF1gk0H5C4\n7DMaZgsYYi+Xl9xg+IgVIhDullRX0M5YmtOR2bw8XImaPu+OwUM2eskIFBaZ\nFWf/qVGS8Se8NYGjp1uzqsrWZFV4BvuZx6vxIw59Kb2fpMWfWzqr9wugBaNg\n35Ow5mUVOUZYG2mJ4+Gr+ZuILygb6LtqACKx/kvhIH7Smh3uFkZmz1IkFG+8\nxo0Vgp+r7G8aPrZBk60oBIpJghQnOblhJp6hwDkNFFK1xwmJ7e7bNroNEEdx\nAnj18JlnkgmObNR85H18czdQEJaZTfzJCRJH1Ptag20bHOa7QCzsOpsKmw+C\nDa0cJRyyAgUODzNCZZ1J1atlinU+6CFb6WDL4iJhIOBxCQTw9lWM002quDn/\nT2Qu6aKoQBPrOnR8kEMtZvbNd0gElCxtUMl5QprtwQ0/W9d5gGxCYQ0QLaLw\nkSePJQfan+RBwBICDkb2yyxhe8cdL0wP10EZy9MxAKzR4O6mjESfgI/v2NvK\nj5/N\r\n=fhbq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e69f154a1e1e88a636f8730e2d405282d77ab174","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022024212254","@chakra-ui/utils":"0.0.0-pr-2022024212254","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022024212254"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022024212254"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022024212254"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022024212254_1643059415613_0.24431481501128194","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202423375","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202423375","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5b27e25a229f498d7ccb96b965a720b806e6518","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202423375.tgz","fileCount":22,"integrity":"sha512-YOsca/jgar3APFDDztQe4/q3flluaMBUrAtkPIMfXx8HhAJRg0/1Xike50zsaSS6tOpng4OX1P8oz0jnGd9Xsg==","signatures":[{"sig":"MEYCIQCKOTAK2WMMFKjFs7Odre4q4b7OUfTd/g6n0d8tWoaIpAIhAPFUY+yxMVLwG5YQpc4HAYTUFgehKze9K/e7cvGsKFYT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zhHCRA9TVsSAnZWagAAAk8QAJmBJDXKTc/O6E/olsJh\nvphUOTE8cZys/+i9hQd1ArhxJVH2LUF/btQUW3YFicU1Xo1A22I6BhbJDmB1\nA77rZj9lmTSxwun/feq8c8QFg0nVnPTtIQepZO+o8Grf6LeDtjGYt2sWzv/D\nHxXVS23jSXGdKqoYHljJMmEha79An5ndigFCfWhVBMJsDE8+UsKacduIr6OJ\nrXBr589GKz7ahVDIj9DI8GehLBiEzEp9QxTIbQsmyBTpODveBClf/Issjebe\nUMZtr+CQAwrnV4fV6o+aFSTtQiOJAg/9GfwBtiDpmDLIqyB85iPQuIgO8sZt\ngX91SildKcOR1Dkp8JLM/HXXdwLCKdM6aMVbCyGPAr1FctDVJAxbcjQVeLoV\ndzntdZNGR55UXUSX9i+o/1W9v2r9yHBHQeaCxg6mPRhyJJJSFw/brE5IgfLv\nbmpQkSKHdWcu+fkWyseLpIQYAlAllE7eaABY5ngx51tRADn1sAJVbgmtSp/C\nhxG73ILS2eDHwrmVnz1bWdZtbGUWFJhChUlMmXE+Tlwk+o4k9GLLM87TJti4\nQDgXmFGhNSXzR0GPWn0ur6qWe6rYMxmRsWHeVyTUMZi5U8NMaSO6xmT/WenX\nuHNi6O0sxhYqvqW2Dhr5SyWPALfmb7BoGb6KN4bdEaf3t5gmZXsf429t27Lm\n37/1\r\n=cEFA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d3eead0763d58975f197b4c33b5c045f765973a3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202423375","@chakra-ui/utils":"0.0.0-pr-202202423375","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202423375"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202423375"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202423375"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202423375_1643067463154_0.9755799617279375","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022024234531","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022024234531","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f826b4b5c5bd95dcec92b169fbc368c74fc33333","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022024234531.tgz","fileCount":22,"integrity":"sha512-sQZ+QPlKzdn7v9SZiklE68Ao8TtF1Gaj2N0K+5CqDLXRrttorm+2rTHZ/IXmSTvYChmPAJOhNM5lXUdjEYgJQw==","signatures":[{"sig":"MEYCIQDZ/1MpTCJ2yT99H8cl9RdxQETSjiVDoDwv7MT89BK+6AIhAJCWsX6kZSyeBONO3A8CMprOz1Trfq4pOl+yuMLxZZb8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zpECRA9TVsSAnZWagAABOIP/3y9sVKwAz1DM5hMZFgU\n5KI3P4yLEAk38dEqfmrT52RCmgbBUYSWwyNxl9tBIfCKPfX4LvBvv9WFx0kT\n7UCKYc/s/9TCqy1N+cKbg6eCSqMVlat8/ivtC0QG+OL+GKMFTjMKwRTYFpaS\nHoHQBQ1q8Ylf2yqi0DjVj+FgSksIehsW+rUiCnMZRN0mGEcxBdu1H4qCixZD\nd8EgPhWH6e5+8NhsBaY/CxXIaCZ1BKkG5CF5MaQN/BsYmmuel6Iafa1pUHxL\nDApXfqSJ90GgGo9/3s9KL9/K1dk/WhynNArNOMyZ+9enwUdgmElU4acZ048j\npiywM0OVRhhletZ2pxkf5QTeMp3UtzSdBF1hYp+FRi/nyZLmNO6X4aZrb3pR\nv9mOmqY+FkZGCdoH/Mhp3C6VD/fXSzD3gT+m8Go01OlA8Mu/CjT50kIG2Y/k\nVQx/AwncTUHly+UJG/x9+prj6qrZfUtwVlKZp1lVujmcTQJ4Fk+71cRBVANd\n0ji3H2F2qsa5ONYA7ulX1j5F2tvOPav6H10ayuGSonzzcEL8Br6Vp70LRq5o\nasiAtBPZFzLsq7+i8zIJAt1EE8dYdSk2E8jrq+kLTSdQgm6yCtNwM9HL266l\nzcQyOV3q8ftsXjS9FiX4pYcZNCHjoBVv5DNx2+XidqHR9z9LAV83951QdzpL\nQLNE\r\n=PBDB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4fe2787ec515af64d8a9642306de839fb4a3f973","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022024234531","@chakra-ui/utils":"0.0.0-pr-2022024234531","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022024234531"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022024234531"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022024234531"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022024234531_1643067972134_0.5499945402283566","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220258423","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220258423","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"628fcc3cd68bcf1e837394586188c70be6e9d3c2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220258423.tgz","fileCount":22,"integrity":"sha512-jfFE5gMMD2B8z9mLg/Z0RRk+5ImgxHdgN3w+sUZN+o/YXR2+Z9MfCgrPmFz31fpvOHohuIBk85gObE0j0o27bw==","signatures":[{"sig":"MEYCIQDi5cOSFsNAIFy/cwMv3MOwms5qd+7eZ8luD80EKq1ViQIhAPcI/bD8/gxhzM5JWTJaW3zCndksoKGVXfFbuw05aLtE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77gGCRA9TVsSAnZWagAAzi0P/2krFXDDpPZ17BGo1eeS\nMCkjGYzqBzpfIBcaOuHcdtdkF3YL2BJZczwPOyL6N8+APmSYU+9UG74xkCnb\nkCcWhZEFMud32ZU+T+46Bux9Y3P8gLRZfOc//D+xjdsCHmyG7shdIQP6bDGw\nSz8wlOavWgPZ6PQLbhwJ0L46CrW7UmRvTVxNRJCdy+GK3epYePP5tExsaOp6\nX142vmm6VukH2ZRLmkEf/vuO7oce3sHW8bzGP05+WIQfLdCzH7G9y02bvT57\nRMpzT1z6KKHFbI+cAqzR3YP8Jp0i7uogg0n1MF6+CfrKqdxA35VHLn0k4Qnj\nXeiX6HAu/vClUe+0zvDFwRg9jFXAnpKAV/UO/LFCuovGnw+pcnDg8OIiXm5P\nYZQ9vpmpdiRJKuQAyrDZkAYOPbHNtThK9P9xiv9DSpnYCCfVAMGjyhvyJY5W\nOo+XuB3d7VfSmPvpLLbOamzpgtKXZWHfAJd5HEctvHNS9nFra36Hi0I6PMrk\nSa+Ea0fUWBiEaFrt0pIo1oq6Wu4EZcRU+NfRWWtnWaP5OSumWkq4v3sPa/Ju\nVrsWnBe3L/Uos3v4rGEKOE5lvHHgM8oTDt+xTtZgr5FvVX6znMdE2hM3FE5K\nnZsuwTyYxObInPezSJEvS8dnZaFlMtIUZVEm+Ro2lRi3Icz+ylVg13avK8Dp\nOCZN\r\n=D3y4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6e651353369eb28099e440b2c273921356ac3361","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220258423","@chakra-ui/utils":"0.0.0-dev-20220258423","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220258423"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220258423"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220258423"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220258423_1643100165998_0.281764345289637","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202584437","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202584437","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a295dc877aa04e3cff9d69699f4399d1bb00cfdc","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202584437.tgz","fileCount":22,"integrity":"sha512-7EKRGfIFFNtm+ObBlWUJ84cHio/qyKXHfr5AkRlBQ5rtdMitInLFrIWM9AVRlcgWq7y4epwEtxctfmnER3M00g==","signatures":[{"sig":"MEUCIHSKT6cVzQRiIO1ZQqeiyzgYi9ecqVhEQxDP/7H2CE8RAiEA0wqRBEOco7xuJ3yrfOalRQJsSXBZ4PVT9ElXRmgWtGg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77ihCRA9TVsSAnZWagAAwjoP/3rE8llk3Qjl54Op6eWn\nbI20UN9utZblQdzc7p7o2eU7kqcWFq6C7YvLKP5K7zsSM/3Q9gXLhFGOx7ds\n8RS56nHDdD4r0ov0l3eRI92V4+vOaFMlrUaKuDCwBQ+yqvYcRpreXjxIgTLN\nmztuz8GOqF5FYJJ+1oo/wRdobdz5EZ+c1g4q1gNrnGRvWljy8/QLR+Eq+11V\nFLeHjXQmUUFCnZ2gprePIm+HJ6PIP4DKw5BYuc2o0pXKcWsfTL+R7t5xR4Nd\nt0HgS+W84N5I3nUNIu5rnhkUcali/eIlUq8mgO5fNONe614DvlRavkKgiAiE\ntWscTnKPMFI3K/c6MDT/3EqfUiJ1lNBcUhKmANgMJP+N6TnsSPRyS0D5kX8d\nbt83LI4x71nAGamqXIu+0FFKvgGiSSgw8gOqU6T22Bjl4eVQiedC7vXkQOVr\nKOfhPV+WKHtzFhusO1fX68/5RO0DEm4H2v1JPTJ4KqoE7BXs5W9vMa8CtIEr\nprttoJ/FVhspbGE2N+NjfT48zpJWDqygSH8iNfVRXhxz/gJxeHzD8Zfn6ruS\n8tU9m6kwmVHVeEfFna7kLbH3k1gbQuQ9WGG3zIEzCfTp6WwtAIbcVy41xtnf\ntIl4FFf2+yAwZFAs2FpLwTQ54XNLaPkgdV6Dzea71lxVgzdx+PwsGwlWpI+P\n1yrf\r\n=NNNe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"92fa404bf4bbb7127cfbdc749accb65409eb3bcf","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202584437","@chakra-ui/utils":"0.0.0-pr-202202584437","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202584437"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202584437"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202584437"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202584437_1643100321306_0.20497637554422377","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220258462","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220258462","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"963be649a4bad24ddf3d7498daabacdc1e3d52ca","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220258462.tgz","fileCount":22,"integrity":"sha512-dMcGGBd4RRT5NAkgCqOrzSre1mfr0Miv3WDfKlWT60M4X+KGlxKO3VGBHtr9OwnyScVp51mg2tfQTIBksDIzyg==","signatures":[{"sig":"MEUCIHLVotpyzHLZa/I0KMI0OK8qxKndwEYDan2dRLXyDb1dAiEAjHYKzWPh3iUQ2eWFBiB+/0xqwMbWZAwHucnxRYYjRb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77jwCRA9TVsSAnZWagAA1LkP+gLdorTILxeVjq9RsGZJ\nsDsEQ/CHmYaE8/xjvqWMo0nfqZZL3NelYjusXo5rb2VLK0Uj1OMoDOB11BU0\nS1AwJ0LQFQF0RUdt5wHl+V+6p3/5cItvVOVe1BcDlg1+wUFkuGlvQ+aQOEoD\nChS6Y/1FaxyMFvxysCwCrKxHiyNqonRuLvi7G2nPxomrtW/13c2QDWLXWhYF\n9fUAjxwsm03sLKCvSwHnzceXhpNfZeB56r8PCy93A+r1OTcAWzmzj6FUtyJG\nahl/l5pJdiT77PY2O8lu/STeMWkx2H4Q55goF4UKiN/ptUw/YA9KAdVaw+bd\ny2F2GqYixKoTEk8dmalwM6JIrRFq1y0+5jsX28Ubxmn/PblWz+MGmekASdfm\nFJlvllCqRyhscMgHJuzRoWYUFpVYD5Rja/nDmulTgiTAFXatXzsB7HSRNV/R\n4fEQAzf6Po/kXdfb5gbM4wRJi4qdEC1WKcJ7aL8SPUqT7X3+i2TRNQcJ9G1f\njIPiPKJ7J0S4OfHBoSwpKcsMoz1JQn0uONzNIwVSzXeKUEpOSyXwucrFkAXz\nZEQfBDSbwLKZLSqKgVJNdLyJs9cJCkoOqwIKkxz7tmH/WUY/CTuq1S88MyQh\nq+SyE/I2PLX4IwmAxWoQmpaLwbHROw0iy8NLuEhPRjJWJrcqguCpmMUlmSFU\nGi8r\r\n=u7OD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220258462","@chakra-ui/utils":"0.0.0-pr-20220258462","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220258462"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220258462"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220258462"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220258462_1643100400554_0.596672356095655","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220258486","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220258486","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"93f2e019a8754c8790f13744a6a27db80c095d58","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220258486.tgz","fileCount":22,"integrity":"sha512-D3EBE+gYlGL/B+mW4P9AnwCga2cM33Bgb2oE3zPA8TEmgaB26Od/Bot7QSu+ptRsflrGh6h+xO21gbzXTMGGoA==","signatures":[{"sig":"MEQCIEYO/O3C0GvTabTJ2HekjOWQd+LtFihG+0P+ZGtpQ1eQAiAgftuap1cRpbW6vffDh8rWPZ37PwPvomUfDy+SEmUpAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77lyCRA9TVsSAnZWagAAx7EP+QG327o5aprr79aGgRPJ\ndjZaBLBIEuXtAeg0jc170iA5npO6bRTyzZcpUdgZ22NHbCplBPJItI4aw4AM\nResucBu8O70w0QY4BdxOC/tQmMjv2gvAblmO7ImTFNWbAj3T1odMf8M65BT8\nvWgEPqNEKyAwvcSXSomX2Y+eta0C1uGmn5AkGItIMXOwd5EL9AKKZ2kTNfev\nzIjKL+u5FwrCfu9EGYP/JWfWJdh0tcO+rredEl6bhqJbtAT277KmqID8mCP5\ncYPtbLhS6exTS1HxOTWLG5vMszw+3xquPL9CfL6EBIkVCCS86blMA9AQxOD9\nrNIox1+IC1aUsZvbJswrQFmmu/il/Nv0z6VC29LHfoQpCVZr9CgiId0JE6vZ\nDONvIABM4sre7UnTcQd0En4KWlcpk1ycT9g8bx+VFd+Vp382v3bvpfxZUL8+\nFef6rO+mtrNWXsIYkiJ2GsnmaGACx/RNRIK6y+d8FfVe/eyZs2b7RPqqUCzn\nS91n4fr4DS4HjnbaCpDog4enRfs6GtGl/ir48h8zpopMSM7J10u+W35i8aS2\nM4NXGPUJ8a3d7opAcfGYVBPlejxHJgT3kvNxy+UZqNyAdSgiVaQ9YiLXhGD4\nYGF7OLoFYGex5LuxFfhSyi8mmXdTTYtHgTCm3BYM9zRLUmTqRMqXQ7IsFJNS\nSkJI\r\n=CR5R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220258486","@chakra-ui/utils":"0.0.0-dev-20220258486","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20220258486"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20220258486"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-20220258486"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220258486_1643100530111_0.6707514686127511","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202202585455","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202202585455","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"14ebf11a7b2e4fa0f28f5859ffb1ebc6199b9e38","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202202585455.tgz","fileCount":22,"integrity":"sha512-MIIr0u29alDkAPCeFKj/he46m/dnHqMsInwKtSHSXwhFSZtQT5YlKurF+Rx9SlqXf9G0+67O10WkAvYutlLv8A==","signatures":[{"sig":"MEYCIQDq3PnnoRx0gnkcV1dVa0KWXEClmIYbIE2L3d8bXRq6cwIhAOdcXsJ9aehnRNMYdBUxmEPlSNtstvzfUVNdft0ckJlO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77sECRA9TVsSAnZWagAAvOgP/0g2XQgtAy80/lttsRM9\nAx+WOmwCkQ0CVl6244Udd2Z6YYXDDf9Y8hI84x4/uHhxLwwtUzyBRseZzj5/\nmoGlWrRXO29h4Mh773s2Xzb3931p+npGcTDWA5jU/o38FlG2UwsfYtfFYHZN\nWGb0ZT/lmvkEn/mBU6LyBGPIYm7h0rL9DJB1+or2mo1xMV1XX8oQ9z0jVurL\nqN1BBm9Vr3VjcN+2/AQSmNFeMWqcND38Rr2g1xZekn5T1NdnQMDBVLFPrwpD\nmbsHXnKQuy3Fch0UUHs4evUk+OgReFM1/ssgKEvJg+zoA1TRiP21st57WENo\nCMq6Nl0C7/HOTBZcLhB1XVQNtvP6i7mY0FSIfyqCJnjvd1ad5W1DxXtWBVBL\nNZJV55MHzdLjKqtP0N7GF90w2y9AVqXCra5nH1MDRHXAYLGyF0AG5mx/e6Mb\nnGoe3BSIYcIjsMic+UMRUBhVGRoxfgAQooC3z91d/Chh5FAAcnFbinIyDLWX\n0NxDmXQIOxPh3jlbM+IwCdQn+MVN/3+UbXpJN/ohtaGQPGGSu6C2M20YcRyI\nzywXNpqeyqysSzgZgqoWmSuOY6/N/lh/n8Q4PQ3DAKx+7prwv9XAOahQQ636\nBcmDJ8wNH96dC9+5x+DpjHKsjHQr3jKz8FRl4fz58W0LKA0N35Lv5iTnBHNm\nz1EL\r\n=BuoW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6d3b6d368771bbcc93006f4935fb54fbeba115fa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202585455","@chakra-ui/utils":"0.0.0-dev-202202585455","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202202585455"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202202585455"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202202585455"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202202585455_1643100932289_0.0499403615267231","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220259146","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220259146","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"185434f340e0f4f29fa2c4fa1b728cf1d3fc449f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220259146.tgz","fileCount":22,"integrity":"sha512-bLi75CfCkzz/+XNBmNQpHgF0QGVvt1q9F32I5vqm+Be91vobNDop1WH71Jn7ahQOjXoHW1Dz7U8SmwyOGjMzCg==","signatures":[{"sig":"MEUCIQCIizyRBDlPbgs8bz2glSM3V6BknD+q7LN5gHzLJhfmGQIgYJ/WAHwI5VVwpo2Ns2RCEmGcwqD2TPFjyw5f4XEVEp4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+FCRA9TVsSAnZWagAAOesP/3wngWiGCFDjQLO/3IEh\nLzNdoW3eFOXNg0SsAp7qrrGYo8C8BTRfzOquY/rPIurEWU7U/jVavYCMir2Q\nc9tACwBxcKnRnt+UUCRuQ8N6MavZziz+avt+YysTGx6Q5PAXY71VT/JIXQfG\ngBrjUj2x3apfeK5OkWXmTVzfT+cNyDJ3qxQXSCAkudY/cEyMi9JuBGstxyX2\nmPbeebugodIwswllxMZNJeksD16aWHwCwn/GZQNWLcxNdIQKm7HU2QpbQibb\nOQHIZis8KlbW6eMHUi8DxYRsusqWwBCHWWuoIGtYEs8bvmYC56AmxDrR9Nxf\nnfJahFwnEPCYqEugy6n/miRjR9T1UOlQ5mPeua6uUeDra6u1vx6c7dhLF0w2\n8c3dIy41wFhNXt7OKoz5La1ogaLVsWdHl158R5NU7/smSxZSX8KCHuKaqYap\nN8fA2M1omhDIArNuZ2PH5Bdo4EAXEs0UKipGvAt9ejS0llxrYa5CihYjZc+b\nv+zowmw3aBvWvSbIuTjTWJwxp3Xy1liK6oyeFSer+L1cOswuFH8CTk2ADgvX\n9G4+LA5GBWUPXOgVhRyEN7xY4lbOnR3ymPdwCfRjpu6UAcHdBJwMTiAvMbr5\nuU7TQ9uNftYL8j63RZKva9jzbVUYlFlL5EuEGOTdJyWcawzfmZxpsDzYiha/\nXodp\r\n=heJR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220259146","@chakra-ui/utils":"0.0.0-pr-20220259146","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220259146"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220259146"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220259146"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220259146_1643102085589_0.5289849359609691","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202202591453","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202202591453","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1da1964e3069fa7eb22feb8b9cd33497acc58b95","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202202591453.tgz","fileCount":22,"integrity":"sha512-Ge8RstRBf2/+XjTN6GgJC0yUUHbOnSqwiM1BssK46DTJBQHi0DGDonynM/BKfKK7WyvcfptSjjejtdfhk8Tv/w==","signatures":[{"sig":"MEUCIQCxMi83k16/dBV5RyOpiytfh+O25SET6bnX2zxCo5tTVQIgewBvUbtR6t0+qqP/7k06cn1TTfIMmTkDXwwqHr0P/kU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+2CRA9TVsSAnZWagAAJVkP/jdA/rPwHs8Duj6WLksl\nYohEdyEZgKp2+NXhOf9AjBBo6pV6L9cbv7O7lkRa7tHKx7vsfjxiyLOeQ0e6\nxdf2LTz23jWjrlDZHLHTEDi6dH6FbYMZ5HpxryRMftqhUDo/Jf0JBpoLHfOf\nOdUaScC3Q7w9ezYUVdBtnIuhy0joMKoHSrSSQM+lePP9EM/hWcbBVxst1Td2\nVrzyhloyIxBLLv7B5dpubDg3janNGcDOoL2t/U2TrvxrHKb5LFOtiXTCwoVC\n48VVrJh2X9nftOlys8/8lxNFXS8e7jzPlWCXeMUQb9Wcx72KAN9SpWAqVWsn\nGFjiwKI7ySRhW2zSRvghc2oIy3Vcq118myKlmpBbpudKdh1+V9PRn1LILf+r\nSN6nCUBUTysDKoRGMF4m3teTeMt0aI6w4h3A8o3i/Ptki3psNgs7YF5rcdnQ\nXBvf4dXmzbM7hDiExmxCU/EdALj4cv75TZwDGpIUy8Iz7EyCWVZED5nOZ1bc\n00Habt4sKCNMUjvrniHtfOGGAH/5VB1q227AY46f6ZI++rsJplUmOmvDqlBJ\nWc4Fn++RH1eIid5KWJupGqFupTKSZ1BHvKBnz+BE6p6gllyzTRl3GfwPpIDT\n3nzFqthWilOQrhWt82z1qODnhZjsXXkYISeryQF4wBzLsXGCRXf/y6pLlLuj\nsFRx\r\n=l7Fh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202591453","@chakra-ui/utils":"0.0.0-dev-202202591453","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202202591453"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202202591453"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202202591453"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202202591453_1643102134691_0.6936527385640545","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202202591937","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202202591937","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5cb8c16d7d3721e8a9a8026934dfe48543ee26f5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202202591937.tgz","fileCount":22,"integrity":"sha512-TYBIt0RJO+2yqvD9m2a38uXyuqixdrJisH+Rg81dU/k9f/TFtMdwu1wHJoXoXapdTIin0AbvP3+6p4locvgFtQ==","signatures":[{"sig":"MEUCIBfyLOHJZGYMtudvlFegQsePaaCO691rKN9TifLnhZ5mAiEAukpL1ES4P808KDZlIm2je5INZvuEXll6zgrevtlMmG4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DRCRA9TVsSAnZWagAA3/IP/3hdm283OwDmc8wbqglx\nUX94B5xoQOTYGXhT2GHiBjrMQCd9bTasMbBjBO11QqqkTJR4b12HWuP+Ekqw\nriwCvqyYOGE+hY5aI2XB8MzjupQur7s3PoCqI8IsjJjMNxB4LPCxaJitdjBS\nvMtDgRI/VICnxHOd5hxLivBtooN1pvV5rfs1q4+zG10gZtSLkrLPsNCKjDRC\nzZ5UJ4HbTNZD3FUxkDcvqF/P3tca0QrofCP2MXAWzQ1LTWAwfNrtd9pLIBoq\ns47B3IGPT+rOviSaZjMJaN6tDcHJQNS/uwJFa+VJBIxdxhpArDii5dMPln7p\nRp09lHuiQIlI+vLC8C8IATn+2jiTquW1VFcoHZYo2mi24d1cpAlrXfdfdhKy\nhLflqTS/MMsNgjQwhoAERULG3/mhs0+/CnRiuDufdePHEX1/8n+DcH5KLQIi\neD2HQQda7VK7oKno/tzvVjYjbqa6eLW30weKcnxmVolLVunL5/EMcnLW5p/o\nw0a2B1P5l8WhdndK+GRD0JAuXEwQLmZ+vzTBqyGIgPKCoLy/jGeje6uNyqEj\n1IKyRKUS0mu6icLL6WqIlPFAu3QD0Yr6qSTk1z6lZWuT1vEQ7/qaNiSakr30\n6O4le+OFBkuH8ebaQwHh2UVWGAK5JlvSdWC+yftP3nd5/6ywYRcVv6uZFlda\na3yh\r\n=mwL8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"39c7b1664ad18aec22c2e0bf5e92ee32a199bac3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202591937","@chakra-ui/utils":"0.0.0-dev-202202591937","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202202591937"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202202591937"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202202591937"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202202591937_1643102417348_0.342219035253879","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202202592640","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202202592640","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"318f672cee23d50d169ee8cba4fac46f72af9e75","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202202592640.tgz","fileCount":22,"integrity":"sha512-tKR/2FfF9beBYszNlbVedXpeHYkDzqXdvXTj2BBwgyjIY8aEWpmlEQwrpv0vftln49f6AjFPvcsXDSw8N009kg==","signatures":[{"sig":"MEUCIDgbZMnEBPR5/rFroh7/XkKVmDX8qFEK+y+4iJ4taSaoAiEAxhMBOP9c6prRxc1i54qUw7JYlkxFPMU/Nu019cuZVNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78KACRA9TVsSAnZWagAAtJ8P/0C59fRkaFrKTwK+eR6r\nyUsiI0hNl6h6dK7FWzHwfJxFuJ4xx7XTV9a5FZp4SvLj5XBF+O+rSpfAghOv\nHmPE8Capvz7rp7jF3ZvrHbVBJjNgFa/uMBouo6Ihg0GkZr0zZFvPpAibhqUN\nh/No7qh03Vs144tgWX9yisWNXDzENPmXUO5WGm+mchAw15vGQP3uG9gm8YTm\njre+qK598M/dN6kKB9EdCHws0a12KuS/ISPtE+4qPGqRokWHqV/J0gHqdJZC\nlgWPSjXEjDHQWFUpRyCJ1WrGwANz/mi3x/NmKgGsWHtwUE+YRfu9wYMYM+Lh\n2Ds0E0dAlf8dhTN0LNIwqv5w1DcnO7Foki0XmxnGs8+akcQ3g2s3tSnnYm/7\nWQkvgFNBj+hhZDRFHwcf8fcXT7sLA+z5OVm/s4eeJBgUOWCquy6Ai5HZ0rWf\nbWT8aUCS0lBxHHZPLp2R2RN6dDD6FT4ohd/bSRkLV3rcUVza3NFQSbP6nb0s\ncBKYtSwizHNqyAoHf8y1WuleuPoZsFbv63/G8U5otAD0nFvw3q2XWMXQUo33\nd+ETS/DR5BR2Ha8q7HSQmFlAcQdzIcau1+zXs34fzuSOszntgldvPsx9hWsJ\nlMrZuyW4KKLP6Wx5E+CiDqxHN4+DCIWGc1uqR5+WP8GQ+wNkD1z+dMavwdmI\n88s2\r\n=ov30\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1b31b374cbf413a551b8bd288da69e35c6bb8379","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202592640","@chakra-ui/utils":"0.0.0-dev-202202592640","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202202592640"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202202592640"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-202202592640"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202202592640_1643102847881_0.4638061280040193","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220251866","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220251866","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6e1c6c5dea92934893a135c0030ce1b40a1c90b0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220251866.tgz","fileCount":22,"integrity":"sha512-q5yjZJdiuAXITNDdpZqEouBIYBqoK/9fA8T+cs48pcNIuhhAcZBLQQikZjgbcnMfQhoZYQPLJTPnNoRxr4EAqw==","signatures":[{"sig":"MEUCICxRzV2igfgQPrA2/rh5/GkEcetpUkfG8GDXAo/OrunIAiEAh5vYvrPhI1PZd2f3JeAneQHcNbFeZEptX2PYI6lyHPQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8Dw1CRA9TVsSAnZWagAA1f4P/2VStsih7H6aqADC0Qnv\nKFm5jzUTXUNeXzKY8on8RAnUP+ULaDsJ0LRO9KGACOycU3mmgfLu4S0iMlpL\nbvkqNS/96N1VI75E3QaaRQe3qpTcYBMnxcxUh6oAJ3WRn7kzUcjbWhThMHTa\nBLcxki/k/3qZkwkbT8KfN6bDcBpI2/Nv6YqZwwtcfNsEmjrlpijxHkWX3T0P\nvIFdw+KG4aalDmC3OfllGmWauKEoUFzpZOR3rDGjiuqa3wOaNyuA6ZcWkyF9\nSYouJPSY+8I1GodhgbAyhAAO8/7kxoLPr9jCYP9R5lB2uu70p72wWhonItjJ\nrxyGel705QhLuoE1uLD9PpAtt9vyQ4S2vIVetdtjyJTArs3ZnUMhiF3j69y9\nfDWqZZSscPZQ0Wn15rUVnnX4cZ6LGAVYUBRV/zbzf+hOg5qfiUHyBc+TcgbW\ncVXjZQta7OrHkQl9FAEZghB5eKByGFHDs9qypHPQZY25X4db72F7IyoLuS4I\nAkhqOJlddOzNCHyiWhz0Uf8DnuE+KIDAXnn3HVzhS6VF3+wneqmXJauLyUnv\n0H4Y00kOCY8Bs6uvLXoqn2LxD4dgkcftFHgqZt0Jrdf81PsftYP8POrCnrwL\n+Y7rGDFplhEqTm0lF+eQGd706qhhKeyS0Th49Wy5LXBEiCJmdpS+JIC1otoS\n/G7/\r\n=Fozt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1d6266a4b69086a2bdd69b3a110678c16bda4c4c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220251866","@chakra-ui/utils":"0.0.0-pr-20220251866","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220251866"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220251866"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220251866"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220251866_1643134004931_0.09399183825175861","host":"s3://npm-registry-packages"}},"1.11.2":{"name":"@chakra-ui/popover","version":"1.11.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"34695b704b92abf9712fc6ac303f513ebd52a628","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.2.tgz","fileCount":22,"integrity":"sha512-ukPTam88T7tFIbE5tMT57AhsNVpoYf238QPoUA2JH1cQsVRJF6w6c+ygubcNU1lfr7eLAx7D6csS+mHTx9+Hqw==","signatures":[{"sig":"MEQCIEGeO+IxPr5UtMLYGgv+iA5Yojp16UwjXFQWz3ODTYcFAiArVSoUAoqERhv+lak3v1VesSBAKSOAi7SOtT30+5ox2A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxcCRA9TVsSAnZWagAAnVkP/RNhakvUik5cmI7gB559\npeM0+pc13LPPz8oaPoLoiJpJ2KR8PC6zjAb7oXmgsyxKloVbpVrPhiakR7UK\nfqVqO7L7wPl6+H9cVEFEvfP1OSKKGVLdAUdN3fZiF+J896GZ0jdSM1ID9o78\npkm5WSX+Htcy+JDn/YWfSqisvZIZasPJeWP2C8XdwEnaB5CinipMrnBULoHq\nzRe5w9I4TdrgbcTx7NB7ljdZTCZk2MiQ5EnHyDSR4zwsyx/4ojyxF9WXaZm4\nZXwmCvVdMhEib+7BKLsoRVNwxHxPrWOyUTbfjvfcyE7gvDTrozM7Vr3it85s\neLykTxDV2g8/UdHaZLakbnyc32gWN04fddkhNVONjFmC6SVY2G4IQ/twvpWC\n015V0CHgQkBhpo237CSimO4FksTG1XUl7OG7lCY+ujk3rItM5lXLrjuk1CQW\nRpeG8GYa2DXKqZLSo1uxQJD0hXG98owAPtYIIarR+C/MH8UwMyPK+6cGu7SG\nNICPgWYhCBCg+DYp0If9yj6f1sqxRnKZLAtFdIysiCd2ML35o/CfOIbx3aqk\nrTpITeLYWEQXRu2Em165yCbokjczQ5I8QrPsZ02YsqCtLsRNdjWeIb4Eg9Hq\nSKc9ktjobDxtlMr1C4rIRkebPRwq+OjZ7CLsU7QZE4ZIi1buG6LWr46p0fG8\nv07t\r\n=+njP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b8508b0f3f99e0ef04333812938efad93da02dd7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.2_1643134043950_0.08561545155782246","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022026181758","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022026181758","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4608cf72000b69f57b0db6f7557f3700da12f922","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022026181758.tgz","fileCount":22,"integrity":"sha512-Vp2R/tzYOzOxVBwAiOMEFBx5e12fwdMJqjpDs/t0mGMhYibLFWTGwhHB7jl0l7HzmA+eBbwfFHP1GHNwpQFYEQ==","signatures":[{"sig":"MEYCIQD0t3DYNSmhu+fdcgw9pXTUHuMOd/wrm1rjolig1F/naAIhAINi04lNe6nZknZAaG20ItuVlXKF4de6a3gkbYI0GJXh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZB9CRA9TVsSAnZWagAATZIP/iw1ReY8Bs+hn9gbtMmZ\nyDgPCWTRA3SjfMT6r5aezlMfGGJOeAu/pGPPpCCktNSqYtaIeh0pfy1sNDwe\n1Ukjbk2QKi5gCjhBtcwd5mxSXcbEL8DBK1DhNBEa17TSJUoQjVnsJyBl8o9+\nscenTkzTpIY+FWUrgQZJlfa3XnIv2uRareBVP4CviJDTEwqEAVh6hsQcX3FP\nCsaNE1g7Xth0zrONQchWm+jSzrjUSUBvCAWlYXSA5F3Hi/oMjNmAAXoKzkpS\nevZjcNLHyEc+ybqwGmxxqCHFngKJpYmKspl65YmkFlVqk4UipSF7GZB/Si5O\nFhBl76B+86gdjCP5zv5/Tecvzrof60gzNUbu4EeyHjZFCvwPJkXDchdVkYpj\nPVsdgjRL9K2Oxgu+fgFTaEStG6DDLBQpohWty3OrCOOFQnbfjOCunZ15T2hI\ngXYroTE+1Qi0JF297DLbueCToln08Bjd7VgR9Bndo/ErO+ys4VOjGHFVpepJ\ntMIwGtgObFmITBtelmXEILmJx/m7ONeMFv94NbL2GJvNNAjer375E4Jndroi\nR18MxCS8UwMOrTYQRp2BdvV8BC17LEHzQjIxuT/eWkLHlC/LORLVJ7/ghtNp\nRZJBhb0EA1cnKH53Fn7WxA5ebi+3uSpmvjtvTvxJFdhigDmvRMVv3r/V35EI\nfy2w\r\n=cyRi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b2ca7dcfda51c801870c864e98dc23b2cc90da78","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022026181758"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022026181758"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022026181758"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022026181758_1643221116774_0.6338936422042052","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022026182926","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022026182926","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3a774765294355b1c0551d5b9c2a9484ba850a4c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022026182926.tgz","fileCount":22,"integrity":"sha512-2aLye6pfBC0mbNCAk7MueI538pWTrVYEw3W1MnJcqnQgAUhovoe/t8EZxh1oPEuKq/Tlp68O75qvVmKfTOxvbA==","signatures":[{"sig":"MEUCIARisAhj9a3WHrLZuI+R4UKppJb3oI0AF2QRT8i/93u1AiEA0GQHun311ZJ/UGrKLtnK1uzEPdnKuSJp2LkW44bk5ps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMoCRA9TVsSAnZWagAA6cIQAJcC0kaarkvDrTmqmdMc\nCC0CD/kJjvJlmBMswIbFx7jVNit0gA5F9qbdZHyfnePzy2lIny6sKBgT0GG5\nPHL1c4iG0ObbLJWQGQb9+y3RGNGZGjQRrTT2jPJPIHThtminsuUTwCVzNN1H\nUhFBIt5h3Iu3tFzapnhKHxqjcguEiSAo1npTeU9XXSrHO7/UY7vXCCpJz+da\nDJA+NB4VvlXbE1fr06PLa9nBnTNdFXKAwKP9EHIL95Q1/6NExo57ij/oYppp\nUBZryXj8b27IqkxOb9f04J/fKJcZnarKpihp7zAXC+Vth4PynYZLW9KR01Ha\nxypXbnSZOAp463eJErzcP4vB5dBLW8I89HS4gK6y+1Dv7NGTfmdff8QefAti\nmvJHUXp3vsaglgcAtOzJhkCQKAise5XE3I4JASyzrvBqMcLmsN/HSNCX4xMF\n4086GOshkS8AuQwyWhFVQLqPpNIarQ32tUi+6zWJtWlzJh3Z2PoVcw50kmud\nYs0nXn6teBnEtuTk1NARUk7jnztdWvt5QqAUZ6AvFHw/p9PwrtapVqrdLPwZ\nWRmp7jhUhEWFIgbcHNS/hBPfrUT60py2LxeHVeVq5phy/b5SV7JVmuPcgM0I\nrDUxkeI5fzhG3Nr0010fCQt5wk5rgIxT4bhc3F+BiLWK00dmD7awVD7y4PTR\nPkgh\r\n=k3xb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-2022026182926"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022026182926"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-2022026182926"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022026182926_1643221800637_0.7220889551557936","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022026182947","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022026182947","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"056d4904dbc6c1855082570223eea1850a0b905b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022026182947.tgz","fileCount":22,"integrity":"sha512-BrHcngpZaOpiM+xxUBP3G/w0e/u3s4u/m+WkZwEX4gpQVLci2F32VbW+pyvF0kQYEfqqpA4J3YCIrQtn8gECJw==","signatures":[{"sig":"MEYCIQC6Bh5WeU5atB/zTPIhpmR6io6pt/6iX47GjbTjkUw3YgIhAN++XgE3x+nYU36FgmlbTe3yIutiujzoFrgnk+puyPSv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZM7CRA9TVsSAnZWagAAyiMP/3jNcKOpL8YNDgcFRaOr\nw851/7h+lyCPObsRGtFo5727U0Br1Sde+H9kkdliws0wWu9X5Hi5LncFEbsK\nEDvYAItOkE5H3orEtP4U1l9ap+vtovrpyxfEGu02AKyZPmvP67f84xMoGe3M\nsvZqbT1eLQ4D8LwhA//rUebBLcVe4Rgd1qXHDz+geI4uqPBMJiNjBCmIYf8f\nSIQzULDT6NfeO/mCLTf4fxuZpWi1eelqbgW/3mXjpCIwqAszmmNoQi492peE\n9vOi2HjTF3JKbme1Onqo4ASq5lRzUCPc4HpKLj4Kkco6kkc1FSoW1+Pw99pY\nor/E1ZqcJgqYHz0QdOg/MnINrzFPD/CQgu/lX6cY3fSfw6D75nX5pQyva5t2\nbtMnTNjfd25Vtz65szh2pwwqk/XW7tKL79MeGEIj4dnI4a+Zku35rxuHV71m\nC44Xu3Qekz0IIqnqQRvce9Rd/h6O3CZT9xF5iMIctoeeKuUy+Urrt6X3fOn5\nHJorr15sqbfWf9/gk74gIGKStZVt4x7Bmh+IwP6gWY/0F6cjkEI9Px68mLz6\n47a6uR3oBbFHxdrRgCuVyea4heUEBTimvo/qPzBJB2LuMkBw5k8wfh/P+mNC\ncDdcmZy2UEcGHcWNRACEQYeDypPuz4OjZo5ELtjvjrHZBPdFqVRSdvp5QirY\nwnTG\r\n=5Hn4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-2022026182947"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022026182947"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-dev-2022026182947"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022026182947_1643221819824_0.5690992591656356","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202202618407","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202202618407","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5e5325e7c24ef1bf41a34b22c72a49c457654984","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202202618407.tgz","fileCount":22,"integrity":"sha512-fT270YJMmh6TYZAvJAhuXyGXqGIin/yAZ3+TUqqgPgH8Ftk/F+vMNSHlWxf/bclNF9M/nRETGUKSTv6WKwUepw==","signatures":[{"sig":"MEYCIQDvlTrAOY1Fnx4WIPTLwW8hSe6iTFnrnPuOdxiHSfDrHwIhANBrk1fweOUWCUQtr+OWlElpkEn0Qcjz5K4M+Iy5IQUr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWkCRA9TVsSAnZWagAAc3wP/RyQ5O8R4AdMTIV7LR38\netPomzcC0aEQcm3iMAE18SbUBMhiZVcMUxkDDrDQmJklAteFfm0i5PqauERB\nfenqqqyElppCCGalx1WSJP7Uy+TgpDP3+nl9XCtEwEVe6vbg48jPr3c2Q+1z\nlYw7mfl0EzdrGfZavXfVQd+5x294Lk/yfiln1dlVz8Vcv3As87s8xWi8AG0o\nYAHGmPQuXhPLrb8zgT1CT36Hay2TCJmWOCRmoV0n4iLxsc7YaHEuqstko+Xt\n3Cvj/jpitO7eBt67yX4872yL37FQ/QThvlQJux2iyiDwJxQgdc42MBJkpcH3\nGhqlgY27qxfhJ3uXFLyVMM6lUxmGxZQr1BOFquXfWVneAffsPu9+3CO86JSF\n6NyUe4p6Dth6iWfS88Sq6Bv5UfCnNk8RrnSBz2+TPNE3SZDsxiNMaGZrh74P\ndDGHZQBq43CLZubtz9l9zCaSmjHfFOB4tlSHUUbdV1Wei7+gw+OoxlZTpH90\nWkyh86BbVvccelPzYiXvxL2gKtNR5GBXfDtcVVDKpM3Qs4i49f3BNvEB09ln\na3rgqiFjBr9c/iH9xV453n8tXm0qqBQMqy0uQ2GFcruBX2GgyzZDQxyqvCUd\najipcpGg1p2mp2Vvk5tAejDUvD7n4W7eUKjkr1TFAHrJoUFW4sSAstvNeuYZ\nrG+X\r\n=2b1Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"14239a2e6eff4ea17b2eca405f52fb26f02c48b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202202618407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202202618407"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-202202618407"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202202618407_1643222436063_0.5759596543581682","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220300344":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20220300344","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20220300344","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b780f025eaa79f5d66da695131b08e2a166508d7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20220300344.tgz","fileCount":22,"integrity":"sha512-QSpzP9Lo6sQJC8vPGARo0TmJ6mzEifUQVg7eVvHyaggTtWmNokAFCIPa4POS/wvgS8pj+cPj9gzInu7620xkRQ==","signatures":[{"sig":"MEYCIQCsu2X4Il+8xjjUtSDwJD+3a5d8/5acQt8uQxgg4r0vxAIhAIgx3Jw34xKvCEJ7UmZ11nFPesm7brhSOXowhxyO6ewm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9dX/CRA9TVsSAnZWagAAzREQAJqZv+tDaVIYoq2s/q4g\nZwVSnA9lPFDHsEwwV7kDvaQ97Sn7eiPd2Hc0P0eap/j4Zb3Hqerd3BEhIdsN\nKA/AeAE6QEJJ/seUuU6pE+reJqccoilP81dq6MnKQudIZ9htzgk3CNyg5vcz\nqfoyjwmgZw6DHchUoorUdPcLHDD31+Exkuv11pjEVErG9q/jj1OUDUVP3iT8\n7bc2E0ToHL3FPGlmjoUompSBsnQRHfZGX6OxQcbAs9IZn7qstnxBwEhyVvyb\nRDxMrsoq4HztkaxERptCSzvXw6GDhCDJ0JoopFSyVEuSCNDiTB/ivo1Yqu8H\n7gE/t/Z7qetdYAgVWU+q5j4CFDPfrR2vdhVfhsHLWYH1PLApURlspfuVUpSO\ng7Frg7n63npc6Lh7qDzxCeXPGvVl1NMyUd0Nsqmz0dKjkNyy0vgZysZwNc3S\nlPkPMXQ6pIuIOXkAHwuE35RC27L+ne/DY/Ft8eJPqYQuw/lLN9kKXO9K/nrn\nYm+GvfLL+KTiSyRzhiOPPcG6SZswECRlcVewWkz5fdVUgibJE71QwwqPgC4f\ntylIYDHMjumDXrN9BJCoa9EklsdKBPixe8t7kjWvDphadnb3F9OwCYKG4plN\nN5kkUoAiVFdrutT5nEqHM2kog5XyaTKxclYhp39FkWwEss8dbC1XKvI/s6vu\n4e9Y\r\n=dIFA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a62b5ddfadc06b2af6d674a48e42d17aac9f93b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20220300344"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20220300344"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=0.0.0-pr-20220300344"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20220300344_1643501055776_0.3453605410890255","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022031223123":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022031223123","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022031223123","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ec58d22ad6fef38d87952809d8822b44aa145884","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022031223123.tgz","fileCount":22,"integrity":"sha512-zRTlB//uevcNUowH/QGXDyb/S/dn+voGweCS/axUeFppHt2qUUYYTXscVliSMTlsokrHdPCxMupZeiuRNjqpvg==","signatures":[{"sig":"MEYCIQCsOBkDdRECLU3KJjZerF3/5eQf6OnwL4eezj7RFUrIrgIhANZBPcSjduRA5JnvEBBD1rCF8wjWCvrZh+PyfZbnqmzW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+GNSCRA9TVsSAnZWagAAUCgP/RTZzJPUtOZC58FdWeM5\nZ6dMTgEiJn6xGRuSyqhMwOicCmRltwo0EoCRobeE3wZBoUe5bEVgPzqqjKd7\nXZ7GdDm6p8UKeDrAA2Uj5nAHCwJIUbs3vtpWFwbrVDSJ7dsd2dkV1scMVZco\nAYZcSfq7e2392Xk8df9E0XXxRBDK7OnmLLXD5Br6gdWQWPxEsuqyAfnB24EQ\nP6SYF1iscmUkIOjd79pneGproVDo8fTG7HqDxjeSrDwbVnXRQ235uG72WkgA\naxOUzR7ZiDyRdNthn2nAo/mES7FDqp/waDciuL1qIDa7ovatW0goEF8HYWQJ\nSYq/MfRtTf31j2iisbIKSbgFj99rmTZKqxEiee0xNvPg8WCeDXprB0iRhEwN\n2XD+/JiC9kHCHf6tAnqHPtuSVv4lpyePyU16b+l9qQJtOyJ+VuHiR+U9/PnF\n4P2bktLUBo09wPvEQS4miGjGLOfXjsnNr3ULMG3L14TGeBnKCNUz9rUdUsqa\noS+N1+2rnZLSrzcJAx2u06CCHC6I3+VKQx1VKvmIaTgIz6d2Jio2OXXl+tvi\nKRe+bPR1lOhDLa0kqQRngmU0jfFwjOzru1Yg7Pnh1rp4rZP+7TluxSz0qYlt\nHSJrnqnlCbkp3Cosu1w7pCAPHlOJC9L9iXTA02MyNyR7dTB3HS4pk1rhcFdS\npflW\r\n=xR+R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f1d02474983dc8277e767dc729abc3cbb02cfe10","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022031223123_1643668305988_0.9842525938269626","host":"s3://npm-registry-packages"}},"1.11.3":{"name":"@chakra-ui/popover","version":"1.11.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a698043596acadebf3d89d5e03505c9e73e33570","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.3.tgz","fileCount":22,"integrity":"sha512-J3C5Kjw3oAYAkWJQXUgEOnzj4gGAfNjkGACZQHelUElKbhO13wKTmVEWV5KWS8Afw57k2DfyAWxtNP9upWRVLQ==","signatures":[{"sig":"MEUCIDxvAuxmcJM7jpPsASrLo1hMvYlTeghlyzEQy1VQZ2G4AiEA1Jaov8ut+QC0/gCSLiPtMgkH8wyibF0rCAj7LBT2st0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+GRkCRA9TVsSAnZWagAANKkP/2rC/p64z9zvUH2SAfBs\n5Ht16gOpe1Ia5iUqraGmxYLRQdYbMAOGf2/mqiXDJm5FnaOtiwEMUCinIcBC\n98pFnZ4xy2CQZHD8ncayEELDcq+LqLOVJ+wUW67zIwM8vQsWx6/QdWOh/msL\nkHi2v4EKaQyqd9ZOE25R6x/yaejgM1wlNbSVbDMt6svYdfOrWYxmNpR6U8er\n23G4RCy5avRPYo43Sep3dTyExzbCXgGgsBvQNPWLhOJgX/l8cOiUzyfLj3Vm\nlLWBe5zh5kwwguJymUAquzS+qQEW18pmZGJ2H8VeRaObISARE/4Gys5SDnXO\nMM6dPuD2j8sGquY+x5r41qngE2AVn2avvR/tQmiO5iu2UttoKFFJR4LAPJms\nLXn1TqjNLUp6dZ4D5arV06a+bC8mCa5RIQ4uo6LobAo7rYFfVphNsK9r4I2n\nIuMln0ynymO8vo9J1Pag+paaBJvFE3nP9ARBrTI/2x2w4EscOE6gaBGnvGOC\n4paQ5HlyVevlQ8kKWDzRpZtwKeDVCinvLgcWXQVNF9BNSb5Ky06n3Qu86tOi\nO6UhfOzK9m4+Qb1fAunWv1NtB3etR6yh2/jgoeymOsjk2kya+3J+Gm1XsXSR\nU6lbFVpLAIlaibmVFVkw4sq574MN8B4HnvRFfRREyxT8/TFpn5wmYi1Q+hep\nYT7B\r\n=L/fb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"531278a1937302131f8c1cc10f6b6842df33da95","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.3_1643668580728_0.3493680002007915","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221152447":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221152447","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221152447","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"26a449c79b2768bda03d52eecf7b2178cf286b61","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221152447.tgz","fileCount":22,"integrity":"sha512-DJOTu3MowqoOcVLXX0u3N7a+B4ZwkVv/HZnq6vTUKVzyyDyK09BWOmQx3UIRgSiRwOxxSxElqYjdxllners6RA==","signatures":[{"sig":"MEQCIHfiKirvtURK4xfrjBJWJl/bEZLg0GhuiX214LRX4oGoAiA8E6o5kWcnCrv76x6eFcnbx6InP7ILsF0sb+uP2SdWHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MQ7CRA9TVsSAnZWagAAC/YP/1yVqbh0hGdsoctwjmLj\nAT2OiXmGQalgr81U7cDP6aCcsfBLkM8SlSZwCDuKQgi0Pr10+U+uuMRcrFIf\nEH1Um/dtkM7MVgpdRNYqFLMb7XbhYtRA3Y+TL3tGK4EzytrCgYXOTt6tfvPB\n+CAKWUxT/ir0JhN9bmStQ1FHZlf3kTyDuWks+KQSSQNeK/1U9mo+kWLFJ9e/\nuDiQN+mV43jv15AeLhaw3q6CsUEWOgbTEbn49TfBUB10oK/ngn5sH1+yodIm\nUf78Z+KuDl8NFAh04OWzrPW9NBK2vTHTffTNslM5eook7S0ouUl2tTsGnPSl\nIuAvGmmJUk60NhqKyLGComBrO4/05yBUXLDVcp95OV1GATOzx7vnQe8wTUoo\noq0MtNsXccbppFRRF0SkxSnyMFGm5nTcoUkaNMYBpZBBDpj7AbNClfmAO9+A\n8HemCoazbWAgsm/D9fL+Y8UOgFVYooXfzaxbCwMfQkZGcPSARz6t+ICXnIsf\nMAUDJaYHBbVO8Xm8pQH/Zs6PHqwuQXSHIE/Y5otDykVteK4ZmcFoKa3EatSq\nfxrwhTgArNikQ98wXLNIYinZRLcmLlPp3fjnXTXlqKFU3T1tlyagjNDozcBt\n+PNmCrtd1k+y/AgLarMq8SqSEQGVqbtMNDaIbvKRrLQkUKZe2xrWscga8b6f\nLRLZ\r\n=Knwg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"9d742d7c0ae7729ce655802f7f7db074a674ce49","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221152447_1643693115361_0.22054610381839623","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152516":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221152516","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221152516","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b5d3beff15099fa763d4190401568d7af46324aa","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221152516.tgz","fileCount":22,"integrity":"sha512-/3yja13SI+H8nJyV1zN41f2Fg2HF1j/PDiozrzGxCZV1AD+tFhzOgsfLHs8SUHf+/HI68Q7PqHYlb8bb6nfsGQ==","signatures":[{"sig":"MEUCIDVmUjwJltKBVFcXfUV+VqPMPhI4c8dKhtl8ZAfCBoGQAiEA8stAlS0+4bGMoRE0k0FKXeVxHJXikLCYuG10Ndo7qqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MRYCRA9TVsSAnZWagAACCEP/1cA4WIkONbymZqQzV5d\n6ky8CSkA/Ir2vG42ro8XMb8Vmw5QvVCDSaIt3byH2oIIJ9g5Px/AeBNx07VZ\nFFbsp//iRSIIa/Kd99WVq2tHx1s9WuHqjBaU7qbpaj+aN1MXqNs4DD7noAoj\n41RRhztqghT1tiyQe5cXew/O+ZSIlh6F67p8DHRZZ4Rfnl/i/y/hr5giOkSK\nbVqZG8S+mUt8bai4w+AyLdDLFBtZ4uhwKUQWpKfGg3Ecv4pwsJlWyhP66JkA\nPZkhKVCBXfsftWlZZ2S7evI9tCQdSR5CrRKG9nNtckmq/c3YtuERPBkpv1gP\n3l6yLaAUweo+Otb9UAvgkIs3C0YwUHdDrmZCh1x1taY+p9pUuIiyIPO0oTEs\noUPd9w6uly9mQXkVjPMimGp5Xs6eeH/yd61P4pt/cIaMOkslUctob8ZpuHWm\nedg2YmYuQeJHaDHyHxi5GtdhoJmKR/0SOyzCny6fEjsomjm/kL29DLme2Y5V\nIP/D15AlT9hjHudRL99m8RfDIocUguQpygRLeRQ5ZHpNMRErqSJjE4JIQFHv\n1tOaSpFbDZzIk9fWJv+QxICE726mV3IQBiFGUTbGNHhERUAcENFQJSjsl8lS\nkEDE7Uv27890OmgzoTYkStZLKQWGL4KqAGSFabJgH2nM8aECaUooVU3Z8RtL\nCk+u\r\n=H4Fj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"9d742d7c0ae7729ce655802f7f7db074a674ce49","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221152516_1643693144442_0.08155084390029832","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152957":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221152957","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221152957","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1a2a860e6fd84e0c7b3b982444825d6372648dab","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221152957.tgz","fileCount":22,"integrity":"sha512-hRsZWmaB6G1cCWZGPsTcXVwS1kFWZgh/0WJif+ZyaJyMoocdnie7nlw7CxSPuf26NzJ9q/UblwFrDOeyI/exfg==","signatures":[{"sig":"MEUCIB451+hoxR6cIICsZyHaI+HkHsQc+/0x659lJulEnHQjAiEAiMy4X6MIm/Zh5U7itgnGU1J3SxJrLtiXbDUs+lDYdj0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MV3CRA9TVsSAnZWagAAniUP/Rbk+/asQVZjEDyyblgx\n90RVBMaTPFl8SHvZQRwwh6Lr3hItcGTPyjyNDGkT8ROnIEaxfBhc8jW9VCh2\nQ+22akQN49pZETyOm1GYptWXiRJg0+8e8/i4qA/iNsNQWbIn6pK73aATyjlg\nfvfOjrloTWFvBQ/pOykw1XUvdl8bW1QcaHSPbXEBZiSJOPIRMzSMyJJyieAu\nB2ch4nkqs+EK6LUi0Vi1xDP4CXugBSOQ0bzYBlatRqom4q5yrLlEKIXa069s\nCK1RM+/MexuRz+YGMEIxqEnRI2RjSZx3W5eN6rdKRwheCImv+4PgLbf6M/1v\naJ5MFxTgQbkLKJaYkeoqjNomR2hBl7yYcrybM2Gf9xUIadmHf29GD1Z94xJQ\nSiIi47FSMTgOu0N0Z4d4i8fys3IgJl1yWfV0QVmkQE+dqau8SZv5FZ3x6WiW\n5XiCG4GrfNwzZnDRJY/+RWRSVVMsRZellXNV9H7XVySPueBUiixnoTbn9POC\nxvVzOhUXZK52Iptj5Ax7UcqgE2rxU+oOgD3DDnDLbeCXMNb8UMbk0chTqZ92\nY/TcsC2Xg2UGUVu2voUiq7vSbU7sAOJBp09uHND69tqg7OK4CHNqfhAaFl55\nRqmxmAqS9YU8cTcEBes5ezKibrRxtiPtu2GDM6t9rtbRz/vpVJySiPMYQhhq\n+A+g\r\n=6iYq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e1057b085f47916fb148561e40fe0b4afbdd633f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20221152957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221152957"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221152957"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221152957_1643693431093_0.8056140313398448","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221153122":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221153122","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221153122","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3d570e25a324d1c18b1ba615bf42b8d70991c76e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221153122.tgz","fileCount":22,"integrity":"sha512-uvV2T5uLaipKx4Qnh6PTqp0CuA6DAPRypmguPTTAvrvL89KqQT0xtAMaLj0z22a2kXSXxbBGikQHbQsvgC6w2g==","signatures":[{"sig":"MEQCIGM2f4tS3FLDPOUYNR5XTk2z+tJVu8hRSAXYsdkleyVpAiAWemsHCyU9UMC2kJq5JmSLnrWQL7UvNDElmJZM8PAocw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MXMCRA9TVsSAnZWagAAbYkQAKOsCkIGk3I0nsaCAfCX\newgLWGprXGxpGS+IwQGF0n25yqG6XX5vxuQYka6tXCwl7J6wgLAYXAIifKXY\nosKPiHwYhF+nSwNdrrXz622E+/Fh6NPgSLhFx3ckKkUOJHJrlCup4syR1Uq5\nIncTYBOgMSObkvrH0G46QgHK952siwvew5RCVZnOZS5FiUliS2kr9mc5UWDu\n09D0ehalKdhPLHSGeY+lK7nr9a7mdchXlRKWggeSDuLlEqWv6BmByiwCbxEx\nTSMBgGsmb3a+DjAth7CZMAUZjjGknpRyIcCjfeESrd0WC3AN48KluknlN7gI\nTEvje9yDULyitMVsC1xmXYav82Hogxf8UPYGX1s/41PqHOIjnvtQ08TVH2pE\nxi8rKx9C/kZQHg8vMAn9A1TqDDAzJwOnMWX+6slbfkaAmKpY7Y260e3/r/Cn\nsuUS7xa66pbQ4nGjX7YEPYwaZ3xpFEq6YIWgn4oTweUJd7oeuzh2IrDBitG7\nxJFB8PzENFMCA8mu+EGXNRg18DsFjKRknXP3kzbxOfGxlLqp8jzOsfkdCZio\nvREGAL+3FHm6UkUoZOcDYmWk++UnoaD4pmaZ7poNuRNcZ1HC3BciYbcAadp+\n34Kfd+jmPDMgQMbmNK8ZLz0AAiEHyxngqYneVY2zXUHixMM9zGb8LmpTcXih\nBvS0\r\n=JVXz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b2ce85e29e16138bf67268fa4f2ef56de33c60f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221153122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221153122"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221153122"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221153122_1643693515973_0.04527668187528655","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173228":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221173228","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221173228","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"35bebe688600300ac776ae8aa124e6caf2fe6c6b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221173228.tgz","fileCount":22,"integrity":"sha512-W4Xq56ji9/r7mgTiIisAyYDQDzubirVkfkjJR43SAneTTJDdNtFvRkGq9wLTom4I1BTRO2cPFr6E9/PY04pSJg==","signatures":[{"sig":"MEUCIGVC+6YroPqYyW1zn5ENtkMNvmFQU0K0wMsdr8at/8rnAiEAt5sFEr6lgZUK2Me2Ybw7pVEYp5i43sIzVq2QdJLsTsA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OItCRA9TVsSAnZWagAAvVcP/3GSIPwJGhtDx2WwACSX\nCucPBzw91PFBFu341fm2Io2x6GYF4pgSDUSVMtjbrIyioETYCC8hW8X32j4y\nlqAnIYqcATWdoJuWT7sSluJCU+Q3mlVnskHtWy99oc9pUHUo6m0TpZgYQjFo\nk+w5+0n9elI/rNJgu+kAajY45T8eRkSXglOgucoz4SHL31O7MVG/zlcEr0xs\noszQra8gfulJDQqiElPoATt/V7ZlkoGyFhfJQTJmnteDNcjYZerBrMR6KOvc\nhkSI1IzFtJ9/sdKHjO7o9UgV5r2JTEbapNJvg5vBcLXKNJAEvmY6KkFYaay+\n2h4J0r2GmPknBQpweHedEhB5Lflv8vdFXXhwiJbNEBzF06t/WFltrRi8pnUB\n/h8FI4+5af4vke61i2spwRNy/aLEr3zx8pYfxBwyoSRcGfn16Y9iKzg/fAms\n/RO3MJjyBj/pdx2lQAyLeJa1nBmpEdosMws1UatzstDlbF6EoFspDlcDqV/q\ngYPIwmgHAUCw8ZQSjenQ2nNYzDFzC8DA/3fquY0HhOxDzagZ8jMBR1O9HIbo\n7i8fkblBucKVa5gytBdBLCCgZE41TRmBKsb4OkJ4on7tSj/v4sVN/n17Gx5A\nWckIyM0ftWCuRo3Xb50vUvfHv79fYRRdzqWni6cBeuY7B557DnHnjGc7lsQg\nmBvq\r\n=WHHt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f730ffe104bc5f34dc08a7546c51feae821932a2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221173228"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221173228"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221173228"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221173228_1643700781447_0.3359695605267039","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221173648","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221173648","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"630169f1a1ee2bdd2c6a68fb3e01384f4b521091","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221173648.tgz","fileCount":22,"integrity":"sha512-N9QZGEzCcXZHCyaZGjJy8obdppYCLzlnRhDyeM0eJ7vV0+g6b/16aCCLw7p/r9zRzSLO2MjtRH5VH3JS7t2uXw==","signatures":[{"sig":"MEYCIQDNFSnAOf18/oMCsHXlVoKvNgm1oUccwSM/qzFps4TYoAIhAKc3681PHwsF45Ys/wACE3micbx/jpqCoBTUq9ZBS5hF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OM2CRA9TVsSAnZWagAAp3kQAI32Nr/ge+T44uBKiZW3\n8d9xztMKviydNv+L+FBHvhLsffEgjuYh69ahUjA5GfHGZO6m99MqizBi4fcP\nRmq7fpYnymExhRYpEslHqymA/rlCEGcZZEa/X1zCzpWEcYf8VJgcjMJue66E\n0pVO1jjjjJVwSUX9Spso8VrE+mOD2cMnW3wmpjbBdH8P4xrLgT/XoCT4Q7gI\nY4nDkdcMGmCaQSrihmqNBeX/WvRXhK85c5EsMO7hjgv3OIvjH57Y/ra47yLx\nV9DYPbjfYOw6N4lXXW1u8A7vym9NKoHj3P4xFhq3hXnvDbxn7PVU9Qkg6ZyM\nZXdfGIVZcFI4XK4cVru08342XCOnRVO72mCSYWyTPiPmJAKVly+4QRSrd6/r\ncDxSShLrgRQ4zP3w39f9u6hgckBihXDagSM3Ua7/TuoggfzLJxoeHsdS3s//\nCgcPZl9aFVpZ5TyItaQD6vQEflBgPI0KgG9YtYS2vvC0K6Oo6lcKAepVAQuj\nIjzI620z2RrLXFY9Z3ACs251g1gXiUMEaMKbEbiD4+yBS9axFniiAz4RgD7z\nLIgej4gkauk7q0t6sTpmnqbBOf66HnLzBhTixb0yY20wo7YTpklsQ5eHFTiO\n//hUUF+gKhvcsFq7tjGlYomDHfOzxSQfvKi90ForO+AkS2E3DH/kaeZGxebP\n0cDQ\r\n=Xo8Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f775c980f4d1e8a692bc45cb642eea796d4025a4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221173648","@chakra-ui/utils":"0.0.0-pr-20221173648","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221173648"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221173648"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221173648"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221173648_1643701046142_0.2243096617434368","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224055":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202211224055","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202211224055","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"84cba7fee517e07c5e31c7da70a2eb17abc4fa45","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202211224055.tgz","fileCount":22,"integrity":"sha512-CSLwncLgsipZI0aqUeDymH0nUz2iFa2tKbRD7NGDDhgMR6pnadlSBso9o5m/6Tvduxve+Du9Ub2SgGf+t8F9EQ==","signatures":[{"sig":"MEYCIQCCvN1C2Zn3X6jArXeWgh9unR2otUxhmRe60lBXycgH8QIhAJBwW1ZVWoGh3LR6Cp893XgFfecbMGtyGUrbHRTtnF5A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bcUCRA9TVsSAnZWagAA4+IP/1ToIAZj8OOVvibxWiJE\nI2ZgOeVFiFTy+Z7z4qDMOPXgo/FF6BezdtJXYOUl0ssqaxWYTiAiVYrHyAFH\nlUTMQHft+PPPXzgVztIW0Z3C31Z89RYCw5WtAZ1BJLfShI0EJ7p+0Btpvm1O\nMwubcJg4ToaPtbJ2PZd6ZcRKNO72wvugwByWMr+r64QMuANeQrwx1IA/4K3L\nF/qpWIJEpEwnvCtmo3LjYjRmmYMpLJF5R1sA4DBGXWJR+PUTj+pl+JCJ5a0B\nz5wrGkXdJmR5n2PHutFyv4kZlyWlhuRdZ1vOAuOQnVn+BEFhE8ZsrUCty9M1\nS8FHMAg6H68zAsh4ucRs/qI+c6XCwyRrIW1urMvVmQMRtzn15S02Dq1C1zZd\nqZxVpFRX04Uu2yKV3TjCX9PhczcGzbAHMntIkjLNxycORNrEH0TLiSHJcS7V\nXwe22uOtjyzwe6MeEyl5NZuHxxs0g2ncpTf8jla7VO98Qv1UO3K0u8PhtDHX\nlvflS8B2l7ycDj5pZz1o82BO7Pq5jTp5z4rDh9v6LjzuujDqhzF2gkYj2D1z\nq3a1tRDRf1b5mETdQmqKq/fngCeMfgU8ssjMEtPAzMXMlG53RvIsSyNaxTQ+\nFYkCfOnfj/qnXEoBwY6RHKSSjW3tuJPpVcs7wZVFbnojAAVNSRXfPjd/6upx\nSH0W\r\n=CQsv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202211224055"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211224055"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211224055"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202211224055_1643755284796_0.02182518926507182","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224227":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202211224227","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202211224227","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9782365be1f0b55592e64267aeed6db658e11f51","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202211224227.tgz","fileCount":22,"integrity":"sha512-67X8Sb7kN+yrGUlc5HaD9fnNn7O5+ELkhmyfX4JKN0SHN7Yc7O0va5YbpNuRMnKN3OKai/icUe9s8UKi4lHC2A==","signatures":[{"sig":"MEUCIFuc5VpnXCSulUvV+H/3CZKqjziYO9cb2rQ6Lu47iYUdAiEAp9UvKIaYfjyKJiIzcbDkA/HeWd4yO9bnRDZd2zL4euU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bd0CRA9TVsSAnZWagAA7o8QAIYiGhy7s8O+f1psDSKm\nuMEwZWl1eR0Bk8QzMHUvOrPmWd8KCQJ28zBOKlMQSdimiaaTTsOtuMoIXgTp\nCaU+xDuzj7G+CCPNLySeccw/yyg+RJkVjq9CyiLpdByfST3D9vyujvm4qbZW\n2UJWEcWtfiZt0jPe/tmPr9Yhq3suWIEFt97jL210Lcdejd8mnEUmOxVVsCjK\nUG1scX/fRrBjYsi+DFNK8j3e1cl1PQyCseGp4ixzdoUk243dGoANADaXcemz\nXNoLyzuw+8ok9bxXrDyogLjr0FHHie7a1Y53A3bvJxvD54HPnzujV5zoduK2\nW3rlgv+DwHOVQhsgvQWfDBZapnKKw7pQE1iOWGzmo9V/NjjIEBJMMCzRS6Gr\n394NtGRtPpf8JEwhgQlkr92oRwsBRt7zFe/uB01GrXu+WH3b7+q7n5yyiJ/V\nT3J5nBkBKFQlxO236jvKAjneyWd+vfQNWCCk8IIMZqJqDiGYFGsqDBLEvAtp\n9ZTaTg/u1L/ItL8opzBr8MflbI6z7tkxkq+VwC35/6z67b94cWok9R3XwBLg\nrIYGOgisIe0wV5E5Ura8mM4ZFQj02rNG26E+0IXQhGXxnqQiS+odflot/zA5\nGTTuwJxrj1EADpJdnbJ0018/4ErQfjYWD5H8c2PugbRK8fj9Zj31AIdFPyhG\nbraR\r\n=nVXT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202211224227"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211224227"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211224227"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202211224227_1643755380594_0.2440203066669393","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221263638","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221263638","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e3330c22ead29c904f22644323fccc035100698c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221263638.tgz","fileCount":22,"integrity":"sha512-al0fSwo8UOV85mfFTbmKY1dIPB4xegS+wTFh2l2M1SpVTt/ULlrwVZyC/qZJk/DRM00Z8v6Wdu5dT8LjH4n8yQ==","signatures":[{"sig":"MEUCID7bmxIF62b+cIT1xjPQG2zXZxH3mr1DHM6kKuNQJIQ4AiEA3E6Y/6AtaJ77sNLY5EllnvlEst7c1onKerua28fSMww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iakCRA9TVsSAnZWagAAFSQP/R6qtfCIMar4a5/xWD+u\nVBb1ShGQsx11+nZu3iexnH0FsA5B83+ld3gUjLaF45Ch4U5gj2HhUafknxM6\nLwsqMjVGwr3W2nTV42mG5L4A9qmnZpjvUvfXNJT/VVxLsbvOWxLqdBqz+BOU\njbVFjjS0n9HKejuCfiSGjuEG9y6j+10wKVme1VgUNnYSXwpa0L5DYg+co9hN\nZZQ5sKMDiHI/ppLnaFS87RxsCtp3usLLihOMERhu89qI/QK+zChd3YKAL3x/\nn+da3y3zcI5RNLYp02F+LMQJ6Jlvyr5xIwgmcRtxZCVMzUsfY2TYDcEmYRfS\n38EHb6/cWlnqDZANsWti3h99upRrZIJ6PQESAvrEJbSnTy2nXsvtcM8RPBGf\npg3xkLm7tkmhSdn6muQwEqDptmW7VATsuA3o465jpIC6776toNC6Mi76NK3y\nL21oA3xhU4qU1ldGR+KLym/BzgDu+JFTq4ne7yXY3PKdUQv5mMehtxVGsM1m\n/IbiKkoUl3UfjhaQIJdwZa/t7k73qmZ/l4FI8MmgstcW6yUI3PSK/A6TN971\nlUN3YbzUh7/9a8EcLNgDALLdlFnd9BWiqw/zUOZaFbstcPkpLW/fN0VVfDyt\nmDOifFLhNFuwIe4CI/ThEHR8Suz9dw80r83hCzzSAvCnnKx3gn+qeug/uV46\nT4nL\r\n=ZfUU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221263638","@chakra-ui/utils":"0.0.0-pr-20221263638","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221263638"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221263638"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221263638"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221263638_1643783844293_0.059532893898088135","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221263715","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221263715","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ae54f6d0ad9e4c03e70cd19fe9e640824e8e9aa3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221263715.tgz","fileCount":22,"integrity":"sha512-e8pBAOSSQD6kZuce1Y+aI3g49yvsjwkpD/h+Er7IeHqnAGffnNOnxfSCur+wNfVGBLYCvvZV8XuSpSFtlGxw9w==","signatures":[{"sig":"MEYCIQDIIi/FOAZ1GuxNCb2lYg2aSueEDi3mg1IVvozn5iV0aAIhAMgcIoYZIXNuXthldJcWspHkF7WpSpU2P8rK0ZPxutNF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ia/CRA9TVsSAnZWagAASiQP+wXtnIgL1tbkFwUA3u7H\nyC2sfgIYI0sDSMuAQR508JGtouYHHZvQQIEzCgVnTZH3rhCJ4wnLY0qapSfg\nqxjsbdNrvubH6ILGuwe2JT4InLnsLqwUWGontn6ZWtD2Gjf9Ni0oXlIeOp+e\nk1X/6IEo1ixM5qVv5/9egItFv0mkZ6s8m4hoXmdyYO74gDNHRiFI5dc+vtX9\nj7JWL0220gOS2BJ94phMLESQR8avubbSzKwzoTUPRoG1/81PjbFVFP85FwJe\nh7FBF/ol4GwsYnzz5zQdg/KR660OxfJXrQpmhTnSMc0Ked5dnsKyu6zlUBIu\ne+1mEpa0eIKYIRzSrOHzR3487LPHTVF+aBMhtPLWI8F+pn9gxNrbdNQsdklo\nFn6dqM7vDLyk2M2kglOduxOjBsIj/MFt4cgPVI411ai8+OleeXE+Xfqptb77\n8vXiViTFgOhjWQLaIy92dnfgsfnda7UErFf+UVeAFiU/jKIgX6iKWELQ16PG\nEdvz64l/8wGRSB/N1g5jb5LQ+s/SUWxXFq2ylvGA+kK107DQrYvPaCPfNSMd\nUWCmulwzI9BGMP3vHAHap5iGTcJlsfYoLMar7fWkp5+duQm6akvRMRGdYvPR\nbWOLmKMdulDWOLKr0xjxg/rkEqpVFrZe8X0AM95XgX9C8IEKH92E5lob0ZT5\nQt7r\r\n=Ft9G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221263715","@chakra-ui/utils":"0.0.0-pr-20221263715","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221263715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221263715"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221263715"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221263715_1643783871413_0.6553018619327076","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221272130","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221272130","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"187b737d9268a872aeb62a78816b8aca9cbafcfd","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221272130.tgz","fileCount":22,"integrity":"sha512-1RBFiz2DFvBu3c7mmpsruvznnjAdljrCSL8qYmcC0SNUfDnHUpkOP/oxSEb76lrLlxc31r0O3snrHntDukzj5Q==","signatures":[{"sig":"MEYCIQCVv5VxUs62pcnz7OvLP9iNrvhkZg2iKrx2W3ee2+EB2wIhAO7UzCDV+QTb/W7cxRkN2yaQ2M+Uk1+FVV99pNzoFs6f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jEiCRA9TVsSAnZWagAAk9IP/Rv597z28pD6mhUuGIyp\nw59food17JSeCqks1ZhJ9vEJ1Y4iqH2cxJtu+gL04XhTGUkT9nIpgT3FRyKy\nHc8TVcApC8BpQYpggo88DQDyec2GdU7YUsseleeMaYz9yptE68Z538aDxH+z\nDd5cWfQj98YP2yYQEXFURrQzStO4MtZ26Ohpzcl6vlM59rtzdaUi8j9i6T66\n7hHl3RV8mTKfL3fq/Yc2T2JuRSPuE3oueru/kUCKuyzWHynD9Vd3wDJx7u0q\nqIftt85e3kzCLarTMCk8CsXfwVmgywevTYmITLLEr7TLaJEBLA8MOrYlEv1T\neTDCz/jk5iQYra1kCDHH/7ij7td+pVkXFPXvuKDk9Hdp432nhj0rOpRqtDuI\nMW71mwCuIOS0uaySvfL+7c86gzCGlyyspc7vJruhojzqJIEhsLJ2TZ4YlnYq\nSojsSVYIzCiOS/DIDoRk652fLAJy4zGPFjlhvPfHbm5R0MIPIql9CZf3xGZS\nz71ZE/mYeffD8771tCHF/8m+Amnij1eHNMop5yhaqXvuO3otkbpHgW2ufvNG\nQPe2zAc0v3jUGio6+oxs22pz7FJt8pi0BG21FEWtPA8vQLjiQlgdQNDZJMP9\n2QMJvFugc+TfR2qmm/sYaJ2OZEmlFM9pHmYQlNew3Fp/QzIXkzZ4U2bB+dIy\nlXK4\r\n=M+TG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3ea8fa9b83b10aeb76162450f2d997d87c4c8f6e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221272130","@chakra-ui/utils":"0.0.0-pr-20221272130","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221272130"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221272130"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221272130"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221272130_1643786530184_0.24952690122791754","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221272450","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221272450","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"199cc85121db32826e1919fd97def5f23cca5b37","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221272450.tgz","fileCount":22,"integrity":"sha512-Rc9Ngttinv01Qq4YVsa1I7rp3hbcpB3vhT2VnsLpJ6D27upVlrO1gfo0VZHFTJ0mQCnC18AS2LauuKI8ycZv9g==","signatures":[{"sig":"MEUCIQDqn37ZcBwel832IEGcsQ6uRG2o1rIie/5e3FJMvehk2wIgaaRKg3Sicrp76lbF/FQUlU1Mj88OUWS0+D5Ef1kwCKI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHrCRA9TVsSAnZWagAARooP/i0Gi7JJsPchERsgJDfL\n5BlXgkMskXNYG/tk+1jtu4YIxrJfEjpDaYpFdeu/2LeZ/HZ4I8ocfG/MRqS0\nJtnm+NXC4L8YnrEmBA7GZV6YEcMwFURqEAriDyQRZBELfOHmWEDZIJPk5lOa\nCF9UsNuaHwZGuDoHXJ5ZlxXB7kHBSPfs/gW+eujPgh1baaAzbRduv/3z2t8L\na96bHazIwdHmhYRyduJx7S1Pvw9VEbIbXLmtAtFBhSOM/E59QXXZ3+haoDNe\ndg+nOkT3YvE6S7cUHdwg7CiPQngI8L+WNaXWWCdPFDRPF9lj3yqQt5CMZP0P\nEu7S/0PDBdTbQKGH8WZmRLRf79mbOJC42cVvbEXjQjadE4TrwJOx27MWuGOG\noXw3hmpJqhBdlOwTf49Pc/S7lWSLkHW5tSan3iWIGvbxKdAd0DWk5EKtvb1Y\n2i8KIw2Zxip6JkjjkexM1YZHCxpQ2PKjR0pXiFvqFABSZmNReXUaROQaDibR\n3A5JseEFpXOJ14QQdfynqmWKsBdsbMunj6wj5kCBC/D0ujKGsiJdBphZRA9B\nJDJ73jfJL6CGX0SjrSPx5xwPHwtkAU8YY5Avrlqfbzpzxr72cFOqyGFNsXmC\nsGvUluMwXDJXwos1Qo9VYvQfMCzzXW4M2We2CP06fw8iP8GptYXA1sq7kh0t\nw+YR\r\n=89wX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"de19787ad8bdb65513c8f2928e2fc65425ebce3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221272450","@chakra-ui/utils":"0.0.0-pr-20221272450","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221272450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221272450"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221272450"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221272450_1643786731180_0.8959205813092022","host":"s3://npm-registry-packages"}},"0.0.0-dev-202213175727":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202213175727","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202213175727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f0405740814471c331e7a2c313e063214f29659f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202213175727.tgz","fileCount":22,"integrity":"sha512-dCwIp7VJiIRNox83S3p3noS7B0C/gDOZcADJ+25V8G+cRBzLT48l00MZMD/m0NmWUNGaEPoe2z7GQq5IarqPww==","signatures":[{"sig":"MEUCIDJ1hP1WpkCQV69JhXP/TMCT0FGny8cjypHPSOzApnBpAiEA1adK21H5uSHht0OXP7OcwzKPlbGBTP4iAu/wCw2EYc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BesCRA9TVsSAnZWagAAxPYP/R8U//2Ht3VnZHDX4CMv\n526/WMW7ygVXFZIj4jbpsMjPMG0i6ss0UD5N0urtXFb4VEvT/GZAFcnifHbO\n4L8IyzJFFwV89PfDHUR80YVRqt7/kTAYtkAZCnQwyMiQuDVeLJXjq18Upg8q\nFRrpylFOiZsReAHta4FbQoCGiR7JtKFK/f4ir2gyXccizc80JW23pfetagRk\nB6iyHbA+6rEW5nCx6xCT8ImS3J7k2vpfBdrVM3gLQ7iiGVH0pMdmNRsE9JD3\nkzSw+DwYAFTb1XouP04ORU16by/wSmFLVbRl0wDJbXHATBHak4ThgcB67eNU\n6FCp3b9En0SY0g8FEqU4Xwre8mWqfI+zBcIsmZjU5w7Ka9vDbBoJOjuFyEiY\n8MJlUFjKo8FXhN0U8lzKPTRzKfwSCCBccCjr8P3Vj1yxkl3+vf0Oa/2d6wQl\ndK7zwzne7xvVe5ZwJ2UB8NLkIxSpL7iLv0Pbt3P+TJFq2ArSTL8n7qRgsvrf\nM77PSuAd/OFx6JCHBSJsh/wU/whxnpPso/Cu1HTTECxnc1TykjVtEOfV/w/p\nsMtLE4PYCjKZWaOAUrRUPxVGLUJe3ot49Etfjz5k5o8STBaC2Q85VfUoimuC\np8d69veqIRkn7wh1JKi55kDcD9lhfyy01BLJULZMkjDzrRL4X1CETMntaytn\nhT8w\r\n=uhbq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f149c6c9aa04b8c0abebaa6ac8dc72c7f8ceed35","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202213175727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202213175727"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202213175727"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202213175727_1643911084555_0.9710925944412379","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221462931","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221462931","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4be0368d35e47efdf91fec493794b40bfe56b2de","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221462931.tgz","fileCount":22,"integrity":"sha512-nvYjWUq10RkIr6oCk+G7/PFFtQFSmpHCJJjT81GdC+AdTOPEliyeC3P9ooTYHMVandO0kbIbSSXMGQUe0g0k0A==","signatures":[{"sig":"MEUCIAOTxMKzHlNvE9J1eqH0LC9ZSLL8QDWtxnwJYeYiru55AiEA8rAoUsBK6DPVW98c9MnjRt/8xfAYTX+bF9W8y83hspE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mf8CRA9TVsSAnZWagAA0FoQAKH+Icy/PFR55osJTJZd\nm7jNfkBkIkrKPURKGqxSNPGDYUYwj0EgvH7N+LGQ+1Uzcg42EIDRi6l3Xtms\neXhZx3zDccQ29+FfD9k8pXCUz/TFXDgUVqldSbnjabQ+I8wDPlz2LeJVMT5D\nT6XW3KrCIwpAZue6aUSmyxFXI+zOA5DwpNOYdy/og9WEHe7TW0W0TjZRdNLa\nR8TRMcTD+yFWbrgyzgxu3KA33AXqDKe59TbIGBeQ7cD6ntBkjDyYnyMJicv7\nfd4qCPbrByVYcbbG3Rbhkt8+xkIrkMOGzxU4tF9l0LF9ZAuvCGjWLLSHd7Z0\nFo8x8tKM3sRZJW2MAsE1RmJZ6C+nAFscEDngkTrks9xYQagzoTVTRXiQE6+x\nEwHIyKOPOqcwjpQh0vJfr6bsoxlaKQ25aXV/xl8WRAJr0ar5mmKd1JkEj5Zv\nUU5WyFU6TaZVYrseSpKOUw4ao1vNRRZA0iIJvaH5mrZujSlFzIibV9SkYN1x\nG0XNTvaMZfHndQOIy9Sf3jPiDyIaCypUgZzUVIHW5Nmfhmd332gAz7CR147d\nghqo+YktXVpOSXWkyFy0HOPODNNZjfHI3qpNaKW/iD2Pnky7pUJkTQz0iyP1\ntLuYI/ya7C7eP9KasVgdzgOPJMtu9Js61LO0Lw/UkdFah6OoB+0WfgAlBTrZ\nuY06\r\n=RZZu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221462931","@chakra-ui/utils":"0.0.0-pr-20221462931","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221462931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221462931"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221462931"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221462931_1643956220326_0.9497532096341259","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221463045","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221463045","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"98276b9e689369146806637c90b325811030e488","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221463045.tgz","fileCount":22,"integrity":"sha512-mT9V25dwr/ePKN3ugHraTD92CfS6rNA1LCegEz1cFrKWcupLR1wNXjQBgxLrM5TIpZ+Kriey09XxsMZceJX0qQ==","signatures":[{"sig":"MEUCIQCv0iCci71+f476+qvp6nCSuinSN4YbxSwXM4VddeyXUQIga+tEY0sY01W3DBzW1XrpKishVssnaGXWP2OgKqOD/Lk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MhDCRA9TVsSAnZWagAANF0QAJpgIPGC1Kjk12w3+wTk\n/CyDZ6UhjvioK8IHyVib4A/1CyCrqL8EOo4w6oAxb5Z8FbsNJsrIV0ye4aZ5\ndbIe05XU94M/XcH03WvfZFSx4NOvkdjYvFhskbc6nZC6LTeRT/JLAijF1gzp\nDazWJhCRZ0rxAPYBWQ7h/MAzewAvbMhr+P4p3G3HKNFl66dYDYfYPJtMPrFx\nwQA/rRwlHNg5DrclhJAiDj8cTU9D9YOhIo6AGhU+ig/9lTmYPjC7fW71ziMA\nrrgwP6wIv1Nngaq1hshjal/RUUlJ2wwjRb6sakX3Y8IFuvm33C+oA3C6HOEy\n/LPEBfJKOkwNP9Ng0EkuEvAmoKw1Gjzg664CJXWNSmPsiu+jEzYP9a6Wv5FW\n/AOdp1H6pDdqUXMJXbt0AFWamW/eoroUDzHYJ8XjK4oxd/rjLyaYetC+FxnK\nU8fNkJ5ObzKRntDzQPu76wE21pktYNn73KquMKUpFB1T1v9eL65eoT46JPdF\nlZVz3ncZbU3BufcDQWRNFjKa3NNM5+DF/X9EXdr0ZzFywV9Id7y0GILcRNEH\n51ITykrPPR60umH/asay2F3vo4VQak/KZPEGhSq1qNtyOeTjDhO+jIvXlY+A\nr2UzAZsVp+Hxis5WGpR8wC8NYKLU6ICT1S7OcpHFIjPSbEGL9SjGrb/Ht3PS\nr1JE\r\n=zlNp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221463045","@chakra-ui/utils":"0.0.0-dev-20221463045","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20221463045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221463045"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221463045"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221463045_1643956291462_0.3012488157959128","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202214171317","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202214171317","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7a8a97911c32d4d1187244c7b7c1c4bd9d8928da","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202214171317.tgz","fileCount":22,"integrity":"sha512-E2jyhHZV6G/Ix7EAw0wsCZPucu5g4pKhm8+YukL+ZWZcGeROphntdHkDG99cgDd7DNXgBC5GtpRtOdgHeC+5Bg==","signatures":[{"sig":"MEYCIQDPmLxgEfffaLU+TJTsf4ei43v1evkYJBZHXL7T7czzNgIhAKXMAjNb5mBG0TbYjTUM/5HU+smWXSHx6ALi8uXsNc73","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7bCRA9TVsSAnZWagAAipMQAJD//1kL++1cjyNO6ObM\noOBUZrbVF7MDmP+aTI9Y0C8lnaavKBzaqP0cwOR1deg/kNysvFi+Sys5Il+P\nBvNvhqO18g9g3BxleOudawsvg5T8TjG9/GZzWQUcXhMZSr/ll1C8T5DB146w\n4pgieiQsjm7lN9ULMh6hAqi4Ax9gngWuHqL6YKXDmpSDWps5Vh2tZbe4wjce\nLbk6P97RT59jlrfqRRGApMSZhDXqLhBAZgs8OI+yIs4g2CR+FNTM8B3kQB/W\nxFi077tSHpu8HWQ+el0JPUSuTigqC43bntiTWANq6Wyq6F6roo06eW6jmYoH\nRmI33Mz/Muktu9TrdJZR5OFFeJ6+S1jrf3yakW47DQMvmMnoNZH/CMPDHRkw\nNqlYhA8HZbtwFj54OBzcVgbWR0zN7JI8ypkOvvaSv59kFDn7OaaTl3xy6xdn\n0Dnh8x9COY+9lWPkAdcNVALAnhh+ItijT/Od8XmQcQfx0qyYc+RXiFJp2NVS\n/uy2mlFRlPbPKKsuhVp21PtTgPgVGRkzHnibdm1WdUvZhV4wBhPx5Rhar6V9\nUgXB5t1ij4AZ2uQO74unz+5fKHJv5QKMtW/fAUsiwAIFOMgSKsSdnFp587xL\nCUk5tZgfk9SP2F2VRChd930uoBKl2ck93EWrrH0NhJv56faA7mC5cox0cG3U\nwy2X\r\n=3IVx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"0299e357a2542e035d6bb17ce6072f38ff037e45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214171317","@chakra-ui/utils":"0.0.0-pr-202214171317","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202214171317"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202214171317"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202214171317"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202214171317_1643994843177_0.8991955799180278","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202214173019","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202214173019","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cc9238980b195dad0dff370388342c4b91316ad8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202214173019.tgz","fileCount":22,"integrity":"sha512-rVzCqlhWcViMiJ2E8eMDDuoqmvdM1CPOilIboJl4Lxy5VV4z5YOOY2ImEEZxxyzhSZ6Up1JX0fUSchPVtuahtg==","signatures":[{"sig":"MEUCIQDwtT9+o4Z+ZYxGTorkQ0uNkMWqjqhDVq8vGrdQ7CYJCgIgCEpaJZlil2wmeqsH/R1cn2Yu4+adUMLtweV/6f8eWpc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLTCRA9TVsSAnZWagAA6yEP/Asiyw1FJCMUVOWcksic\nlU3FuD1gIeaUEgEZJNBlnbWHztK/8P4l16CF3VJl5c1pG/N4JfSZFSV1aXvq\nZro/n/qiYp8JWnFl8N8tMnd9/Cwwm8/xfXthfIdw+Jfe0M8kjjbz/8mHLhcE\nFlLpkcxLi8GKNNBtsJ0QhteFL3CGrqaD1JDMq0jLTosPNoDFyZb8auQE5M5B\nUlEzZSePk5M4W0NnfkUXp+tWYCv8hddl0cDpoqaEJI+wxdoHZvdpTTwiFnnc\n78qxt0xbjm3wJ+CADnf+b/Q2pM+roSh28tDyEWZxi0qte9FUi3GeaUQ/7aLf\nVQ4ZAohwqYUmO4xC4v5X13nzv0NrTNFZLyH/VRTmfnEcVIrUwiubfddhjk6L\n12ZQmZMyhtGL0ZGCXfsQBlligJ1GAuX2beyYUIEYh0sIzRNlohAueKva2pMq\nnIUh0+az77LYteX8or3kB/7JnxalQ/SS86DkmEInaKhUiFqcOBZGEOdyuKq8\nwtf/Tb0eYPTHUf7w9BEd/INIPIcOjXWOMumy6WYHYs0Gi0en3em4zYUi70K+\nX4Ye7NDpgU2Jg6cnzWCphUVczG3zCcSiuYneEAXOfddmoPShqgIZOZ5i/wuF\nPkSp95P2m2/e96pLEoFnpRlfwCXNZRQ2Xy7ruYFBJvRHG1yGTMVOgFFiZ4xi\nN3SC\r\n=q8IR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214173019","@chakra-ui/utils":"0.0.0-pr-202214173019","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202214173019"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202214173019"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202214173019"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202214173019_1643995859284_0.5857351604323555","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221417318","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221417318","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a521d80a303fc03ec0fe9f88293be64fd43823d1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221417318.tgz","fileCount":22,"integrity":"sha512-ZQgzL2kjnTgnAu7AgHoHKUux97+KWQooB3BLf8lqgMKXEqi5YalEnwXlnQBh6ysRppfQ4C1v1T6BQQ8BeyFHOA==","signatures":[{"sig":"MEUCIE6UC72l+qTTXUm1lU55jF+M5E5rdw4U5FbaNQTaL8tCAiEAv2Q3muLeG+D87JpvoGHXvLoWj2Rs8UEopyV4pN24x2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMJCRA9TVsSAnZWagAA1uIP/iZNyKmzUFUR2Lp1/gnG\nWn+GGRhmjPnwQx+bOTXegnvMgAZyAYN0xwMjeyjE+Zqu3of/C0EysbEfQG8S\nq3ky+/lngMpyX915l3hkUY9mYdIVfEqtpvdelU2RpefuO1xaMZioojTPuLf9\nYBI7bpi1VzCux5EG9ibCWnIyigcQV3rL5PlrUqbTbJJMDlzFjjuhGPHHLj2K\nrDxRQBjLxotcUnVd+aPU8VyWyP1m8Lf54W3+/y91lXNkFtVJYxWi4otnhVWX\nZfsDCO97GmoOA4s0aH3e/l2HOpPxVlML5V0uZ4OmrslGPK4J0+Ugp4p7ZYvZ\nKgVMtKzWIJO4kIUb8jvklIw4l6okS4MWQzObkUiGiFljd3zs9UJKW2OBDj9P\n4+r8emwIpDCga3uBkJ9V5EpQn6K60Iwz2Zo7ClGb3f9sBSo09v/EPJZDHFsm\n+Pt+U2ZcAGi0BuMcr2EP1fTtL1Gw5e/tIWVlVGlXAYK2xpG2Ya1vcdPdkFHU\nzN0D2oYjWE1ZoG88YeiZUBBMsIUAHyWC3tNmqOuZjjUtcpqbQTtrtjR4c1dj\nKeKJ3dppjzf65ntF/PMdSaxhhqZN8XUTCRUUC4vWBOOBfVxz45tJWgSQCAj3\nqiAnhQ69w92Naa6kkxFB26SQoMsy4xPEBtYBaYizIP4XNUj+xCKqEfisSRu9\nNEUf\r\n=LD/V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221417318","@chakra-ui/utils":"0.0.0-pr-20221417318","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221417318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221417318"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221417318"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221417318_1643995912972_0.3689412410019133","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202214173148","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202214173148","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0bb82e665d49e743adad81a2cde71029f8df360b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202214173148.tgz","fileCount":22,"integrity":"sha512-cK4pFBZX/CZI/41dfL5nM0xBsZVoCLDAfqcgUCa3QU5kz+6Gc/xM0IV6mke1HSLhY33vTsutfFRLLp0IAmfmsA==","signatures":[{"sig":"MEYCIQDcccTHfUe2R+u0Imgw1mBRW6nJS2DniYQfW4cddFdK/wIhALfs+4+ScyTEYKIjPkNdYK7s81we5SsUioEl7X2kVOJ9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMvCRA9TVsSAnZWagAAQeAP/jm1e5H5UwRkRMipiRAY\nl4hG1lwoMP8F68jmLjZzcnqejXyNwh9BEhF2LXTu0Z8yTqk5/2nD7sGrxtyj\nNbSMkgbYMUEZE0i1dJeQ10vytzzOJFBwuSO3l2gizmx6/uGZ9TZveKH/iw78\nRf78xTo7tQN3S3UYGfCxwd5XYwLV5sWJyau13y4RELlbq+glAgmg+NfoHmOS\ngZZ3rd/J7EeY3Yr8Zp2BC8FEe06GpryjOJlsIF2OxtMN6to35QKIJaFmeewe\npsjN8LLsHAoIo76UUj33eUIDFOw5stxsqnKD5BbwsgimNadbClV4ccEUnSRd\n24cBfGsY4j6dcb9s6MC/GK82lhn40mr5wDhCYyp1gRJf/8sdwqTjzBDSu3++\nHKRpnlsVtPwvqFcq8cJTSf5lPjf5AfKTtCjMcXWPsHeXwZDZg21/WXHk0Jzf\nFZEMzubbL35RWlZoCnOgG7aQ215hS5Cdx8dh8pmHW8mUTyG2mi9YP65aXm6r\nb/xYu2wOupIKcAECs2raG10Wnp/PwW4f61dY5GrucaPE/YqrKOg4itTZU39/\n2QUQl2z753vgcGlbt4SoSc2UtJ0gKzTtJ0WfU8Xqfm2Tf4uK4wHHP6jtNGSy\nLHPo7wvQjdtON9rcKh+zfp35Am+VAChjRto2d+jOpV9B3gkQMGzBx8TZtJlA\n6xsp\r\n=2oS+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214173148","@chakra-ui/utils":"0.0.0-pr-202214173148","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202214173148"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202214173148"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202214173148"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202214173148_1643995951241_0.7640600018944244","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215111823","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215111823","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6b5554dc0d1597e5a8628c7b81002fff756a4210","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215111823.tgz","fileCount":22,"integrity":"sha512-hPcWSqwNDZ07iXmu9oIxkb1NAHcwIEF5twH4OgPsLXCmEkYQXkE+vsRRLT8g8IgbO14g028DT0xjtX/D4makBQ==","signatures":[{"sig":"MEUCIQDl8uFz7Xxwd4o9zZmRYLZC4rMg9qzPeNyixxG4WKyjTQIgakLeW/GEiyQGOXVtU6P3hGLhdG8o1i+Q5J+XRV2ieo8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0qCRA9TVsSAnZWagAAVFEP/jh0XYujWV0NikOqk+yt\nbQC83wfugnbyp3FJpKQQ/O0C9jnfb+Z8wuh25yDYI7/82AKDVnMfj5dnLDBv\njBNlUMmuavONcA8ZnHSYHCPbbqqGyZXgolkdIe/jWPrhGXXoxvz+UpD16i5i\n+Cij7qRoudfgwp6cwk5fMHpg9FgEFz15kIUNEIHxCHFJp7srH4135jPdESdD\nTozOF/r2O3VH7DNizCom0nfZeUogyxTMq00f+sAwKD/XF+rWyrCfSsq6qLan\nTA4Sy8QcpyjkBjzoXyxYqxLgPaIwRoBqemqXo4C+/OIEp1PanoyGkkawzHSt\nLnZCuhsFLwJBk7c0IsuTN6EbZ8Tkn47aOgjFh18iFbbslUcSJ/4S+dNtoWNI\nK9kwS07ByCN1KH1fP06cJUJ41DaL9ltHQHC23F5jaonJRUNmSDBEVQlWC4nH\nojdjKgokCI+pDjvck9LpzUMrFNurUHK239nCekN0sz1cDbqQwRetTLeY593i\nV2m10ikTAh8CzpdSOhMdV+RADzBoixRR7fhMf37pTKnSUxdinzlHQ4d84Ofk\nei8UQj9W2k3xNF3yWfMocBnoYnsZ1PeLUhQewp/oEuVoTJR33l68oPJNxrKr\nlVFDN/efGO+sMQhghyjIAIYf7xgO7rOYC6e94yK4qyCHoz1QJDfE8ak5Cj60\nTjeB\r\n=TuW4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215111823","@chakra-ui/utils":"0.0.0-pr-202215111823","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202215111823"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215111823"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215111823"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215111823_1644059946712_0.8487912202403498","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202215111945","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202215111945","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"76875cc3283c1978e0da4e6e4e2d5fa14942a115","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202215111945.tgz","fileCount":22,"integrity":"sha512-nnYQXyXuwlqtmmp8HqqTcKbEFQA1lPPbkOccc3P9aeaXkw+pKtRXw3+xBsXDFkDetMdDJkEO1K53asl22tpMww==","signatures":[{"sig":"MEUCIBM4szq3ldbK5C1xyr84MsZc4ZunKgcSsVgOmUiZQVswAiEAnse98ZUCCqHGo9dFaC906GMrJ3RtdNoFKCtUmh1Ci84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l2ACRA9TVsSAnZWagAAGLgP/inZzj4FBtvAtIWxaBx9\nfzGyegInfrPaOebcH+dWF4M/yRZQFVfZRw7LsEzZ62UNjYDvBSCcYfkBvHke\nJkfbuyAgegb5PT1/oMTjWb04HDFIppgmnx3n0wm/Cmq4CzI/UGsXuKCnemWU\np+abtSmu51o3gIFHQYa9eQ+ZjxxeQhFOufPO/nw1tw5iKonPomRKInWm68uJ\np43qvYiKaBlqZECNXRz3GocMboXSOrRV78KTq7BhZA3EwzpD9sMqShOu2Wlu\n97E0m/fKUqIEA7MQM0NCikVD3HdwwmIlId3/QxnfmIStSat4q9K98JIvMrzu\nMh4g1pTwOb2DO2xEOEUpUq1GFpVJkgYCQFiOTsJQE8J46EHNHytih4em2e8S\nB4eD3m2oqArqX63qMuU26wLSeYZBPxdDcQ7PnfWuSwhPa88dG/7cxz84LsTn\ndZzMo7yMmyEzwDZQxT72cfT+HT+yTnAKJ4j319Qedq6pibErqfeBe2JAvJMn\nj3QaWePW8RbLBW0Ek/m2XR7Or+fJvFjNRy+yUImglmZPJ6pyLDLLTQrQQZve\nI9SG8RRkFboczWHhH8yJB3A/4HHOEYfVjS1h/lrWfPp2EtRNljEmvqFV2zVV\ni7b/2W7Y4/BWSxP107pBZ/4/Tl3Nafw0DPTQMToOfYVo5GmTlIykxZz8kUy0\nUuJv\r\n=qC+d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215111945","@chakra-ui/utils":"0.0.0-dev-202215111945","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202215111945"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215111945"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215111945"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202215111945_1644060032072_0.2734979724887685","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202215112739","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202215112739","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a589828ff8a71c615a64e0147a4371075014bd09","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202215112739.tgz","fileCount":22,"integrity":"sha512-0XVzOzLBPXcOtR6YSGZKVB1yMH41nRZtutl6NKTwcc5gTSqx+wwF8UOoB9/iWH2kBjWTxgf04R2A0fUYDxYuJQ==","signatures":[{"sig":"MEYCIQDXWzmZ6JA+MfEHw1UrjtLHi1L8XJX3sMirrPZl++X89gIhAJmPDLfr8pidMicUyKVjfwiOvQTxlhNaNIovWiUxsGvm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9SCRA9TVsSAnZWagAA0lUP/A9wW0X6FHRC3901YvVC\nsah2a+BeMtOMcFSL0fOr25C3tPcZojAzNxlQauAWU70OgoSke9HtzYVV7+kT\n2EdF88Y5p4qFOgp8WX9f5ScM1OI/ydkvueyvXerFyRgvwpLmY/HIgQ/FTo+b\nQbGsXpACsc4Zht/3mKZ2wjoXTOthwfK5NNbe45CtDJUOIB+b0QuIQ0HCbPXY\nP9i/V0NFlhhXGTy6h/2uo9YBfqFukzUsVSEdCohO5/utgzoqbacsphYmxySd\nOpOkA3zxLjMH2ppapP1AJJy4RybGHyu27zCG64Ir02BHVD/+sCutbJL42D2Y\naMOyAbrJubICuiJpuQRpSxQBqqYPI4Wqm1+PVt9TJkABLeFTWDD52BBJE1UV\n7cIPgxR0Za4IsGONpiIvxLELAYf7y9d1K5NR++DzviuuVhRSEqn9ewyizqhQ\nd5eEyw0fXuVxevduXiTLWofGWDALQePDveslsNvAJv4UymqOaS7+r6OCkgXp\niw0hI3r8d6kjNg0nlSpop+vV5+HQWwS/PXaC9ji9fSBfBJUA0QTSYmuZ1IWM\nFlEYlVMejs/GOKK6c0fJRaZTK861KFE+g+iuqnAdEYhj1zthCpLLlhV0WDPw\n03Jy9ai85rKzDBynpcCVi6uMqXaT5fiHEJxpI7gXU5Hmd5rOgSTwGo8pfIwV\nGTlc\r\n=+xvo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d4d18b77576549ceccc8adf91b4f9debea1f388c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215112739","@chakra-ui/utils":"0.0.0-dev-202215112739","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202215112739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215112739"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215112739"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202215112739_1644060498102_0.9273272255134521","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215113521","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215113521","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dae8f9b420cb2d525a3069e2eabf338d90aa7717","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215113521.tgz","fileCount":22,"integrity":"sha512-B2cSyHWfoqLQnQcMp/u38Q7hmDkE0U2OmlHdEUgh4mlKE22pMuQSDUhqUcoNXAlKmLtYXPdejG79Z8LRED4etg==","signatures":[{"sig":"MEQCIDhwkEk+2LIWuyLg2M+X3d1YAl1nOHC2xBjwag3KhwP7AiAxoQ8j7YcnaYHY9TX4PLShoanruLNNCm2mfRtXy89nZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mEgCRA9TVsSAnZWagAAzEMQAKP5AOBn2K+PgsOhJLzp\nOG+5KWYCNKMuVpbOQcXHX3EkhMDLhvK32wg+4fxFKJUXJsJqMi7V6ASktku8\nsUZqZ4ZuLrZQPDt4O5OInxdu9cSMmoAGVcdbzjrBMW4GAkfrdypaQtpNT8p9\nXqBjqXp9cDRSHBtAlm8KYbYaMxFb1x1mJeVdXfqoPS2iQKr9xyI1raiLZ5mR\nKWlhU59Yp3eeQ8ENVR/X+4Nx1LlYULWd7UHuJ4Amz6NdI2gnZ24w0LbKPGq0\nDmHSyjsc37FFOLrK/S+BHJeQ0pPlD3MsDvIKuw23nQM9Bj2VAM8opWxAz/D1\ncnmJ6/xw8SGopQ/Ell5pnyPd0Ew0xkPY8+BdofNKCbcXNskhcodP4WgZjtAI\nQK6/PGCVJj+zKtPRQ0lPWHJvFFcsxLBY/qBObI8mSZpdSOxftItHCAZbmAzx\nccGi6VRSWVRFiqJSHZ2iVW/ofUPQnmeiptP0KyAcTtswKKOm5jfmzjd2naW7\npfDrMOhQCzk0ZE+4J1t10dpsHhZ50gR/jc+vJgsZN2Bu4jhOOkxSK5KmkNsw\nVsq9IztbZj5tSDq+Cvy8Z6GXZt3/HX8zQJJ8HqhAPq2iQ980TWxxMciLnV+D\nYGlY/1MQ7kbsF7qDD6cDWz2wx3ZIwUdzuxU/cmungl5TkPGXcjdCIuH23Zz1\nnzp9\r\n=V/lN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"ee0744efa9df4d216d56af53ceb4ef6a8adb40a1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215113521","@chakra-ui/utils":"0.0.0-pr-202215113521","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202215113521"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215113521"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215113521"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215113521_1644060959863_0.5166146129615843","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215113950","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215113950","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"57db7ca1690b7ecd3710e1d67453921bb8a24e8d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215113950.tgz","fileCount":22,"integrity":"sha512-m6IayCSNTH1qX/9J4WduEIenHPBrx7ALR8rPYBus1rv0TtkmT4saQglzEqD6uON0iubpzjuSE8YlJ/P10ll0hQ==","signatures":[{"sig":"MEYCIQDdNAU4SadXl1ElK5ufXeAXvdBtnL+Fd7fFjwqv13eelwIhAJ0AXPRJ4gvmlAp2/cQQLNaq6l3sQ4K2o5ssKCxDjO6s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mIyCRA9TVsSAnZWagAAruIQAKE/Wl+mZSwbWeY7JKHP\nMcO1XYBFTOkAZnarx38tCe2VlrbqhSv9Ak2S0OXLW+rpB6bTsVTCcXz3PkG5\nJ3aqqReWMYOhQnmxR9exVfapJQrIecA0XoscezTWLp2RGPPEKmNlnBAEG/B8\nPqEyJ2SexvYEsiqtTWHWG4d0U0vL/kOlbthWQJWzKxiM6vk0LPrHGiCh2NjN\nggjB0BIoqO3ebZsn1EE2INhowsIrgVcg5ZghtuKUgbwDs6T8OAv320RXmui8\n8UFFZs7b8Yizj4/wcdp+qO+ypyegYrn3XhK5ip5PUyfImy0y/uxe03t6kj2o\nEKHjzVoyByzGJC4pXuEFgCbS0yXU2pP0nd2HLWXnQCOL3evn76ER7y1Hj8Wn\nz2PzMxoB3wt0moG0SZqEidt2IUF2VrcazCplWQRnnDCnLg8jFHJDk2RrOW/W\nOpqsNhykJp5oRQMx0EijbPMJc1ne6Iyd8utBuLxnc4fGa2ePT+g0GTomou0z\nGK1QvlqfR/64sysn2BDPlJ8r4ZbvX5wBW7XK5wkA7gBDWozm9WgfANZ4466N\nJHsofMq5yqjpjEfZ4e2GqT/Oy8GntzqCjrrfUp6biNkDHU2sPuxibIe0IX4h\n5+8Xo4cuTjlgQzv+8xRube6mFu6cWwe3HbUdzZKTtodoVSFemH5aJX65bIzU\nm4ID\r\n=c2ja\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"262bd66825aba680e1cfabe200ee57e8d64abd7b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215113950","@chakra-ui/utils":"0.0.0-pr-202215113950","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202215113950"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215113950"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215113950"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215113950_1644061234231_0.14800429663592363","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202215114149","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202215114149","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"63c0610cadf40f35742db58243503ae667bae73f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202215114149.tgz","fileCount":22,"integrity":"sha512-5GuBytNXgvBCSA3q9h20b5LWzUS1arAOfaQRPu/nv9ehcHgwyV9CdwThsNRtMa4pm2L6CVMCK9ig5PGuJj/1vw==","signatures":[{"sig":"MEQCIE7j9l/BxkSyyK3n+aTLCH/EsjiYwRTrTcdSMFdQEhYiAiAH79ySpZfsCnCOrahGtoXEO8Bb2mmXDSXVCxkHNVVlpA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mKrCRA9TVsSAnZWagAAJKIP/0ru9LXnWaua+/o81+l5\nVk4dCpFR/gh0iwkwwjoEgYBN8UrcO3M2gjuEfqDN1BvlxnOu1GRQ4oes0ii3\naPPD+YdqDtpCU+aOKebU/5gz8ysentVzCH5pAlR0b7IeFVGx5C0WnpojSmSF\npqlg4O6fK8hV+1LHVs0LxWbLlbbLCmWyS094Jjgt1JOif58EhFqQc2QPDsKn\nSh+wZs39O9wC+JCPv8xA3BfU1vMPIUBjywMyV/J2tNvePHIWxC4NUPt7Im6J\n56wN2LSNyjNnfH1ETl5VyRnPxQuUWiL95jSYj7aTOXzqihsNxrv1wQgQeVkH\ne9RDh56Iap6C1UftWpQmtLaSlKC3TUPBA/FJSdTerXGniR+Pv6kvxdXQ6woC\nZRPGSFHVctoYT9mGeLiLQEncexdrhiokrEIkW8QNBSIM/YeUwu1eJAtthESS\nsd02QU7Y0YoGQsjUkECRp0A0bGjC+Cw/DzL/vISIJHSHkP7JwnvlTbsFo/8t\nWFyzCtAdPI/OZwUty3tcl1ev1jIEntpSkG0CUGm4HRiJAlRp4iTXCHSMwTpI\nDs63Ju41QbFJL80EcFnGmg3iZvPBGLFPM81+BmQ/uQM6IxOHU/2V3qY44eDg\nNrkWISrd6J2+L72LqaxVHmpiV7LmG08NP8JB/bJIsOa4rlT/FbXMewsXVIzs\ng3p2\r\n=/Tvo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e390806b2603abb97fb5e151abd46710291025d9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215114149","@chakra-ui/utils":"0.0.0-dev-202215114149","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202215114149"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215114149"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215114149"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202215114149_1644061355313_0.853753664905015","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215114422","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215114422","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2420f06d79cab4ce482a4f765db69fba6536f831","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215114422.tgz","fileCount":22,"integrity":"sha512-ZrbtB9U5Li43aIDMQnencV3E0Sy0kktYiRq9ybcstPc8OzaVSCRnB59TzL6iEBBc0DD1Yez4IkFlB/LENzzGBg==","signatures":[{"sig":"MEYCIQDEWdZxDiVgBqYLCa0D78+feVD1oeR8zWnwFA4Ak/oJ3AIhALIiRRRSEhoR6n5N2Gtovc4ekqvLyhtDDcwnoqoFms0B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mM+CRA9TVsSAnZWagAABpYQAIt1LJ5wYnDQQxT6estd\nN8D90cRQx/rKtIAIDThXOdi86l70Ik4CDnyfy2a3Glm+i0+LViKl8y45Xj9+\nMlIUbyXyaZf7rZCakF1uZ8eipbCS1ePYaIsg7LX/QZcrDguBomNUHM8nM4IF\nFpkoOv1D/+pFRsszO0oTFYvlg/GroxcMgs2d2Qkqxc4hJ6PMiKl534jq6N82\n3JFBsh+eknptaEcsjirl5JMcyIkQHxA9/4/sZZjcFBJuyCeLy9Cd+1rnGRFQ\nTLAWpsm3Jatc9RNvFdk9lTw/6zhbN1uO/NAYUhdERt2D1v9t1cBNf8VM4NFd\ngeJxidhGpAym4LYezOq0GdF6ZWd/vBeELyzwJGSvsFSeK3NByBZgBp4czxJM\nJqOz9djJdRIfUP8oJvmnzk2WCJNipSlOgzrsiNIpGSXI0D0Q1Mt7989ZjaWd\nkdrqEgvOfsj/dCPFqZBL+e+9YnCj/TgFYHztYUe3JD7rZWrDJLFAv0XYCqmC\nNGRz68EzxhYRpqtjiilfqUpMN2DsDg7DWJ9T5/d8FGognXDImBdv89MFPOU4\n6aaHr33ZdmDzF1KLndfUa0Z4n6fzhou4IPC6560A/WgZqfli1JSB0haYP5lg\nDG7qMjmGM26nHhx5lqxNXu1kJ7Y1ItBcYu2iXNYTl7LVOYjn2Nx2ggr9xOlf\nY99o\r\n=QdTT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e9f7f49d87feb32a355d3083a61447ed5d6e23da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215114422","@chakra-ui/utils":"0.0.0-pr-202215114422","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202215114422"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215114422"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215114422"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215114422_1644061502488_0.5579928083277808","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202215114442","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202215114442","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d5cc3931973d1088f125533a00c41d013b913bcc","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202215114442.tgz","fileCount":22,"integrity":"sha512-lV/vz54W9PvCIftgsVVKYrVwuBwW6BlHnOgzk3/WjkAb/UjIYfN7HjVbEwK99D8W0xqAXNqkgpIU0/fJdmTliA==","signatures":[{"sig":"MEYCIQCru5NoCt3zwfmB3N8lCI1wyz8WsUCdTe4OeFPKT2nmxAIhAJpLHvaS69YqZe/D8FEqR/X1HxC44WKK7Vg0mSwCvOR2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNYCRA9TVsSAnZWagAAiBUP/A5zK1L74hy6TTQ2z/hm\nxQAYl4yRwxu4Hvu3UVV31JGCuX6tbXGPD57uzV/Z+A6/7K1PH9gjEVx9ANJi\nuzHAO4Ates8uzvhghNQsCm3C2AeoV5fhICaOpFGgNs/opY2HQ7Wcagek05M7\nVw/YR91a1/Gau6/HOzJByjPfeaM1VmY3M3anYui7jxK2DHU5nKUlwBLVx8V9\no1icPNk43Y6F2CeG9257s0zBSINgyXjfJMLwTeJWqqBjfdQfmZQEpJ3wUR/k\ntapYcWC+KxlKA+QaDKODN3nIWAB89L9KN5/Jzb+X9Rjdp9gcDiWUGAnwHzUI\n/xX8ye1i1sOlVeGOy0H2alLqnc3FKMpd94yT0r7OmXkPg9pfEQunjLkDLUrq\n5kpT1CVXOWqjWDLK1ebimcER7viQVSzZvHsJMrW4CmWMjwiPsk/RemugjKTT\nDcQov7xRq/uuMdDEL9kw0PoS+B9LOJroQcn9Qz6Q1+lymKMZGu5iNvcC+K/O\nlAVS2MX3nnR+2n9lM49hmwmoeWys8YybOg6IZdwxgvdPJREnsMa1QcZtDXme\nJYxEaj8x3FPNHNO/MiNDuFdWmhjjGsh7p1oop3Ve/e9cbpCqmgNX1tPa4Awd\npuoES6DBlSZd7KR0gedj6IhR1x7Oycb3nGOrjZMbmgQAKKW/Q1mkwgY4Bl9S\nxPeO\r\n=Sp2O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"9d81c6de9ba2ba6b02681d5bedd8f7f5105a3e71","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215114442","@chakra-ui/utils":"0.0.0-dev-202215114442","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202215114442"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215114442"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215114442"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202215114442_1644061527880_0.22078788704666885","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215114917","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215114917","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fbdec149f3d6e867ab72603fb7ec69497d5d11eb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215114917.tgz","fileCount":22,"integrity":"sha512-WOdlM5UuLZ8HTohGKrGHWqc+pqRC+jRATa+pzO4aH5vDVZecG61phm9fd1qCK0kv3QaxYv8ju5c/l913BwKWNg==","signatures":[{"sig":"MEYCIQCyLDagYTewvcUKbkceLFO0z51SQozAomXFK5pcSfLOLAIhAJY0jcqA9Dg5EGPxvJeoH/eEmMgBjqJF3cmBHuqKnf3B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mRtCRA9TVsSAnZWagAAR0sQAJq2mzH1AjVO80N6CAFl\nhcSdmpoa1Zw8b7DQU636pO2oAnXQxS61rsQlkYzkroPHO1EBP3bYAPzSc3+e\nCBDV/aVo+aEZvfdBf/6XTzv7aobakSI2tQ+Reugvs/RfmqGl3ib59tO32f5C\nJS0yccjdWgKdxY5ljbgeujzB4/83blBHCydVLbwZ+D+ApPZ9qHt8p3jfDfI/\nu+ODlrNZ6E3fGYQrSahKZVSYmxuBq7C5ixmSq79kjBwNQLVLf/zUkLPQGqZO\ndIzXY+KMhIkN3EY/oIPPc6lR3C6WLjrWozc/1wlwQzb2ZJeNney0YpsNfgnw\njzjuGpfFbENIOUpn7tanQHgKj0dlXDXAFrXJaVrKI+L5uAhjZdBWuMBXcuFU\nvfDmDScard6tARyQ11fmHG5FchzcczzxkGuGAccUL4F/q+ZTE4CPKYmhFNj8\n1zNqHB8+XhmiL6s2Bs12P6sVGBpHfNsmpqohHKuieATzsSBdJhYM0dB7VrAA\nk+SMFiEs5DpbBa7NF3YaKzWV5/rZ3uYXKP0LX6kcYWVicVUoylrAooMfxMhn\nJ9tFDmsCnHgx+Ky/fQDjygSgiV4KjFVbCdGMJxsYrXHQAtktBbbESUBJHMpE\nUp6DIA2ooqlG75/x7RMMpYA5zJ5xHYi0kSD7rKSBte6xbvYjKnIdm4eFtc7I\nGJxF\r\n=Za8a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fdfed43beaec88a99ad8963588cb988d8ce03d58","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215114917","@chakra-ui/utils":"0.0.0-pr-202215114917","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202215114917"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215114917"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215114917"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215114917_1644061805459_0.09583034645895694","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221512346","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221512346","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8dbd5e0e2603c1fd4515f49eb52072e993e0433a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221512346.tgz","fileCount":22,"integrity":"sha512-1ZKdYauJoEdmtCjLj5d58m1/4fUKhLCAYNIJIoWrcVWY/ZY4aa6DU5ME7Hhk3LCb02L0yG+BeGKrcuvRKeYbmw==","signatures":[{"sig":"MEUCIDgWT/kJvUj79gVmHfzZdryouNNaeLLp7/fjIJY1eOMYAiEAnGWzhLq5T0KvgA2KVMNVqWi6gnLb9EMQAmqW01MG5II=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mfNCRA9TVsSAnZWagAA6UoP/AtI1dl1B3f5qsfn003T\nr39H8QVBcw2dgluJBw0yyA4vT2rT9Fh9gte8TirBLETJSYpO7yjdsPFThwW4\nnHfgZtDGGk/rqgc8tawjSAuCzAFw8HkFXVQpU4/XuYQ47TfRnhRQuo/y+QWu\nmKUb3QisaGsOpbscgch77/0TgFxzBSqg6wn7o8DNXvxQzOx6f/8gMRhU87Hl\nL9mEi1HVWjSrULRouSAHcchtDFjfcHYMn0BLAd6lJRiOqtj+D4GMmVvlem1x\n8/ttR3u8L2N8fWBJDmzfveYw+iND25cWShYs1H7d/Eo+zwlsDZu8XHRIhBKZ\njZOB2SBKynYaGf7Vd0FUyIN3w1S7KzdTyeCkktV8vk0ordXcnmoRAKV1bpF9\nAHgnlc3rrh8iSG9VyzBN3WppquPJ+1ssqsEzfLqmuBGhVl50FcrTWt9hznwX\n7zBn548550Ia60/hd7Ga9ZEInlS2ih3SYgd958Vs6LInKV0A10GdnV6YCnGU\nvqelyM4oq8kf2/r5AfaHQM4LXilYDxYarQdsIylkDwWu5s+zhxIspSQOev9f\n3S7NLuYbugCmdPqN29Z6scMviHwAhbaUOBYNV41ACcWOA5wtt4UHC8jfsUd7\nThJllcjailZQ5/hPymw1/86PVmhlgwBXzXFn0zJULQKo3TexX970MlSCGNcH\n83ua\r\n=hIV8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512346","@chakra-ui/utils":"0.0.0-pr-20221512346","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221512346"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221512346"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221512346"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221512346_1644062669403_0.33587711583782487","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221512130","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221512130","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c5ce0fa684b314c5da9cdb85435b9515e91a96cf","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221512130.tgz","fileCount":22,"integrity":"sha512-/y5WJo60XwFKCyk6AGUJwkFU0YaV3XhDxj/ZBfkUomw8JFyocH2ZyToway9BGxI7qfNNBFXD8nkf+/x5SpNfgg==","signatures":[{"sig":"MEQCIEKSq24gnfmPmJ5A2Fo2eTIasR+hJH/vLcQcsWilkqlDAiAyq6VOSIdap2BokiYMul8FHBt/s9UsRrqOeiINV6qV6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mn0CRA9TVsSAnZWagAAw/oP/RF/9YZxzNSiJQDWfw9D\nGBOf97LDMU5shapJG5fii/JxFLYA4tq31au0wDqtASD6ZqO/8snoqCb0+e77\nc25UQbN08HuaXWj8f0Kw0L+0z83woBbHSRDTmIUIotlXZaidwVvAY28+Rh3G\n/dZ5Xvq+6tjQDUDJEnFw3Zq+n6/wuIhbneagArslcu3ii75eZ7ihBQb7HVvM\ncDK8PtFzD8MvR/PhN38Ous5FEtDpDZ3hI2QH61SPu3rlfN54uU4OjYRhP3gj\nNz139Yx7jUZK0wPa11dt8NoNEAF4TdOHbCW52rHyhNGIOBXljDrNG8YpWgDX\ntnjrga62Au5reUiiwzPHUKUN7Ebspv+XZ/IY+5xJJcc+hRmG41WWDW83GJnl\nhS9LxO8Gc3T78gJXkjUEQEhy8LyxkQDxd1oS0xmJ/5lIMXrl7Kt7CbZ2PVhM\nbMDx/mMkeIMdNEy/5DtefONB2p7njJYFZLn1uhn1xV+lamqHnj5DbwCjejr/\n2WBZlXrrSpvmnFlU+FUQiPyuwmbDw8typMn0A4nOCFuQcVq4GPO6SDQ3r5pp\nhyTJI0YnlOVvqTfMCnqHiJWX9tc+jS/QEmuvPUn2O+lES4hC8FNEOJiWp9ST\nl+eRzNTGouiqxkncqZZPdEDNX5doxpQ11U91XQsT5EQupQ22RVOnm9aBlApV\nalyP\r\n=VFAq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512130","@chakra-ui/utils":"0.0.0-pr-20221512130","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221512130"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221512130"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221512130"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221512130_1644063220471_0.5066948649354197","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215121320","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215121320","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dc41297e1b2dc7f531fed55d8e6a401e7d861c7e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215121320.tgz","fileCount":22,"integrity":"sha512-rRZwFCxzH/znqjEwN2vBJdeT6IypXvtTUtm4KQP4fVqPCMZuqyqtqr2Th8acnyN9pAT/2cUg5LtmuixKrp2rew==","signatures":[{"sig":"MEUCIB2+ck9KL9a/qtrLkT1xw9YBO2e4onXN7uG0/Oz3WmHMAiEAuPQ/TTPv1DSD5zzrXr4jM0pwv5GEerEOJW234UpJ1vU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moICRA9TVsSAnZWagAAPesP/1B4KrJhOC+QetDnEykA\nEW9yarTKzJSFQYh6jG4hDz5obd4BBCv8HwcD7r2CQdIzbDcri7G9/+DPT9xv\nRgOvviW8K1PV0lShiOgPmwIHFSy5WhUXJax2CuWhuraHNd6mGpvxlVH8eoad\nhFzPyXgt1ojf7/7uLYdIRcZgPAQ1hWoTMdO7KSghXsAPyec7Fzl02RdrDwLR\n7+phos3zBm3vhRPPAp3O10avD98bfg/V5ThJEPF/U16MLc/Jms2ekw0dSKt1\nfJ/9mhitc2Hi4fKb/fWl1Oni1HBDV/6ThRpeqUqtFhtF4/7kDY5Je1teiiWg\n9daxdWvUIuY+xI9DDecfS0nDEP/Osu73hJk+M7DQfcmp9GhSdrjjf/vEZhZd\n3C9VCuESRXH2OqN3TwHCDBFtauYPkL+rf1QrZS9M9Aq/yfn2TyvB2FjEzO1P\nB9wUWlsJ1hevgYHjzVpZ4U4Vac90K4SRqqLdSv4L96XE3LBC7BwIzRfus3q4\nwQDGcldmWqBUs+zI7We787odV3cH0GfroDOqM7y13IYbHkYKWI+4X1AKBfop\ntntLeGgQKsW2Dxq6kz006ojmXzruK8o1pDBIIpS/cw7ENJ7R3Zs0zwRE64+3\nZlOGkLlQQk39H5cKATcu6izcW7TZgE6cYDRGk7K7qmL4et3jr5sxyCiFnmST\nsjxC\r\n=tJ/0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215121320","@chakra-ui/utils":"0.0.0-pr-202215121320","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-202215121320"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215121320"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215121320"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215121320_1644063240372_0.42905630719403764","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202215121353","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202215121353","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7bf60be27e9e32ec5f484f7528c69e8a7eb08caa","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202215121353.tgz","fileCount":22,"integrity":"sha512-X3Zc3g/mZEp60bHIJ3GmDbl5sPkdBVMShf9ll6K6D6jQh5pr16rLgGS/FU7dUJ5dnEE7UisPdr0zx7Z6PrWHwQ==","signatures":[{"sig":"MEUCIQChcU4Zoz9h8ZvEKXAXwbvfLSTz8xqI4wNPCLZ5a0oClQIgI6sOeaSpCx2b50AQCPR6lJ42cMpzhVzk7X7UhWMB2pM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mokCRA9TVsSAnZWagAAk00QAKFIv+uTfuJiWGXuBkXN\n/UF7ZolN2LcZ0E+ePyR4IBnYVE0aH+6sZAPgbxFUfze/+VwcEtuJDI4lIFY9\n4DXg2gKoAhOIBUJ45lSwaRxVUzaB8l62nxSL3Jcu5tpXqzqa8vkXJu4tKywT\nNnNE2Jpeu1fGSjhNkq882hZdUl7vHx08WJmXMEiZ2F5O53DCJcEFSNylBfrU\nLdXEmEA7ti9qByiNYI9Kyil4mha9BnUaM/A6HqzZRDcZhRVC+UeNrJ6mbcJ2\nYHnLR3p5WAOJgw7kAigxnKkOMEgwkdIMXRgOLHyDEaL7djqe+8PoD0ROZxkD\noGo4vQr0rVo/sIcNR8cdRfvUxfpP474naGn5s66ergo/TcR9CcCyKDhaf9MX\nfMNp0ako3Eu7aZtY6FVciLYfZLu9mu4ql4H1wS0uxAl1eQTSle48jzlHSBL5\nERXmsfmgyK+LflxP2YlFPi+1vNAwqzC9xVEa0BFNjknlYELjA8obBNQne54O\nfAbAHLVpbU9srZ8idCKGrvFMCDyyVzlnfXII74ojfr7ouzB4wnAfxTOhaq99\nRSqGJLiuxAThPoMHrpRZ6xBhfQtHN/3Jshoh/bPkHxinOSO+0EakOVAX4hOM\nZkT5K9JMsjx/OwFsp8lvURJOOzoRjVHyN4JvbZcQGxOGbz2fITbbdBdBv5mS\nsDL7\r\n=iuYN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"85aec4f7abbd7a289e7ad82c3dcfc465d84184ed","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215121353","@chakra-ui/utils":"0.0.0-dev-202215121353","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202215121353"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215121353"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215121353"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202215121353_1644063268757_0.17803174357201534","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202215121428","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202215121428","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b8fde6fbde4261b23e683f9a09f9ebfd91de8aab","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202215121428.tgz","fileCount":22,"integrity":"sha512-AEPsoBFydhMpUxXLC6+YOjR4Sole25ZRknBZqV7FblM5TXk52YZ47XBmhN97rCnZXgAcoOHDbI/QZeDxQjFYQA==","signatures":[{"sig":"MEYCIQDNt5L4ELnWhc+3P0mB15Lq107+HG7POzQQx5ZHkdMsoAIhAOfG4liV8k8dmLC+c/lA033dnnvsOxZK++vPg5kVDSiQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mpFCRA9TVsSAnZWagAA9ZsP/0ZA8uNYBhvnd4MMRMLj\ngG51T0pC4EqOQ1qKqiIERD3L2NzBj/sF4V+FYXN+MyTmqN5z+rjZuq6yOlyU\nT0g9tkJJR1u+3C7r1TFi/ACi/CyvUObC6WbhVrcQifS3w80ty6P9X4pWiKrT\nXPQzWnPFaeB8DdG9uBPsFrXc77vi91IeUl3Maz7MMhSkRJc9u6kUY2uKFLv9\nxnTbg2tvmYG4q1euqrLZ3yBUWrcI3RFc2m/hGmkD2AKZ49Q3iIvWi9c0IG9+\nyqHhrYVZ1P5oNmSdTxj27XkAvrqfLfBbqb6/idm29tcWPAbck6WuOmHFd37b\ngCtFCjlUPSD5zSnviSRyKFPe5J5MFGko+vOlyzi1s7oFIcQLjNRQN2HdzTd4\nQc0itD9DycQi58NNdToAyFF6qkjBx9pOdn1haM1ZdzZjL5kD/h4uV8by9qhH\nn78nykJothRLguncXIRZ6OOf4irzPnWDh3uSUEWbsYvnHZ25VkF5JVc8+xNq\nDL8rn3Giu1h/AzjgYuRERF3X0jrMa17SJFduImNFnBt370YoTEDphIhAvOqx\nZiPTREh/oK7+oSpscrDUX7NjjiUJ4qfgxRDE/adHDL3IgDTYyCxHBAB4W/q1\nZIUG8taOBmiEpyffKeNzW+unhza37UB47jTYc4Omyw+fo78whhBzWEDJvQRN\nF1Vf\r\n=NVNo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5df03dae0203f8d26ef7213b66e0fb26fb6a69ff","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215121428","@chakra-ui/utils":"0.0.0-dev-202215121428","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202215121428"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215121428"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215121428"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202215121428_1644063301055_0.554044156233269","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221512173","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221512173","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7b578b550d5f89c05242abc03366c311eaa60d17","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221512173.tgz","fileCount":22,"integrity":"sha512-2QtPbyDvb8jTUwPAEmYmUiL7YVp1tDkyXGI5DvH7HaPfpl6XCFpG9xKNrrN7shRRpbwoBy5UCDbLgcGKOq9veA==","signatures":[{"sig":"MEYCIQD/MEHm79ZHoTvOInRvk88Jf5ka5XLUCgn2FNY9r42KkgIhAJN7gcqTTuE86VY9ERTmX65lHWTtRSysJMtc9Gni6R6x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrjCRA9TVsSAnZWagAAsesP+wXsCmGi5JZWTdPgt//5\nTcR2UMnhCuODiyoKZoRRtEgh6/pyjmlOXq8S34CXPREEHX4Nr+TJ4CGBFVA2\ncHgUPW1Cw8mDYJExA6hRPNk79LjjLEJDSzrpfDPBcKrE42cgjeqTrfY5mJoI\nBnUE/5WsC7MU7vinSDRxE8PvBXmEEchxYuEyhSPWSWUDRnU8l3ejmRQnVMK8\nc+ps0ei04sRS/MUOWls1rAz3noNKfqfCT8VcdbyVvqk2hyFsIEXSJ7Tj7r9t\nCp6lc/UHG4i+HMocjVHfzpFgonQnQCZVGEp+RsU4X79JhIEVe44pxtpywQYn\nthVTzfiOwQ9wq1O1/bvQHpCg4ABdVYPkaXXYkN4owQhx/DSUJ1FHG2yVKCIM\nW3eqN1msznWGn8OfoqZAqqSYszI8EFT4HQ2HwkXtZLo5Po2rr5EZwQDgbkn/\nD7kgLMmUk9Z4UWukxpWbdNiMYwg3K7F8GCZ2oSz0LIPrqfXUcmNubHRc2JqX\njZF6exBxK5z9ITd1k06zGx7sawB7zlWzcS+c5ehHWR7X2X9mRIbcd1or8Y71\n1M3hK20R+4rU+lcrp8UQXx9aIoHlUDQRKa6kYndCsSWMxCGAg4ijS1blMBT8\n44IrKHr+Aw44M0/RZe322hUk7dLcfHuxKuqF4cmyv3U+zhxIMFdunKVy3J3y\n/NNW\r\n=wcUn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f6578a1b76546c9432d9bcf06acead17d68c62b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221512173","@chakra-ui/utils":"0.0.0-dev-20221512173","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-20221512173"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221512173"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221512173"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221512173_1644063459747_0.946723619729132","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202215122415","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202215122415","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"35cd9b99b877ca6eab6d97fb45a20c746c226df0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202215122415.tgz","fileCount":22,"integrity":"sha512-r0qBeg8P5eLZ3PUwf1r8J/8EMYCxAzCxAIbwJXKBWqqQ6ZALuVm9rTi0FaKJx5XbLAzOuXFdXFjIyaxkiW7u7w==","signatures":[{"sig":"MEQCIGF3K+RPRGE8CX7iftOqxQbLAqnfKdT9b00oXHyrDnPeAiAIrJPZYfGBjfkM/KJnWZdPoGSc/HPxxAD+lUYXp2VGBg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mycCRA9TVsSAnZWagAAY/cQAJenKtgYIpttYh5FVbJd\n2c4rTM9E4VceOZFBUzT6Q9aIssjhZUsWAi4mZm8tZNlPucZyyKX3P02Ml9a3\nPRHr0BGF51uvpOO5ov9D2mtu9iJb9q145lLw5860LX6HJPmr2EG481pGdb/R\nMiusJdowMXdkjUpDSU3vv/tzC7064YL7acuKN5Oi39BpUo/qubbdKX/UO2Cl\nEzZkVgFWIc+aAN5LCXLAEPVzMTkWsNkhoX0KW1xbEuFOqjr4zNwFCjb1Ljik\ncTVf+Zgk/ZNH5Qj8I4GGr4TJMDlFDRpiOXv7RntvM15BmVb4m7eL0M6Mig9D\n5f9j+7C1VWE7Qf+gKvhKGOYxzE1MylwVQIF9gGdfLXt6pJKkI0ve5V2MHTYn\ntxvkGP+l1fl7oMD6ddbWvbeVv9xZpCXs7yGYwdCw2b9lrZXouVInW1sMZqAe\nD6Z8wt1ARapz7d7/G+mV9XA5JgHVYSv4dx0WbFOx5yVwjOBzuuw0RIo1HAHk\nLbP/vafl92ZnQ/B66K2s6t3Tq2BEwYzx5YwbLPgoNPLxNDa2055KcskLue7O\nxKIozXPOy9aYqD7UuiLFUOBPtqjKVo9D0TT5OVyOXcy5Ra1nOqbHCfRkVNZy\n9ZlSR5e8ZFRKTEqHhUuLsAZO8T2JJ1ngy0N3yymIYBMaIjYo9obddnkdqGWD\nqBT5\r\n=7stx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"01a939464a28d20ab27b38864dbc5a44078d7314","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215122415","@chakra-ui/utils":"0.0.0-dev-202215122415","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-dev-202215122415"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215122415"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215122415"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202215122415_1644063900471_0.005930080423956374","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/popover","version":"0.0.0-pr-20221512359","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-20221512359","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"452edec1c118df845c2032f92005f35534f21104","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-20221512359.tgz","fileCount":22,"integrity":"sha512-JLV0Fez8FE9jasRid4RLSmvPpvMV3ctBPCwFXkaqo+bgSyqNQt2cDy00yhPnastXyGEKQ76q0r1rSWAcjTlyeQ==","signatures":[{"sig":"MEQCIGz3sOTKpgWZR/XYKHMxSmr2OSyJVeB4B45jjYu/eYiMAiBC3hZGzk1z28Rm0OUPIrBmk91cn0x/iASZUiQgtOreCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8kCRA9TVsSAnZWagAA+DwP/2L1HWL73M0NmtxuF/is\nl2uXkjxFgBDxlA2BUJSmuWX/LYbqNtcuGmKNSvIgRKcbQuaKzMD34nn1wXJy\nZ3U+ZRomHtDNGKMWJ1h/9aY+R9DZZf5hFh7k/ll2w1W1nxS56PNAspJ1RITp\nWyc9e+Xcl1UG9pOhvm5UKNKOZqa+gs/DIvAoDVAoV+sFhiiC7vtNLddSi1N4\nEYuBrl6q3DyzQHbcZSP0y3ClpfYTmUmk10bk7VwKeKaJOcXHGrBdWcTD23Wl\nIYH6RlUPOmmo3Qg09tZuKdBjCiFcDPUiaVPHNzO3gC5nXLWy+M+KcAXyc1B/\n/26pFHuPGFSu8ISlmKWMt3Rel7tavY99tXIgvR0Jmf2BG6xDojiLFvm0TJKv\nGNWFv+5o9Fjy5wW+LvFxIBdT5GnJGoDVkMWanTbur+e/rpk41B+mm5HbGnCH\nmpmpF/lHEhEyil1IyI6IViNkCecf/W2GTN2iVFUu6YWxrzPXcuMp4F6lNsvq\npSgMNel3IIwn6VATyv0LSMua3F3fHGHzmUMgob446COhv+84USfM7bLulxEw\nIgDiV6Myx9W+JATyJGE6Mn1dDdYKUiE6FRcrnxGwfBUrukl3pQwaxoe9w3Wp\nYVC3oMXi/woqLP+fTnlXN+jax23MY0hdQaQ/uhdFt+HeO42rbnCOOGLDqFHO\nRORd\r\n=rv4T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"df779e921c2c95e0cdb5dedbd4283ce7f149b0ce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512359","@chakra-ui/utils":"0.0.0-pr-20221512359","@chakra-ui/popper":"2.4.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/close-button":"0.0.0-pr-20221512359"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221512359"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221512359"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-20221512359_1644064548438_0.547808708647487","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215125733","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215125733","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f15edf1f44fdf6d0acefbbfd1fcbecd21de671a3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215125733.tgz","fileCount":22,"integrity":"sha512-SY0cmGyXHh+wzEiEGSNWSXNd17UaQQb9CLkMmB2cJPq7bQeqZF1CvIZlgkp8EkjBr3I9fR1cTYOaf/002rdWPg==","signatures":[{"sig":"MEYCIQCmKQl6ONKtzsXM0mcNpsd9bl87S0THtb12Y9kEvawyEgIhANpH4YQzCUDs7tnttf2SEGqpoXFObvAqaqlCpgXSi3vU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRmCRA9TVsSAnZWagAAPV4P/3yTpMc4iV6fUYaxIZ3Z\nvvbRJmS6XpmlFSXuCG3j7Kw5idb6P5QDUH6EEcint8lwC3GLjAojdBFgJaNX\nM4Lkfb0xlwAzKjfff5JPBdWWmTVAajfUJnh5BGQwmQ4+Y3EzS8J6AJ/qyWZG\nYoWPZcVutvlqh/cOkzhmeJXa1WpUFNmqEtW7/EW/IgRM36jSGj5sT69BErbi\nzSwY1rSBAEhJBGfSzDYAwnQhCE/bHZDe3DiOraNsvSqhFaqWCn4UGCwgNQ6Y\n/7GnBYMBkNbozi2vV1UJGuTpQeyDbZ5XRLGOt87JkmQe7VEbeLG6CmRgGwti\n72leYHOPdAivT8G2ziNpTbATLLkzsqs/RD0zauHKN7Ajw6+OlBQFiKMCjik+\n7s1dB6Os7ttnRtObeZsxAwrqsRL0comJwDwH6aoED8exVGuqTuvADBjCvx1Z\nIhlaOXWgloESzrzaOIc2bQTAacWHrO6fFQ1mEJ2+PPQ5hQfJkT/ptpAezcZF\n/7W58/qjzLSfwKQyO6fUJngaU5b9y3Fhutt7CAIXz25K+vYXkf0wBnf4gJ+o\n7nB/Y4EAzQwFoQM7C9VY5Lv3d8+ih/XzASTU0oFIk8s5UvoHXgya9YIMI5RV\n/v5sQebB62FtGhEzbEfH4niiTLTA8v8gKXvRX3NuC8q6fkAyf/pNoxqjYTQx\nkGEt\r\n=Cjni\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5ec7ab0c37978861b0a67e7f31aaa4157f05cc4d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215125733","@chakra-ui/utils":"0.0.0-pr-202215125733","@chakra-ui/popper":"0.0.0-pr-202215125733","@chakra-ui/react-utils":"0.0.0-pr-202215125733","@chakra-ui/close-button":"0.0.0-pr-202215125733"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215125733"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215125733"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215125733_1644065894772_0.09287853473194474","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202215132532","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202215132532","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6d5bd94d4d0adb864b7e62d2b6f7f74143e13f93","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202215132532.tgz","fileCount":22,"integrity":"sha512-fHcg/9Wz6/+JwdvTN3TOamFvv6qcY0E3C5uwxVYlpCpgs9AuU+zgz/Z5xZ0PmtQUdK+zkiFMyZTR/hgvvsh5Xg==","signatures":[{"sig":"MEQCIBOZmP1+oxDv/0bo9O469yZQGy8ks9bUDd7qT2ySeiOeAiAeYNOFTtXL+yhXrsQVHbslkWkS6WYhWhIEubvS8qMeYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nrzCRA9TVsSAnZWagAAQYkQAKCqyWBLQcNEPxWXf753\nVue4vts15i4ZQe1mgtzN8Dg2oAro3ES22EBTtZSOXWGRV7tO50KsJTsnVk3b\nmkOLxYPsNhlg3/Nzmo/+XzJm2zT7C8vHGP53JIyqtovsa0VLiCCzr84n+hdg\ni6rd/LOYgtqdKQmMZdi0PLAFOFFfbIjHUeSwPgGs/4qMyx3aEG4aYoyb0Q1Y\n9ZeDfjkqqhLkPKyCUQ34VEmbt/AO9JIxm9JBx1c2yJhnnqr/XCUAaUhCYMFE\ncE37WEgL/swh5n4IgS8JcdRJZ3Uv08ac5M074ZxUWe45eyL6dgaBztXfou4F\nZk00egQvbq+E/vSeTDkBScNtIoJXkk8MdfdV6mZseWYYg1xUK9hSXwjzcfoA\npwQ2yt3soc4jJ9L4jGIqJaQX1kKS0CdcXQ0oqoKHOq8qesOZLNBsVlZ//oga\nmEeEo2q7fojU1lMeh1zYxjltKXB5XiofpuZk2IfQir5PKYhvjNwTidZYDHNx\nzKgqwUgm1Hhe9vNBNffzdS/HL2V19/j020dSxL52zrbJAtDJEjHlByjEDhfc\nfqCFozyQbG50UZPDe/PvvUu66uP1/gJkyeZqIWtohODzxLTT5MgHNpe/jNoa\n4rZ+rAJ/FPlPAmPY++a2ZdyU+ZmmxAUhPtBUJPF24kQ4S5VzoPsgpKI1pmct\ni4Fp\r\n=3P5z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215132532","@chakra-ui/utils":"0.0.0-pr-202215132532","@chakra-ui/popper":"0.0.0-pr-202215132532","@chakra-ui/react-utils":"0.0.0-pr-202215132532","@chakra-ui/close-button":"0.0.0-pr-202215132532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215132532"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215132532"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202215132532_1644067571437_0.7108586683642735","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221513279","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221513279","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b44c9f0bd8e3deecacc9ccc7e4080ea9dadc769c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221513279.tgz","fileCount":22,"integrity":"sha512-lkqAOhGU2C/6aO8FFMcWlD+lljVN2bpKehl9CC0XzOkiQ2C+o8wFwvuLMQJdxSHbP9CqZVkk/NfryHTmC9qP7A==","signatures":[{"sig":"MEQCIHf3meCafwKunYcIaJgx6AERXm/LlpXF8qBZD+ibsWa0AiAkfoX1s9LWJDoqc16L38b5d9NrLNu7NQaPM3ALwR+9eA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntbCRA9TVsSAnZWagAAFc8QAIhFB6AyKTAZFJLLuNHc\nsdUK7yoDCZ0ghEZVhXLkZu9weYH36rjIXB+JEoCma/O7462CGXti3l/tXu7d\nMVM6Kx0JOHaHADQJAMadEwLS5QitDMNGbMAWMya/i7PCBz7adEGdIVnFtC9W\nw+IJQ+z4pKeX/iGReifXCKRqnu3+lbokMNCmdHC+zZR0uSCuwEVnvLa6JK1v\nMRDnuKiZxTzbGelbVq2AmvuTeZouciVoWUSidkb+L0rQnhZ1ysw2IUzLpqp1\nzAxPu/Op1XUhHzEaPvaeEpejgM9TTdYeKRsDgp/9dVcWrVvetfZ9aRlUafUg\nhbzdz34V5gV6UyWA3FNLjdzKi4XkEiJIkmCKpOI69bNdFaSVP+aQqneWmEKU\nSeMZE1qUIrf63r0xMsE2bwcAmY4CumE9oWr4EZN+wmhtuKG+yZxs554xI3Pe\nDVh5tnMUI/sFenGVy3xs8uyEehi9aUc7JTwGteNvhia4YDeMjZr5xG/CbsmU\n4Vdzop/ghTIHAvJ3/wbORxW8NZKIn7iifjZ4dJHO35AttYtg3ftaG3j8JS31\nJUd834EfhuFGy9SWgcpKEcknxL8VevLXnIX2nAbe0B+95ZyOhXKLFB+8vaBf\nTd/qnOJ2LdJXG7yqQwzZ/OJAyMQYVJcmxjRpK1iFiWnsmr1VsasL6ezb+cwo\nJR/O\r\n=0zeZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221513279","@chakra-ui/utils":"0.0.0-dev-20221513279","@chakra-ui/popper":"0.0.0-dev-20221513279","@chakra-ui/react-utils":"0.0.0-dev-20221513279","@chakra-ui/close-button":"0.0.0-dev-20221513279"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221513279"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221513279"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221513279_1644067675115_0.26557333736307576","host":"s3://npm-registry-packages"}},"1.11.4":{"name":"@chakra-ui/popover","version":"1.11.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"11221e9cbb0e11f226ef73a9759b0c69382f57ec","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.4.tgz","fileCount":22,"integrity":"sha512-133NJABbmFD77HCJ2pAOF+JuXbYs3dkX6Oq0hGI5LtfTxCddIIHbwmVQ44IP8vpj5KRKLSy/DurgPngJ70aE/Q==","signatures":[{"sig":"MEUCIQD1lUQDxBS+MSuz9r9pZDKe4RHm3zLTDBfio7WmtbWzuQIgArlnf1riEJVODtCeG+d8e8m1GIM3yORP04E3PYXaQ4c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1bCRA9TVsSAnZWagAAZ5sP/1ch489sOdH5Q8I6oLsH\nnlYUFe11hGZx+2v0CJl+dNr8RTh0gaokUQfs7sTySLFBZRqBQwfE/IehkXIM\nCd48QSbuZTeTQkAlCQuNxBRiTAH9OrsYPmbI4z54VkGL6bpLolKnfBe74WSl\noEGJUjaLmu/IqvEfwxznEvrzzX4W2xy4saRh10t65HNoGVKb1wkoUxcPbmAS\n/3/bVLbV3M9g1XxcydVm0JWb/f+EnkBCO++iGKBtxx8CoI85gAJlhLrna2vQ\nJ35y/47G6G+UorA5UGArecg+ftSzxJGGIZROqZXIcKThN/+TGq9gM1GFV+mA\nkSgi54rB9IiXtLKIpEfxsDaE5QMfRf1H6NrOS9sNCt5F4FLru2wVXLRTFfU7\n0DG1M8841De2h7QDlTizHUs1HISfzypOM+FjPNjYPq88463WoGAgM7rihVE3\ncfadSHOOsizcG6lzgIMeTvfM7+DNyovH/7oQ8qKPLOFy2GxDhiQVx+ZBiJhZ\nayesWzXgd0Lg3HJnhS3MM79ukezUnVxAWQgIFrN9iowZQWhFsMj1AzX9FEpJ\nOPumXChxagVPK3yf6U39AFjU/Jhs6YIM+73CTkBaZcvZnaWEoGeioctTwX25\nSR98QSAhpvt17twYxp/+NJ1t2qKvBCAHNFeCtqmZWntbckC6mdhmhe6iaTsO\nt3xm\r\n=Z2FP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"5a6537a05fd2d5600b7ec51cce47e0a46d1cd069","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"1.2.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.4_1644068187037_0.8533885608548089","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022114224724","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022114224724","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4f0be8fb348a2a4b93f92e35383672797d698584","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022114224724.tgz","fileCount":22,"integrity":"sha512-xBw9touzlrrCV4vX/2r32zsyueyzcOWfeNkXgibqUpJ4T+3qSmaHE17nR4P3meP8l9ouCwGWKEoS9b1aslMWmQ==","signatures":[{"sig":"MEUCIQCBlJnCfCKhNj50ubfPxU2eToP2fHlbn2mrMu4FGhxLhgIgdVXgtMnLOJSakUjvX07eIx4wYMoMLzySKWBBqGmWVwQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtwtCRA9TVsSAnZWagAAe9UP/290AyAKYUZdvftR3lVp\nzfLAu9+O4QAUERgUz00Zft7rvnMTf7TLMX1w463VqzZ/eG81cjxR/o7XoWFM\nvkqeL5LBa78vLtnR1CDaEvZgcy3wauSuvd/ODFwzLXzpddDuKzUt84GaQmpI\noLodTZYXP6qplWd/SXnicmxWsLqOn/bTr/O3SV/jHhuw+Oo2eFS0M7Ij87kj\nQ0AlG0tGwAkB4jbbWZN7WxjoipWD5sykbLW3dFf9RQvPYV1WWdFO0tQgqA6/\nK+3hpmODlGnJzFdD1szbPGi3Hga46okW08LUiegnmD1G/VIpS4NuQwSq+jDL\nLSFSnQE632v3VJJMG29B+UQifE6Vk70809vqN7cXmuti7CsnBxmAYwzuxEjs\nA1bGoNZTntAYHDyxjA7SgTcw5/p1NvzBISZbVmo1hj8qNHi6G8i6gGctZJLV\nNa4oziGavN3ZKd9+pKBZdXZN/7XndhjvEFCyZIX1qDopBNSh5ALFU2afJgsv\ntZKC70qE4Hl/k0tqE2XW6gr+cWIyjLzGxVJ4rgKWlsXqRywuf4tq5ACskg2j\nyVYGyTCZFfe7spjHR7jpQrVH8PzpvuLW6j7chhzUwi8celkMZYE7k8NuQzX0\n4Zs/Yd9kazHL+nlQV6nz05UBeUXGX8cSC3qT7Du7oCQOTIGhmU8dTYiqE6s1\n9R/Z\r\n=3Bo7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022114224724","@chakra-ui/utils":"0.0.0-pr-2022114224724","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-pr-2022114224724"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022114224724"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-2022114224724"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022114224724_1644878893184_0.34895321367275645","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202211594731","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202211594731","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"25a47790fd2aadeca00000794bc17b70959f3e3a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202211594731.tgz","fileCount":22,"integrity":"sha512-3sEpK8I8qhSR9snh1NTewYC53ibfNiREmSGUQweGUp6rE/NfMYeUE2hrorhjZByj/qOilRL74IL0uFIPq05grg==","signatures":[{"sig":"MEUCIGcUxP9gDQvKzPQ4BRudvU8C/qnhxakCaNzYNkbb944OAiEAri7Sdz7ZieO7fnR6F6cIc6wgJvZWsiVadpO5oOBRdu0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bXCRA9TVsSAnZWagAAKzcP/RI9BvtR2vvqccWUHcw/\n4Jp2K2WWZSdDDGIi/BNuDw7AYlQCtIQ39LdXFVLvNo6oKozTERmqyZBG7NVq\n/x37v3vVRcNWzRfM9sGa/9jvQpnOmhxgLIrBSWyeAq3+bi+7dlsH8es8iOjY\nYjCZ6Zmq4672wZgGPKYJy275uRh4//faV0zkZK5CbhIb7wW1ETAXaEjfbaST\nwBSsv868H6Q0g4RqoOBerIXKdZ1f99+rMpzJhtaipzCuJj+7aTwfoetK6UAC\nf8zTns0WEyCgBJfdoXZItynYJ1VWlxQ4N1kNVD8LPFYxA9w10hC4/mL/dTjc\nueiJ77vP+Cs+aGKotp6K5r7pBzSIcITomfis428d3/w2nYyLWJzER7mTTAf4\nvnIC+9nNDlRidlPOfcESWNSX9Z3763EZNwmqgyeHPPfmkkJW1rMgKLqu/BM5\nIEo7e6i0ET90A5X5utssWluIBDqLrFM4Fh8l4urbKR+B1dNXWT7j373Orgf6\nnEb0PQze/fKQjwDFMvDvCSFf8eZdaWKA0RQvUPtYa3Fa60LI/aWFnppyvVLS\nelFraN6kibzTFVvCdor3SV5sKF71mtPQApxbP5cYBEuYOyRYJq4j0Gbl4pe4\ni07zoKhgyInb92H376erQvyIyNQmGPxR8tVoN1Cl8AQnmnrPmi+V6V0lOtk+\nyFiq\r\n=PtDj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.1.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202211594731","@chakra-ui/utils":"0.0.0-pr-202211594731","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-pr-202211594731"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211594731"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211594731"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202211594731_1644918487798_0.7123013949423103","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117101328":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022117101328","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022117101328","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0e75af48712d9a6a06da5e849a0541deb578c1f3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022117101328.tgz","fileCount":22,"integrity":"sha512-dmvidn+Er1LEYOVhNzXbSLi5WDHiOKOJAwHjm34/7PJ7f/+IbG07MO1YvTLnADy2nauRmEZae6rZtA6XvGly6A==","signatures":[{"sig":"MEUCICbU8Gj2w5FNu/GSyAAjHt2NqKbIdt1FARgZZpsZrRoXAiEAr9IzNepbaQESKvInGFefuDJaIJaPgT3IJiUXZufJ4z4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDh/sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJ+BAAkJi+5gA2QDMoF6kP0Eqvy6n7tZhj0/3313mO/Yhr4XsU91SV\r\nP35t0pEe3Ci/I5mXEetCGABtvo3d82hvFcnL/WK0NrShUfPh6BvBuRz84vbU\r\n6zmnILykO9g6J+gI3Tua87qQQp/jP7HXxWWBwyuVLbNiT+lGQXz8aVEYBC/m\r\nQBhYjB+nJTTiBAOcr5YlZHzyi6qqpndfEx3O/NZBaQDCBUsm7D6VV8yc3yAl\r\nOCEGRdmzpctGURo0wwDEnadrTcwXezQFwmLDkZIupBJR42yGINSyn9h/hSxS\r\niW4ks/wIZIMRtScsYfp+4k/ib3k+7rUxvFqhxt+639eHSwVdEVKnHVmSmEtE\r\n3NbY3z42qoqN+SzF94vH9v6Y8gGY545OIws0I7spqKIx2CpMqX8ZkrX5Pw7b\r\ne0RSFE5R83abRIxLDC5UWp/+YOuztvGzlkYfQkDeRB8IW/Jtnj0S0Sl5vwhN\r\nI4JoRU+bhhBy5KisWRoKdJ+kah4H5kLJ9Z/SJcLFMWN76na3CjjWol6P+CSy\r\npOsSTuRmQv9TS1saX4XnRxYegSd7KNHXZDij2YD0cOxoGjgNdd38zC2tn6KA\r\n4gTaLXw11ZeI2itbwwTRzXsbDrwOAyPhmRdJOPqYDYDhmBMcEnAE48yqdUSX\r\nwb+b4FP3xxR9t+aNf5/Nl3dD6JBiUWh7jM0=\r\n=3qfq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c2bcba11ca60c175b35dff10a922e600c3fd065c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-dev-2022117101328"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022117101328_1645092843987_0.17637304448375146","host":"s3://npm-registry-packages"}},"1.11.5":{"name":"@chakra-ui/popover","version":"1.11.5","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"63aa252e3f58595f05fed53b371bb045bf3960d5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.5.tgz","fileCount":22,"integrity":"sha512-NkaZgRpFkgPXWSlGPQYQ9AP5+CDEBszhIlC0D/XAWfUVbAbYSfIal1HVqvY/6xw2msOSFiYNpoVDaBqSmAo13Q==","signatures":[{"sig":"MEUCIBhbLpecTcwlIR5+lDxAnivLen4pvqX7rfq46S0fcc9YAiEAx1jkYC6BDyK2y8ipXHuDp8WPyHRgo+m6kftwiiBx5tU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiEDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZDA//cgZh1xohRTKUw3ZMsiYo80XQFUdBE/ntGy9zfIkET1vJwWTE\r\nPPIhE8GRGP4rHNXAWjDgAFL9z8Y4SlZmk7GNrerDnjZ1Ofpe4hj9Gz0dPCgG\r\nsvG4mduiSza0Aa6VDk+jQJ+tLDGh2l+mhnMERCS6jE3MthXV33wHXbyhqTNF\r\ns/7JXJGgjvk8GYnuM/ImFLYk5bViG0JAmO76YZJsmNMGsbxZGFYfD9T3G9sa\r\nK20cu2AtMcZ0su0vrz0rjVjOl5t0roHrtnffEuy11vfpXzydaY3hG18jD0Wq\r\nrJCftDfzdeuQfYqUo8GCQ08/BPmoBOtCGWwKCIPg4kWZiY/j2rgtzy8qjOFw\r\n0ktpVpQHD9SOebuBQ6DPi61NZ1/0v8XJ1bPlJaffh0FuaiNNrN+fa3Sz61S1\r\nN6q9QO0KrfqR3htwl0vQlUHDAuBQo40TLIsV4yw0dJ1nZhhTebgqWXetfVvV\r\nD2bJU2HYAxU2lNNx2PEYwlISNeaZOlbqu3/jPLLhjKpT31OvgpkVgOG+HZ2N\r\n7JfwlbukZJQD89MBTFDhDi1aikkgnFKq66+rktMfDDKhkB2wyTGnncgAVRPx\r\n1re4C9l75sFw4GCYcae4n/XrQqNmjpdQWOIiF28oRuxf36WfZVaejx4n0sA/\r\nyqUjiJHGaWt5DAlj3Jdw9Jvos8WVfFEBvNA=\r\n=dTyy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"05a2fa22ee6bc23c5eddada9c3ac79cfd637686e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"1.2.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.5_1645093122968_0.7046519341257578","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022117102151":{"name":"@chakra-ui/popover","version":"0.0.0-pr-2022117102151","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-2022117102151","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"43209534f7a33c2a06500e6dcd4860066dafa2ec","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-2022117102151.tgz","fileCount":22,"integrity":"sha512-oh9vtDr6wzD+j6OCUU0lKS80e+pDnky/sW/QljPPGB/cMikV7+JJVq1OkatHRUYY9W8c/Dg83yzBPwEkiYyuAg==","signatures":[{"sig":"MEUCIQDpxIAfFwNkI6dqIn7juy3ixQlzjLw8qygK5KMa5mZpJAIgO7THFdqonQH8uHUyEN7bkd5DbOjA09jRBCDtJCjoy3Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101624,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiHZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiXw/9FF8YCN1z5rRSE9vqJoQvj3m89VWMtBKvagV8DeQHWfJ09fXp\r\nx8663sDWr5T8KXrn9qXPvWlvPnsRP2vaUwIsmv2ENDhAUZo5rwjuoM72PHly\r\nzco2jOpYkw23Vk8AyYmJtavCKfOqnbM3KOTAzPno5sZbzTYR+qzz18Cwt3jc\r\nWKEI7r3LqDPm+6sVUP1mQyawg9DE7EkP2ltKuIF22HJsHJTudIHiphpDM+6X\r\nPn6L3UuoTLvgMPDhpnarRJiTgEsM+RC5fEjQ8XBhmZqLoyzWpF2p6Kz992Cx\r\n3C9uMu5Jc2m94nKFTLLcj0VJmIbh4tkL4rMou05nQ7I9l7YV8W1PS0/oIjbz\r\n/AaQuVAdDiLuFoxDA7cGL9ygrSf3fMdmbmFL+nRoN6hbGP7jkWFYvlRbEJOw\r\ni8ew+yU0rAhBZjFstA5Er6MDStEytsGZy6ZL9Xok9ibLuSkJFEGjYNs+VNaM\r\n3iCaiX9yjC6tDUtiVgLBir6vddhGeo9VCLyl9UJahZffHNMtCpYCNmUv0Gzb\r\n3Bd1tWbXS0bD2GDQY0ImGtFcNIUIyZNAy78p7BOBFiXjafAddD4nKAizAs2t\r\nl7v2s9Zg444Yg8dOEcs7Et52yca7soH3mcT5rOeW5QTMYGMrahf8NK2/6APd\r\nCe3yPSwkzg7WhgrtfNP37DX1mHJv4j/lTdQ=\r\n=0hUp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b0ff06849bc9bffe2a0a105c2c7f5f6d16718f3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-pr-2022117102151"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-2022117102151_1645093337384_0.22445576707532","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117102223":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022117102223","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022117102223","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"82774a297bff39968372a35d80f8358217d23501","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022117102223.tgz","fileCount":22,"integrity":"sha512-xABA7eyBCZZqw1PRZZL9PERiaentm1/NgXZxEcAQn348+9KyWsno+577SgzS54r9xsCAkuVGL+7pkgu2Z2vbbA==","signatures":[{"sig":"MEQCIFiBeBrTupcOmZtOkaxBnt6UgvJQjmR6kRzjD2TwL5vGAiAa8cZgTGl/y/BBujlMHKQ4b2964vnQNn+6/xNaU7eoEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiH+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPixAAiw4oRdNJLFCifuC3da5OUAzzKCQNqjIx9eJINfnEizxBJkb1\r\n4vewv70P3mXMTVQhlot+MBP2LUwD4E1nZEKabMPxeb/l0GG6Fd2EaRhqk0tV\r\nhhchp7MZFM7nhwCTKTEbe7J19CXFkuQ9yTxOpP6zHb3ODWvtowMVnvv50TnT\r\nncj8o9BbwDL7e25Zxjg0ihTliLFYbkSGwXeHYliHdvGn61ysU3ZZIElzor08\r\n8/SojZahs/Ep9O83+Fy6CNcH9j4R5akFMYZOs/fMf3ae138P0y1V+y5b3bLC\r\nmIxQfNElL62cj8oTv9Ad5DC5ac1KW8D+w/53QYFnrK/isjQd5Qi1xHeXfL9y\r\nVMfQFbSmg+6MB8xjrIDcC4Ju7F2BD6s4cWgkVdewfEH2gTX4BLlX44z+harV\r\n3ya+ou/6PnmVwELmnTBEZDekpeH3Gd3plmQO6oeXIUAmZeSnxvLM/8gBkqFi\r\nFCOmCeaej2nW/5tcnBYXl7Sz7MCctKndDRr/9T/H6+rB7aApQxDFVO0yCiz4\r\nqtHSPtaIlbIzdW+GWEZ2ruicwR/IwsqYKiYVZmEvphjsgt3l222X64d7KhvH\r\nml6cFNTKNbf5jpCnv88NNZdOV0Yb5RDMUHXEESkaffkuekFp6A05/LOAlUqE\r\nqCfhnxpxVnTFIz+shgsTrw3bJ1v+8qW3jDI=\r\n=Lkwu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5d4abe4b68bd454389224ac1001084a9929f568b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-dev-2022117102223"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022117102223_1645093374559_0.17920934186603077","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117103018":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022117103018","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022117103018","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7ca9d109064df24d5db9e8911cb4ce06dba8a63b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022117103018.tgz","fileCount":22,"integrity":"sha512-JzzwozWxvXL5cnYPwXF8UdQE5eyM2cvLucL+axMfUa2tn+kpFuvd1r2lTEoKF/E1lt2NDUG3VJ8vdp+WsmSLrw==","signatures":[{"sig":"MEYCIQCYBBL9ylEU0GXkw/7WzYvZ7I0lkY8KZLXNxiHQjsJ39QIhAOo5wTqc6grsU31M48lU4PqUumBkuSMgmPpq8nuIsa2w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiPcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqM9Q//Ugj+XM2Ov06Rxyc7euijlYjs225Wjnh/2FM0TGPuLxFqnrov\r\n8naTVjj//wpAlqsrQwrECGHS9ZptWgRd9C1YGm3dIWP217ZhCOeP+jhUqyz8\r\nyyUU3B6c4GmW3BcAqZ1AnlylYZJAZa1yFJAaC3k7Q8i2pUPuGId/956MXHMx\r\nv+UR1ftXYdFnTa2hFQ6bs5i+u0PQdzSln8O4VMvZBhuvoimjO7IjIn2d0z9U\r\nENnbXKI5R0WdxJI5EHun0dx0ftwygcwB47W0U5e3Vz//8TVDD2PC4eroIDEK\r\nIImz7rZIrScSLfDXT7Y7uHij5qv44r2/Lf/UYrdzBAP9VYGKtpM34U1S/lA1\r\nG3gKi75N9qtpWLV1YxshCVdGooi0FqM4OB4oLDpwQ0qY943wLgXcK6cY8529\r\na8KwlHg/HgPTASUmy0VZKHUffQE+FOs5KmOCPaugTNBPCiGGhBbR8XiKNAqb\r\nz5A54gQmq6Jm9mmwTknDJ1w3g5mAnjDXZCfClOQYi5FNT1+UxHP9o09r9+fJ\r\n+jDaQSwf7uE1gTkaCXLG81FZ77iEgE1jy3xhtQLvPX/BMWAFZsT3UBqgQWJg\r\n/b9PwdjSjGESyj6VS+zZ7n1dDJjrmKFzGgSuQXKeKWorCEO+4kDfc+uNlWIj\r\nzIs84XcwSEpN+UZLR0frTENTnfEDiABrbCc=\r\n=FzzY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"44c9fab5b0e34484c9afb858a553d4a2aa30209d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-dev-2022117103018"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022117103018_1645093852515_0.28592210828165476","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022117131714","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022117131714","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"36402fea8a5791b100a69979f69bf0632c5f60c3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022117131714.tgz","fileCount":22,"integrity":"sha512-gynbxpAi8Uvk4LKhWy8ju1nyf7eBBzaMryFn6hxrfvbfNlt7Rj+CoLBmDY8lwgQIXF2/jrIXYKy6EoobgkviaA==","signatures":[{"sig":"MEQCICWP29uE/hibzRmNHEehz3V94D9N6jH+wVfiGDJmEYKCAiBOWXMjQw8+ZnnBFfzS8Ay6JlIt5QEKBCIXJPGpU3QaRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkr6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpa+g/9Eq74rEoNqF8vn3372EoqXKLIJuarWzCBnTeEHPR58J0MzKAS\r\n4XwHgh8bJvZ7bAIyZPucHQPwkVIu4l+p/uOhN1vsF/dcOBRFbKx0Ijyqq5q8\r\nQGzIRTH+JCfgfSCvU9Lhz+lj+enDhGhRt7eZMcPGmIe5v8eyk7NXzmfItWao\r\npOM6FVEErSKXf9NN7dd1CxWjIkvj7Xom3RS5N8jyGpqwWt7SEhn/Tnc0Sf8a\r\nJW3eLQ8goxmX7ZOkqYFxTsBdH+Qoaj70ddEKUP5/bcscEkslXZ0M6VS+O+kv\r\nmKV8m4TdjcYqz8IgqIFQmPN3qgaOQHJxpB95xecrW7DH9EwhErOo59h7fXiW\r\nK4Gtfd3dcT9cEB8Ge6BAzYWrSunfI0SxXQkt5oQFfSZ/geEF6qgDjFvgB0nl\r\n1wtcbuynHN5aCLHvgHr70TuXK8lTcVVkDQ3eqy6K1+Li+32YFkAw+/OOaNNH\r\nO5/kPbsyUW+mp5YcDbA0on5lKG4O2QvDaC4kS1uj+enb5w0xJTsCB2PojQLB\r\nqPXiDrNZwGYdhSFQJNnT/d94muMabNEgpXhh0t/ezUMprUJdsfmicQhrINv9\r\nA98Wc9yL5qN7C5DWz9gpH0jTtSCNDmx4jC8+4E1xc8rSCMQnVeMMjZqitYcp\r\nEj/Cw7o/9NX8CZjEigVVl9iWwZko/Veb4Gw=\r\n=BeCh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117131714","@chakra-ui/utils":"0.0.0-dev-2022117131714","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-dev-2022117131714"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022117131714"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022117131714"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022117131714_1645103866522_0.3231159584806522","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202211713187","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202211713187","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1379b5157221ce44b7455f61aa42015814c54e5c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202211713187.tgz","fileCount":22,"integrity":"sha512-0G4LnRoUYQaCIvnp+6aykd1vXY4AR/Up6uq1ZITELzrNqlaOBDkXko9n/MG0fORUzz1txKL7zxhdPySBb9E9hw==","signatures":[{"sig":"MEUCICTdyFRP5QXMntBQ9PkLTM5BYNn7VLI/1KHrV9+drQIJAiEA3CpkcV0wC/2bC1FswbfGA9EZoLSHWRb7hkinExsnp44=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDks2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp85A/+Nj16icNsF0Im9/WbzvK1dZnxTXvxv5vCAbBXwqS23dWcf1hH\r\nR1mdaxbew94eCu862ndAiVsHtocxUWuFR5JAI7mqnMjfHAQMWqr5yHAasy+a\r\nzfUNNacnlxTDQzTVAA6u4HVSOZ2zSi2fNf/bp1/UFslalf1nRWC6wNWIn/p8\r\n0QbdDqjBhe0kITVditPLexmy4LUuaJNDvC9zmHpMVZLXJb9zocndDBp1+LUD\r\nB65lOxXa09X5QsHicOWUAIyFySRjPMzgmmarWbusEV34Engo6pEY6INe4sOF\r\nSnHTVAU3qBaVe5eUM7m6ux7t6VMRjgXDYK1i4F0iWDSS6fc+TFMeByKfIhqs\r\nGzflSg5ZTz8XLIYlBcqPN8/JnoYhwhL9om1j1d9j6KUb2F2wmlKTcsuVgTSG\r\nu2fJQCW9Qx7ZvLDIr+wGhg6jhDNpTlov77oc6FbkL0U66hT6MQ/qh5bJ/U5g\r\nssqGkjOxBB5Wd1dAmLdMwEPS74KBgnOZPvYr18iIPrF3iEm7CkUKvFBZO/Sz\r\n76mzM18JjIGMomVTeIlMo3Ue3ITyJId6JUsUXdUEvPjDKP3SjXSyNKcJkgj3\r\n1JR5zPscK9Z6j3cqA9fxSSlp+jQFD/lFqJyaHi0+cuWvFl5n5FJE0E/h7r4R\r\n+F42Rz1BgVw4xlKGh3H4TJSHYpmGSB+M9aM=\r\n=Tpzx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202211713187","@chakra-ui/utils":"0.0.0-pr-202211713187","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-pr-202211713187"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211713187"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211713187"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202211713187_1645103926846_0.7530495198974987","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202211720414","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202211720414","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a3f43f61ea3d4f9a73c37b20d1415f63fdf72e3b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202211720414.tgz","fileCount":22,"integrity":"sha512-zK/rFkDQJHROiv+Ptkws7Jw+JWBLMEcPhbDGJ0DqGVyxieK422zAC46OTIcY2GQPG4gbj2DQUDNz6i01HbwSgg==","signatures":[{"sig":"MEUCIQCgs4JrVLOb+aW8efIb1hJoWvK9ZpFzKio/CI9fw+A0OgIgdwtOH8WKmNzGmUreNKJl/K+LjlR/CLeeByslkvTjy+s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjZA/9Gwti8YeN8K4CS8mMS8c/EjcGmq2d/xiXjgiWBaPspoFivc4i\r\nXz5bF318ZqJefYyk1Mg8N6jb0IXi3C77pTiQjlWd8c0iTNcgfqhtL6ev0QtS\r\nseCknunK5oQxf5A/EXhw/MTXPCspHMVO4HXTJBKQW5X7ODWtP8i2LtIFQbfI\r\n5ZS6rJLc+JJs5RvLVKgeVMUQNmEW/tb0s98XgubI/30t6M6t+SdxEezSHgtj\r\nt7aeOPjVFgWgJZ1F81qI0HTGQIf/aAlo07U/mBvcyOHF4vkteG0tld9HjjC2\r\ny/8Cpt564KIzIdwkILKQbpXetPRn0Zyi5r1XRQTI1Fpi1PsuTEA5WRPVATmg\r\nNpemsUtbQWK+iBLXlcZ39lWv1qMwIV4YORlfj4iKs6xaMQM/WpYnadcBQJpi\r\ntqVQxdnyUx/EBHY6FA0r3gwR/pzD3gH12xMQwx9JPJcK3CqkvGdglLc2D6ZH\r\nMi1MqXKWdKYNSPjttDjCc/3RBlWIjOHij4P30edUxtwxxS/0yl1MblFayt6R\r\nD+ucdkJBWmLMORc7BZBaklevAsx+u0WM0aRkKSmkbVJB1d+U7DVNE5ulw4ez\r\nMgtv3bcU9T2+n4Gupz7OIpH8kyS5jXqo7aLFseVFNlt4Kqscf21zyyagMAAw\r\nZNCed8gV2HyFtvtNuizkrYx8Ej693nHZDb0=\r\n=x/mm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"20b7a19ac5608ea52e63c0ecc7e680591d7f4366","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202211720414","@chakra-ui/utils":"0.0.0-dev-202211720414","@chakra-ui/popper":"0.0.0-dev-202211720414","@chakra-ui/react-utils":"0.0.0-dev-202211720414","@chakra-ui/close-button":"0.0.0-dev-202211720414"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202211720414"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202211720414"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202211720414_1645128287925_0.2926671397260501","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022117201925","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022117201925","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3e7a2ce7466c8e9290469ab4dddaf9a1002a92b6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022117201925.tgz","fileCount":22,"integrity":"sha512-p875uf+tl70ZopIa/54f572ruuHWI2ckktuRww7mT9DOZak4N/qnPuueNcCOxV8l+ExUKQH1WppKD6qViMXM0g==","signatures":[{"sig":"MEQCIE/Gzae1rlbU4epYJMVaw0MlIviRKuHCCm52G154l/mwAiAOUEXzfOaKMcgIDI/APBksjL4Dd1o5jZdKrZdRmRHi+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq36ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUEw/8CSlZzksMUzbqF55H5MDXakQ5KMh9EDY93ID8zpbnnpAeFyn3\r\nk9iFB5320WwcYwuM0Sc6q1ftdEt5B9r+C5E0TIiHV3qXkzy1d/V0zaVIF6Kp\r\n0FLXZ2/PDGNLcts4N3q0tbbwbClZnik03MoJJorIvBCiNNI7Lw+Qr3y8+hZD\r\nb0Wu/YxSbLyF5bav0hkp1UddWnhwWeGvhT5tA9A/ODOt+nkeRe/z1fwaJA6S\r\nnBsyNAzLN8GVnVSPrEU6TvAP0kIDOsHH0VVYvQIR11wBp0JVJMAZLnqzHuH8\r\nz6dA4XgkTCpk/c8tZz8SUgJ4M2kD2cwMDPqQ6+gsyJIiLiyHcXq3TEWVtImb\r\nKS+u52vWmu5pRPIr2OYgDYMNU7FcHOhiTUbhljHIrl/HRXppwVaU8mqU8Oho\r\nHVZcKyLlOlpAp42YhvoOf18xMSlpKicarKcP61llVvO1hV4kn0+r+w9Z67Kv\r\n4u1TlLdxxlwBpYVHaWSm/yEfwXpybCFrQeYsGC5FGhIoa0wzLSSMER61miPE\r\nSmVxs1xzVaIf5HrGdHxX0Kq+uYRQYsJLmk5ROiNimi2+roy1gH8F/NtZCXOL\r\ncDK2/dhNbGIbyCEsWFUJ1y4PNZrN1icji4ZMbB7eF3mOYUYwoGT8WxyxtAZS\r\nbK937ojzhg+DBGhtU3gR6VRroWfVcRyuMVU=\r\n=dgj9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e5e0f255c95f5e41c3b17adbda28fd09f7251642","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117201925","@chakra-ui/utils":"0.0.0-dev-2022117201925","@chakra-ui/popper":"0.0.0-dev-2022117201925","@chakra-ui/react-utils":"0.0.0-dev-2022117201925","@chakra-ui/close-button":"0.0.0-dev-2022117201925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022117201925"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022117201925"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022117201925_1645129210430_0.5321584164698037","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022117203714","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022117203714","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f996d094272103cf462b473a1718fba72cead357","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022117203714.tgz","fileCount":22,"integrity":"sha512-aNDBL/SncR9X+6OqNFZgKzBLCgt2kmBa4V9c5zmIFv/SixKFCX2ZLusjmza+V8C76rqClDFIgx4r0N6nqMwlXw==","signatures":[{"sig":"MEYCIQDwidPZLvV1moB2plgV7sI9JEfSRBq7eQ+uDBN0JuTzAQIhAMqkOJpMVh8DaZ+C2nMX1tAMp+cdDfT7Y8qgw6Biq1ab","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrIjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTGA/+IOyMq47ejnjZmdi8qN7G+BsROZE1bv6eovy1/ptFd014O6t1\r\n4tm2TP/Szk1vbH0Dn2jYbcMQWz29YTAzki72zrbmks0HyNu3mOUs9+N2K3vO\r\nYvQ3UQxuwDKj50/00Y8nrYBJZe4kOz7IdxCaUHrOkbkI8BgB9IxBS6ct4xR9\r\nejcvm5qtQumZKwY19KW5pC0g+bYdqJ4yK58DWsEKJW3lSpDccWQYw+KtkG52\r\nD3JCX8A7O5sRUCcvg+1qNLoNkSgzsNAFXDenvNzzQ5va5a6F3fI2TH30DSZo\r\n0O8bAdQKWNWwlXnT/kbFn+fGsSDMidyiRJqYhwMRKh7fZQM1lUlP+jyixwPj\r\nctoIywBbgaTdwNDiu8dTxe7cjH1f+0WD4fgWbghBnJ5oXofXCD8u4b76auRh\r\nrYDRIIjVeky9MA28x93e/ARpfAmLtg5rt8JY814WUXFedgNTyuwk9GX6kN2k\r\nQ4Icl/z9ktWNQgepexhCqSlmLp/wlfEzJczE6jlyuskIOu/Z3FvRKSXnFB+r\r\nqxKPsaeXDwQyvc+vR9LN09qxK3EQ78KLzQ+mzScrovjguO6ZlKMjvORyF920\r\nvZobgjKE5P1bXLzst+W51MW4x0uJ6NvCcEOXEWGLIPfEqmiOgz9XQm3rVjTt\r\nTRWBNds3M5fk6FNzKPQVBq+dIQ/F/bpAIV0=\r\n=qwCg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"0542b8a53425093f18fd86d2b55220d3fa20253a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117203714","@chakra-ui/utils":"0.0.0-dev-2022117203714","@chakra-ui/popper":"0.0.0-dev-2022117203714","@chakra-ui/react-utils":"0.0.0-dev-2022117203714","@chakra-ui/close-button":"0.0.0-dev-2022117203714"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022117203714"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022117203714"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022117203714_1645130274869_0.2744516579664613","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202212083710","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202212083710","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4a0a69cd02651d83bf1d3416ea12c67d52ed5567","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202212083710.tgz","fileCount":22,"integrity":"sha512-wr1HrblHcX7YGikdzbwPx44g5Hy0EWS/oYONN15Cgu2alwJQ3LIXOHEyL47hmygXTwDFuTmSql37XUhl2zQx/g==","signatures":[{"sig":"MEYCIQDvxyq1YUlPsAdk1rmXEWp8LC51RQlHsnWbFvKnS/YUiwIhAJCB32E2POqux9v3VYdB2BSIBhxHJ/nAclEDzSxiS/r9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovkQ/9EhZAoIVNNwFyuXJP33abgoFQf7gvhbwo9NVCqv5JR4AZ6JDD\r\nQA1RSWI/E4LQpcZZiSsz1u9akpjeH5dH0S0aSk+UOme6nI7u/fLYwAhZkNOb\r\nn42JTBGkJXgUyHktOnqImHyUg7a6ZAqfznX6Al4KR+G9rCBNke6v6nFuZpQl\r\nkf7jem6nukCsPRLUioFUhTXGE/U3H7rtJnSveFof2ks0LXuWGvdLupoxyvJE\r\n80tlOgHUXTHGiGNriWbBjkiW1XsS/VeqskXbIWs7AEwia9JKnMCWfNt632aH\r\nl5EAzbh1BsetqPtRByYcMZ0xBbZ900JOeT7d8NoSoR8Wq16k57zbStMmKDpj\r\n7Gqr+w8acZrb4HekGZLkwFX8+9aZY97Ll7G+kmNjzrulOt+3/dWPoSU6AWLz\r\npo/HaWeUrkAg0Ypua6HVWAgCAxXWCnU8dwjY0HrYPgaXoVD4/GF95PO1i6J5\r\n3v4yI6jMwtk8nCdwW0NYEzBekwmmL+G1qNOIffimmHZU8/2PwONXIjQi0DiW\r\nUTTB9AwcxsztUUxOMzdowWm++G0BAdLZD3W2W+PEdn3kkGXd3wBO/IE67j1V\r\nexOwf+PnLZ9Tk6zlMovmRiAeJpfq1PDTUcpyYuNYjt82Qqf0CXceP1tvwVYp\r\n3w/4+9ffKxjgR+ioEg/QhZkxDHzs6x1rt3c=\r\n=Qnun\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"085bbccc59f9c00b57caab647fabb43939d97247","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212083710","@chakra-ui/utils":"0.0.0-dev-202212083710","@chakra-ui/popper":"0.0.0-dev-202212083710","@chakra-ui/react-utils":"0.0.0-dev-202212083710","@chakra-ui/close-button":"0.0.0-dev-202212083710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212083710"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212083710"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202212083710_1645346271376_0.3451879462369738","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/popover","version":"0.0.0-pr-202212011232","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-pr-202212011232","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"53507df0f3eda62fa522cf3659b91c1d1634ebb7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-pr-202212011232.tgz","fileCount":22,"integrity":"sha512-6DaWt912nRx/TfVm8nS7bl95iAvclDPMljiR5IlNjAZaA0U6f1R52S5uMLafbepCl0iu3HSO8Ji9p92lejpoXQ==","signatures":[{"sig":"MEQCICzE+5fDnKN/phipP+PRzNK1GdAt6LlDlAaTIdBPVMIQAiBFn6+QXwK2U94vchsuAqJz+VPPg+mrGFWKjPxf2gNd1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoGhAAgm7U+OfDOZOU1qgKRU2cDXt1P522gxNssbHkL4ER25D/QhgP\r\ndP82yeebFKF3d7G/spBYziwD1wusK9Zjt+PR3yHk92dWLTbsoxNz4uzxAZpV\r\nQ5TBmHgkjfuzknLhFog/2O5dDC8d+60HuF4/YyltP8D7yln53eHbpbHfDrqP\r\nGsGN/cik5pDcIRnJr5sd8HeZRt/t/NgT9+BtuML94F6HTJtlUKxQ+z6aZx+y\r\nZEZqZ3wsTRJfV+bLuvSKIm36tk2unRE5aGbOUQhyT+nHcMd8K/g8Ptsa7DD0\r\nyEXsqhNHOtmlUZ7gb2yG9PbZEB7jg1nJLifP/KYHniDQE8UHHS8wbJHju/0J\r\ndUyifNUnCQfwWvItJaSHkBcM6ukjAukguE2h1fiwm+qP1VbO8ERg32r+n1Kz\r\nqXcZZPmxB87DwmjkP7gQNDQhOBkJzkZ0WjQm3cVkGNMPhuH57lyR1FWUudWS\r\ntusKqc8sLBksjUGFIF6JjnkWQoV3bDVbatGA2y/AHQ6UkQrGdfQ60SPylc7U\r\n38UnEc+7lmSy0eNip0BhKzau3DHqLFW5VXnpL7DnsC2nQeK5yKeywwTUDqJS\r\ny8vnOFmbLCD0Ad57hB+K4Bui8H07AposL6Kju6hMfFkd6zvcvtYAEvD25Tib\r\nVSPrkuryyqlGjulUvkAA7WJpvTXUw/4vWeg=\r\n=jb8w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202212011232","@chakra-ui/utils":"0.0.0-pr-202212011232","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-pr-202212011232"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202212011232"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202212011232"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-pr-202212011232_1645354996767_0.18680078480540363","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022120113958","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022120113958","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"296952e03737119953e46e6657e2981fcc184b19","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022120113958.tgz","fileCount":22,"integrity":"sha512-jsdmlr9LLPcsAmnsQ5/xyC48YTmQ3UJmf+NblTthvw6QTSO/sYvVamIGybdZ584jtdT8bga7+23Nq68oh0b4Qg==","signatures":[{"sig":"MEYCIQCgw/Q/BCUaxL6jLohlXe1354Y08CvtIvQ2eyx15KsgRQIhAMNAH45TrDriNyANp1CxeysAc/lB6tcezYolrzLe+YwG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKxw/7BN4U8N4Xq6gHN+1cPla4Ta5brS7EzIZosEiIiOwY1bchzOje\r\nuvCcrqOO8ej+DxLksFxWhPrc5D+DyCbC8Oi9kY48fdHs0LjE+ZGvb3zDYYl8\r\ngaN5pUkG56fr92r9CFANyuutII/l/oJO4VrKR3m/VCVt+21RFwz+hw19gLE/\r\npf7FZuLkyTlS04X3tWZURNGV2u77FbwQYknnSA6bkq6QS12DG8q8+nyMO9cc\r\n1X7eyWuiHf+ixQM/GdOipbK/Z6qxmdJ4gzyGPa3/wW8z+TyweReRMQrqsuhz\r\nkrs8onBZ5e8jUoht4Exs6f9UJ/VZt7ABXHwUJI0bCNkLN81vA+JfuH5+tA31\r\nxo1Bjliuw7wu34OHX5LMb5HuxRHtqxC54u3eSry3EqOapZqvDmHq5YEMQ179\r\n6AXqqcjkX6QiAakikcSIhXX6/y+zip0DqlqyK37F6/vvMAT7EtgnUi3/FLw9\r\nU472KvfColTwp2SoyrPIDFidPLfoCF40lKYPVEHmmUmRxZKrrnpqUHDkMym2\r\nt6cJ6O49VmUAg0l5/loXHFHvB5UW65ayE+Ha3bDHMlCvSfXv3RgCCKk8PeBk\r\n6nP1QzBW94IIt/E8uH5ehXzhezJkWNM7k2fjNJ0SqWDKf6RvigMfD7kYaLsX\r\n61vtS+AFcIJy1BvEZZapxLOY0n1lbtE9EDw=\r\n=5ZUK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"99c92df9331e6a0c5667b77e5a605343efccc6b3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120113958","@chakra-ui/utils":"0.0.0-dev-2022120113958","@chakra-ui/popper":"0.0.0-dev-2022120113958","@chakra-ui/react-utils":"0.0.0-dev-2022120113958","@chakra-ui/close-button":"0.0.0-dev-2022120113958"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120113958"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120113958"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022120113958_1645357236443_0.4188740285319803","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022120114012","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022120114012","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c1ea63dcc05979ec1beff24ce037c2c581fa225d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022120114012.tgz","fileCount":22,"integrity":"sha512-++0cQ8Z5lk8SUWPwUlLW45+WQvRhjxOI/4XsJmweS10lw5VRMlsnzOnM6EW5M0W8KW5gkqw/TdYt6SPk2YVQ7g==","signatures":[{"sig":"MEYCIQCrm7CFwbvb0/zF4czo2MzC+3P9bf+yfEWNHT0hsrFsxwIhAKGv9DqqMfqNkyzljTgYTwBAY0x7E1Lxrb7z48FE2OKr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyRg/+KnHnp0bK144DkFCw/EE7hKagncs9jaon1V9fBCBhN+D6tDK+\r\nNU5ziNZSkFGhYJDC6YcZ2kqvDrJpGddqh8098RWRf6sFe5QdsXp9LfkkZJ6t\r\nAVHXCbGAT41olDVLJbQ536aNmw8xKAxSpIKPn2fSkC4YCpVJkjBdWznWM3Gc\r\nNYUhgnMYE8B7+2d1RHsLjr2Y2zF3ppXdt2FZOpX2IUIRjbe979XrfVRHD+h3\r\nWNNiv/FLKEgv48njar0Rqm4t6qKr01dtEjvl49USQZftpL2dz1j0/0h2XQkl\r\nXnJ9XN+1pqpiFENjnI1vITqzBzTwbdgVwenZ+bmdLxTOo4iicBnuNrJyUCmK\r\nESS8ziOnK3+eVUJ+q+vIrA0RTlKalDG8bq9HTk5eDYjc9giF77zpbxsQkAaI\r\nNcD/s4ujVPAq9RlJcfsDrwV8WyvwJUNgm0cA5enWQxuLXbOCoS2JjNBA6+oU\r\nQy01P2DXYD/7KNzNzHg3EV4QiUYSn2XK0EVYK64WrB/ze0EMY5I7ToZflLqt\r\nF5obrKWuTcPEbQsfvbzRhUqlhRHhCKGxP4JRyoA1D9HSpdtCMzQWbJBmPqxU\r\n7iLufm/tj7EQIzSMHptLzceArqXOhsR3DD7M+GvHIdvqoyq8KqTZh1/Bo8oC\r\nPiWuMEII2/jwmX+CfEm1pvwC897GZncOfM0=\r\n=NX+8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5aa79f81c71b1ac28d1ee18b4cc28c908b68cbfb","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120114012","@chakra-ui/utils":"0.0.0-dev-2022120114012","@chakra-ui/popper":"0.0.0-dev-2022120114012","@chakra-ui/react-utils":"0.0.0-dev-2022120114012","@chakra-ui/close-button":"0.0.0-dev-2022120114012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120114012"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120114012"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022120114012_1645357245321_0.9426964945890526","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022120114225","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022120114225","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ccdcdf6dba4c9d9f9374120911c4e1d68bf8e0da","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022120114225.tgz","fileCount":22,"integrity":"sha512-5wFvatH2++ahFl3ZfAF3cCJNAQA40Hkw+0q8Rz5WqWbWSwmTNxRziiSe7/Ci7Pl3EXHul6U110RN0//derhZlg==","signatures":[{"sig":"MEQCIFCznPPR00Qb4wA2oJr9PLqQYWxA7qdzlF3T3olxVgR2AiA/LQeEiDdO4KVOqgYp90YqYBXdJyPkKHyOzcqLACAazw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpn2g//dc0940+4oKrWFGRhg06Qmib+z/US3W/S6Qw1pDBGp6CBtUnm\r\nCC93gTJu9CRnxZO+xXf3YZMEDgv0R8kuYZSoRqXtP7G8XG1T7EaTONMpJ4Zc\r\nFDdXZJ5ARQxLvW++jqg9zVZKsXfHboPv9MvtprwaOE60e5+f2M6VVzoB0Qq6\r\ncvij0Mc3HRs5Y4byrGurCOAksZJUZp0CIaopEkKQ9caf95+b9QTJqVq5YG5e\r\nl1KBisPTVGQFnEXx7FdIMnfPtU6IMj4qQvwwOSEMmBkfg7P805QsXmUYW81D\r\n9WUg6jgNBaISBAl9ZFsbPNiFCMTctdb9fJGS6DgXCOoFfVrZwASOqtGJvRp4\r\nhMNC9CFZ+EtPILsJjW1VYURkFZHlY+7PyV9RVJOB4XqXw03yR7zlmVj+usJp\r\n6ltVrldTZaenRBdJKZqfHcWIJjKA7NqdxDCnUYn4oFeJfBp+p/8tdc0G7hgF\r\nYso6XkG6PYTuuZOZaQkWBM1DXtvTXWsGXv4Jmz++OY2X7G+uDNOR2D4fc+Cz\r\nt+6y2M5fxwJy3diUkj05DMxowzIvHe/ybBtFXC1RSna+hjtwgtx5l9cGE2H9\r\nsIgAcn3bLXd1jdISMc39tqtYkSseNXXzTo23reVPWxnwTR1JIn4k4kybCdBl\r\nPlU1aZ4YxB1OEsRoU6h+qXHvJ9/oOrttiM0=\r\n=LTZT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b0da6e6665234c1584403f7f7251390c3a9433c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120114225","@chakra-ui/utils":"0.0.0-dev-2022120114225","@chakra-ui/popper":"0.0.0-dev-2022120114225","@chakra-ui/react-utils":"0.0.0-dev-2022120114225","@chakra-ui/close-button":"0.0.0-dev-2022120114225"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120114225"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120114225"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022120114225_1645357386098_0.5947368443123902","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202212012129","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202212012129","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"73bb436af198208e470265148c471fec09a01a99","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202212012129.tgz","fileCount":22,"integrity":"sha512-krbXYZ89zNu6C6mvZKyxxpvLRgYpbvrnR8ZDZb6vFTOXZupIZlpcFfqqAKqfkkQipZOJZgQha87gUypwMVMuXA==","signatures":[{"sig":"MEYCIQDD3sjmkM13Xj+LGZEFRi9rT2pyDhHQsCAvFUcRuZSNIwIhANhG6SGwgrPv2prf3yqQP9bYLx436iSDGg8bhiCjhrmp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjA/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0FQ/+I6lMoLiSWau+foOBCkZqnof1VxPY3t0Nf78wVHqJ195jgTS2\r\nNb6nHRfztjmiGoAgmbEOgnD1tBvtE7BRJXxgyuTQ8Jc+OcHPiK1noaazsNX0\r\nuphCs1nLJOBQsABPGVQVgxI4f7v9sZgSS9f+mL1pGeqyHgU6DX4iTGDPzb7y\r\nq5hfXhpXdcGO+Dvp5Xe+EZDHi5ZwCxE8cFOGTb7cysU+OQ2WRjvKp4AfgAX9\r\nZJYqDN4zA5YR41J+m6z1KCY0bns3XXKSZ1lg0f/OEdXzjaIM3ggDuIUGQhzY\r\nk6QfTSS9JSWaogmO1Tt9jS3LUx9FMzMorh3QnLrCkHoQ/KqPEcY+9Yt4JV39\r\nRwsC+ehuUp2sB9q0d2sHfc4FKSNuwzeIhezkSASywq0fVKOjuCEi62tvkLNB\r\n5qGrTbmPgTLAVVcP99a2Bz7aa6vqNG1ZSVSt8e5i72N+fBaAS0YtY/iTec8f\r\n8xmOkbbd+5GR+EGm8cn1sgqY9+Lald2UC7Vrhv6kZzyiYyT2IvU/r2m953Fj\r\nLOhmiJnN6H0VrgdQ2Bzsmro4jQQsrRjNUvQUkGNK7AgfOiWkL5P+lf5diRfO\r\nZJWE9bg2xOWF+sSbJFjtl64Nw1hMLH/qdVY3MeophfBP9CP91JLPHG5LNk2o\r\nAT6L+fng0/NNwYFTZwCzSCQyqBz6f7Vp9hU=\r\n=iWMX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"651bec5b1999ec3edbcbbee297fc5b6ecef53f34","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212012129","@chakra-ui/utils":"0.0.0-dev-202212012129","@chakra-ui/popper":"2.4.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/close-button":"0.0.0-dev-202212012129"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212012129"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212012129"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202212012129_1645359167550_0.019688635929168807","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022120123118","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022120123118","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"16fa63bdcf1363858ca956156cef93952b0b9996","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022120123118.tgz","fileCount":22,"integrity":"sha512-9kyjnYWRqxAmOg/ZTqB/+OnQkQT0rO2eJOZB2XxK5lRDqDo/ksNNGfDxRJen0dwdOeTygoRk2cECa9snkOJFig==","signatures":[{"sig":"MEUCIQD+0xo0YBmDOlGvnhzSh2hM0jEwfYxOMLFlkuGb8GbHQwIgFs+vKB1ZNMz7dpbn9Cl9BbJTm8aiAs7fUTpH8NAUbio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjTHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfVw/+NNQlI6ZtPgfFEOmZe1qYYercxDt3BKCziWwqv6tmTDvRHZDK\r\nBBG/5xheG6BG0bnccnB7r2l/rjXE6m5yMzq81ntrjW6x4xeWiylKiiT07TNG\r\nS/ZGce+vJSnTyGgfODdzZkbvHL1fr4sI1Ug3VO9B0ZnVRzd7OXUjsX7kMQSv\r\nniY1f1Wy8KL9eaT0FIvf+oaxKYS4nHYZaJ0t2LEMCeZK2A3iyCqd3I1zx83e\r\nQofsOuKbct40GiZNlsE8nP3L38ROZvVxKHW/7F/dhTuFiK8SLqErh8MN/ABt\r\nrO/57M7Xr1yuqCNCu1kbCSo/bzXII/27YMPQwhXOoB3CxnbOxEAleLw7Vvxn\r\nxjLapQloDABGFHaJszy3nflY65BgHIUwSV1fe976C2qo6JGGjiyVWL1gfpcf\r\nDjqMYbdCz0pPXDl+NGNtC0DZyXY8zKBOCaGqADBYGCdtSPqqGgkLVu0ajpcB\r\nSMmfpSNupIzE2Zcpdh5Cv/entBmOSbA8m23Hu0CU7n66fAoMxX8QfZygxAPT\r\nPxVpxhscwWsG7WVF1LtvMrYDLzqTmkyzg7pnR2JzW2x52uPF0xquwdM5+GD4\r\nIyTXjPwqi+pz3Xx6LqrZUS86tyc0mCQWMtv3mlP7JFJt7jxhNA+QVk3AD9mF\r\nHJYDDyHGi40+x7CVXEmTgG2gwawLvcGekZI=\r\n=DLzx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e1fe48cbe37324744cfe6184d785c093cda1125e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120123118","@chakra-ui/utils":"0.0.0-dev-2022120123118","@chakra-ui/popper":"0.0.0-dev-2022120123118","@chakra-ui/react-utils":"0.0.0-dev-2022120123118","@chakra-ui/close-button":"0.0.0-dev-2022120123118"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120123118"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120123118"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022120123118_1645360327412_0.536294283657194","host":"s3://npm-registry-packages"}},"1.11.6":{"name":"@chakra-ui/popover","version":"1.11.6","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cf8184e2f4a7eba6bce3e00cc2f36ea527303e72","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.6.tgz","fileCount":22,"integrity":"sha512-8HPnnXAm7Fjyxk4IDxfxWvOy6hl2PSxtLmpWx1WlJEylJulQVjNhAJB5d2Vj53wBxRL8WKsbUzrdBl+Rlsbzzg==","signatures":[{"sig":"MEYCIQChky/7Qy8wQAesJpUp8SDHW1yOkSXGMkZL7P4uv9YJ7QIhALuSaF4/zfpcUvAR+eWx4pLbgw1zUQgZgqDk0ttZdvTR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjbgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrZQ//dcK1FxENQIQXsl9rnpb1SWPLFnM40iLIabBnDfBk4NPcArEg\r\nbTaqHl4/qlh9mIOAUnaDHWRYP2U/sk5p8EwaDEoWbJpCODLIEyfnaST+3Jn0\r\nK758PZufcgQhzBgz5rXx8EMntRBFTZtfDoMFMRguuopViLydieK99vzvKoch\r\n80uXk4iKC62T5hd5hsnOh855XIZI7HWIaQ66SV66fNH21xJdr/NrDahgNQ54\r\nj8dk4135iI9dJ9QlMXQQItnbBafAQ4Z5dlki8VZiIzu9Ao+lO0LSBosS0Hny\r\naIK8nndgfHJnM4UJAdTSdP/CMfpCsprtn7Zg0/lDBExeTIg/+7tebCJLFhj8\r\nvOgScQMaVjWT9N7xFLeFWsjh97TL3EDnF3wKi2aEfl3CjCol0zHHjy2WPhsD\r\nmaWAVKZW3fN3+DmmPx4atYGyLcHcUKH+ugXqXd2iakgk0UGuBe1kYxX/yP9a\r\nqfgE+rkYCucCY8Erwxc7kg1DfCJuo2xfUca8hrmz/3EZM3B55ZhqOPyqfCUg\r\nGoiMbYVpqJ1nFXbiq2rBbla6blPtURNNsJ53RolWFtsTggrNYeDBCzGM1Nm3\r\nSz9kRJIRoCY3JJSQCOs9su0aTw3C8nRz2hO8TEl7zIQPBq37wdmLRRBZomFs\r\n//3xtx3zip4G4BRETCINOrJhg2P+HJZOp8U=\r\n=ejhp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"ba2fe6c4b856ba3833226dc7b6a15dc91173719b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.4","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"1.2.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.11.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.6_1645360864241_0.2985716299917729","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022128214753","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022128214753","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f8147566a63e481d2fd152da7b8796b1fa28b50d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022128214753.tgz","fileCount":22,"integrity":"sha512-HE9Vih9G++Os6bG1XcN1fdrvxHoqSNQQeRRQZnxneAUy2jLAaqqNn8gCPISmbqvKYJOicjPQVfuOFK7N2yPuOQ==","signatures":[{"sig":"MEQCIEUe+llCT9IHfQlBqdOb0r4FiRBVTFdGcvdrIB2ycqo7AiBpDSoV12cm2tTIbx2HtWihF58lMe8QhrdL8wV9e5CfCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKAA//TJHTgwsW/Gf1hseGsN1PUjfPh/Z0/j2vSOcTjtPdEsi7n4zw\r\nKOdmJpapl8q4ovatsfejD+4gyqDh9isvD63FR7rkCtEi9I2x8uPt86Ok7Hj6\r\neblzicX1Zou5GnqUonOPMJ7PVkiDrcdfXgalCpSc+msGdHQrRE1G3lLwwENn\r\n3ipyvlmI4CTCD4vOYtjFRngN8XOKYt9D+LZ7j/HNygZi/uz9JpFUDhHNaj8G\r\nmi2u8rhX4DMY3SZuGeg1uT8Ud2qbX8t5KoPzkJtfs+MpQp1XQTWyhxXHnUft\r\nkQrs3k2O0o+ScAMIuMuINV33u09qtf5fDuxOMtIslQEM2pr/xD9JhztyZDAh\r\ntW2Ucj0ea1y8oK7oheG1BOQSeXHhhJY9T2KKyFI9cx4E566wbXCIUucxUbvy\r\nbQShgY/xBDJ74VStYRlmHDwqcrjJYz9bUatH2nX8HrkjviHdBRQox28jri59\r\nHOH17EpuG6ilS3WvNqT2zvsJRp9AZZWTiLnvuvNv60tmvtc+vi0s4vzVqo2B\r\nAmBI8DMI9IAChkv3/YLXfgAtI58uqr48oW5Hc5hYbHpXzWjcot5wgtHz4AIV\r\ncmyf+g6DL7/tozUy1YUaRPnXs6YJep19g4tPxHF6XVjuK/41TY01Ein+RQEC\r\nNiiZB9zcJJtMBeCINHlMZwgtlHbp0LLLGqI=\r\n=zQYq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5cd5cff35e4837539d83a2157a07585d461b0aac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128214753","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022128214753"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022128214753"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022128214753"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022128214753_1646084905798_0.5810181620251957","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022128215052","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022128215052","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"63add4b10651c41b56d0644005ee0f274763a341","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022128215052.tgz","fileCount":22,"integrity":"sha512-oPF+JZNfOsM+mh5jXiJrNhhqfJvOvqcFTYoO5AVcLPG6ZaOwWLD19a8vLR71gJgn7pqVrPYJmILC6gNMLkg8DQ==","signatures":[{"sig":"MEUCIQCtW3M4/RpElYEasBGliLawrCeWhNEKhL43v5EBSSoYmwIgNh2AI7jg5GBf1BZRWsglhqFyU4tRHMWW6cFewuCmKR0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobdQ/+MmjSs4JP10NO9UlLQOqUlTWPtZELcwqPTjwrvoyuJOigi/Te\r\nlgJWY8wRx+aRNp+Ob1Fxvh/7QcUa9fScSqpoZ6RKEuyRF8rtQ5O3ZzE3GpBk\r\nLX50Pu6eX+q5Gnv9ZVlKxIiH7VY69SF+A25MIuwq/mM7W4d8lg65hHrMehYj\r\nEOo++Pd6GWKharbD8lrQPtDl1pS60GInnUqHWe4RQ9HpjqNYYFAtwkU16eoa\r\nFPwCKJ6qAXJbLO9FjKJzUtp/XkLDfqQZCZ85ALaES7fGEZCV4WyWzu3KpVJd\r\nppDv1mNo3ffcmy3KhBOeNME1ctve3SXBirFQoLe5KbVRyx42ayXG4sTD1CcS\r\n+p9K0WTzeBN3+1EzarvPrQtvsbza9nDWBv86OIIoG90ECTjXDLH+vLLuZgsz\r\nlhtCtjHMnFpME+ZZ/BOIsAvAKD1+jgmST8dYgJ5S7eOd6KwFL/eQiOhWZTGs\r\nXhzTbEfOR3t6p/VDvhrKTWRe2rZT79ZuaBhQdylE7IZlmeZtA1L44YCZQq2c\r\nGVpjHwIACh5LA+eO7Mtk9sHEI94P37GPPOdrx5k+tvI5FxHMNLAX+MMnK2jm\r\nXTWbjMuO0IZgQU9ctv9ESNYIJd4AySzL8b/0DjrAb4D7+aepFNnYmiycl1vB\r\ntqooZYU2aMvL+YsM5Wq99tfCpuTAh/NtCQ8=\r\n=fc61\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"001751162dd1922d8ab53820f405665f0785f196","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128215052","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022128215052"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022128215052"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022128215052"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022128215052_1646085082799_0.9724303568822277","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202212821520","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202212821520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2596bef60f698d9b46a38a193b5f4add448f432c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202212821520.tgz","fileCount":22,"integrity":"sha512-TszAp9qKURpTjI0sMoZDWl7pUCjiJ7HZD/lxE1KeAeZi1+B+J5Fwy4RnFFVkDCJ9Kz63Nl734q1BsBplgk5jtA==","signatures":[{"sig":"MEYCIQCvkUOGI9JsmA5a8uZPC2OqxIGjdRCDkbE0xuGF4svBJgIhAO44akTpGaapGce5dFRJmvilZVbxXttvZzUmijAQtRTd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhgQ/8CEqtFFef7kDoETCF979sA9vsDMvFHCV20BG1qi4ON41c+AOh\r\nwagiEvD62WthMP6AzMzPciXHHxBC2ltEc+eqbC7nShae88W7zws9sU1jMtqg\r\nFF4yWk3KeADtsAED13wktilxPRwEU5YmZzWBQwBuDQ6cVLEoO9RQe9ojqmKO\r\nBbkTY2FBotxpitIFdMSKKSIIjEJHT0iFU4hYQw+2qs3EDewTbsHB4rq8t0XL\r\n6QrYm1FAFvi7iqH9ccG+wyYEbCh6KJxU6OMzm4TFMKilJln91XAWD6jEaOit\r\nwq05bWFtJCQRAYPaGwVPs9ca9jMkIsMIpng4qt+IYH3rKRUWd0UEwt0A6JP1\r\nyV6m1tY3HZF7ATyHa68NuXEtowtClWYHe5FQ9a7HrwimbBlJDSHUaJDp2O9j\r\nt74836qBC/+6DiekbUH1VcsyN9Vi7vXl0mwXA2hQyHtCFqCvLLJ2R3n6IwFj\r\nP7fng0BIGXXjtueD5GzPwFrHegOG1hxSiptp9lSIGhAJCS8YogadgeWRnYsG\r\nnw4yT68HohQ4MUYYcZmm6dXjgROK/m+z1RebWWitl53cMQh31gJRnyEnXNPI\r\nktUEkuBylrK9a0Y1hFePDHkLxmTiagHjTMNz4pbQiPPK5O1hct5R7CRDRXpB\r\n1gM5JcWeprx12PdHaRZrIdJVSZ8HvQem0zY=\r\n=m+ug\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e4da6359d0a007a4b23959b0b8feed6231a947b6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212821520","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202212821520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212821520"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212821520"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202212821520_1646085149936_0.772652259612485","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202212822477","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202212822477","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bd28d6a6f2b9390e1f901b67be516a0d9c4081e9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202212822477.tgz","fileCount":22,"integrity":"sha512-ELzMv+rnvY1MfmF38PsL08fnVCRRfdZQkEc/AFmDr/2Q0azlu5q+5z0E7LuJFUTDf6J7iNERUPjaCAkufcIwaw==","signatures":[{"sig":"MEUCIGTBciwAiWJ9k/WuKq2jmdLiMdROMlAiDvXKCBXomwpTAiEA9jdFm1WB6ZkXlc7O4kjrIfoSbACyuqxWEj7X7pq3OfY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVELACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOLA/+KYrU5KqhE6KEzezq5MP+IN1M95BkahfkH9OdRTUr529U8nrM\r\nLyr32fCMB+IxJEZ93+ubWqiDyObDh7AHO/jUVcyRtGEmGP2tH8S3diof07lZ\r\nhnsbMUgum4IDliBwS1IvGEk8JPWx7ASowdlOad/9hVTcE/DcDyKRv20D5+4e\r\no3gF+f8LefhESKekq6HTvhZFru14JFb0i1acX5GQaDxv01f1FlzZOZ+7HzUk\r\nr1B+phn2gcC4NCYzOXu/RO/xxlTFxElI67Lrc7fT+tdSQNltqqz++nchwv49\r\nL3N1/3Qlr6+LiqVTMSjujvHNeRV2pnVu9bPHpJ65uJkhpfCvCJicmMIO0L8H\r\nztkeIqlCRrpD0i/F0DbjDAjMRLXlE/V4TJruyl31m8eftUiFeryK9OFBj696\r\n6eINdThXm8W1yzhhjdKLoMWhZ/jC5g6P2XbNxn5xMD0S+s6UbdPn/tOKuSQf\r\numcyPOke7pffWVoxbzsN9ZVqUwzZOh/InOJN68FaXCqFKPFSolul/fMD7ezq\r\nrcueihajnDtLOCVmNprhnb0Sj/0En8VdnjvPxOKuVwIzQ4dBccrISNyJpi9z\r\niCaxb01R+whf3Q9cYwb4IKngfRobKcCOwWkQnBI2FyKUvX1CLgLzrOBXVOwY\r\nf0ZKrh7LiOn9VRTrJnEwIs6Fk2LGiTD3j1A=\r\n=tlZ2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fbe94622357e22acaf8bab0eae33ceae663d7a5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212822477","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202212822477"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212822477"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212822477"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202212822477_1646088459285_0.8073696566324626","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022128224832","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022128224832","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4e42eb20c86b4015a6d5d865b47cc68a87847117","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022128224832.tgz","fileCount":22,"integrity":"sha512-R26AMtIq/j0iXgUgz5qrIUdfcYiFNpaL9pYtHmT1siwzMu8CHG/x7C24+LPG9XUOoSWk8bKlnkSG/ONS4JVVgQ==","signatures":[{"sig":"MEYCIQCpu7GhBN4wfxdDH87+aSdDh9hH7TNzFscAwFdVM20nhwIhAPHFzBsuROH5i+FXbzSXYWxfe80wEhtX01Big8jSqs/7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmouSQ/8DjM8VkkO3/IubEmt773DeNmFRpp+E4hCul0nVGPw8AO0p2/i\r\nczZYVU7xJ5n4XrnYvpmJi93/NZHp9nBuI2DHv3UTFc67d9/edVQTHiuUshU2\r\nm0p+0VqO5Xxa3yP7fOq0ip5/e8ziQ9C7t7A/jFNUjis1aWJyFCk3fo+yph2c\r\nVDV+y3fcJnKKRfCXyI0jFMvX9dCMvbGhxDA82AgHm4qJVQB2gfZ50d0qUd6S\r\nTEZPx/iJeUHWEpKu6HTuuznTCtFW4wlsCMeE4oUeZz5QcEXfoPU10phICAhj\r\njnBYG251GUeh6ntABxo3+iFTpb2pt8nH53GvdKfs6Krs4ncs1SvYID9n7WPe\r\negmW7upExZUVD3rWxmMBcJ6+mD6Vx/FUkyv/Fvu6/2DdKY6Cc3RcAvYP8ZUL\r\n/qdEXescgq64MLqnYDymxsFpiQAYoZm575j0StgfOmXJeBF8K0iwICaStKu4\r\nUoHRYYmtBJJtSkxxfb/lygw1rWEIyEtEKHVIc+sb3uZT27yHQxAfcccAOIMq\r\nPixvKvQfnhcFfGdAubbilVYFvh79qMwOFN/UMnHNEmxo1fplttTENtywLRYE\r\nRje90IIgTAiu3942vsl090V6tGLh5ScJWiZWU+8Skkjtm1JuQIiiooeqpb3A\r\nB3CaBW4qTnczzo4wsqol5h4/+KLKoaB82TA=\r\n=xVeV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a1e4d7951090c9622003e9176005ad3c038fdccc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128224832","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022128224832"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022128224832"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022128224832"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022128224832_1646088544214_0.6135366411469934","host":"s3://npm-registry-packages"}},"1.11.7":{"name":"@chakra-ui/popover","version":"1.11.7","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e9682a789a52c03187feb74220241ff81ce1cbde","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.7.tgz","fileCount":22,"integrity":"sha512-TjMZlpBomIuGuQgGQi2rTSVFwFbc9HdJSU3anyFyDQb4ZnunyqaIEMoqFdj/dK8tDdWIatozKjX6AzSimmSvLg==","signatures":[{"sig":"MEUCIQDEtEFFf03y5J0MoUIUS+2OHfGbxpOh/5AHnVXBr4fxVgIgfgyx411t/l1bTdO70pCGLXYYFBLG40GO+6W1g6lGbGs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVWiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+kBAAkf2O0TYdwh/aTLVQPixjw/vY+p9kAu32YVThH/AeQ0JMeXOW\r\ngUBzD2VzcPF0K+c8RkDV45fkJ2k0v0mNp1jhV28RC2DaE3hQ3O/wVpkjHm1y\r\nWSB1EHBmawKSTfruOMvna1+oYUE1b8G1HvjVwcoeVyXvEbip1cK0tHNdQTZA\r\nzYtw1kEFB2bZNfZWy4kpFd9Grf1vjeNfp95ZK7IPwA+7AnnjVwjQ15WcUtFw\r\nkOoPryzHxuOaroNPVhNilQIFLtp01xgsDbxv5XqvUBTeFuNOoqDSHjy14wyw\r\nIaUge31JDOa0uhyC7TL1AUWhgBToAUPMQ9OvpA1UUIz2wRxefMS9v9V+xg9J\r\nA3LWA13wnP+6L3a7PL4JU9qmF4DKajyc/j6Ag1g1pvetjwvH4QzsUSz9l07Z\r\nzYC7DCOFOA7soWK+msxoy5FO2Nih5QCdvz5HmmFV5HTpcjFORAc06+mRDOs4\r\nXWAuPHvjpEdo0Ikv9PMHO5EHp9RV/j7YHV8EC32YLIQYeY5qWN1uLfMk4YWd\r\nPct8q7triTaTxrByUmVWDYPxzBr/2B8/CWSwJR4AlkOHk00dM3ol7cvEx2qS\r\nfh4flaQnLRujAXC4e8o9hUb5njjiuIG+pkhf/b3p35K2NRxcx4K86UAyMGji\r\nlJQk3LgLNA/Ilfat8S7/HLev8qeFtnmKbZY=\r\n=sjAa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"092b20f3e93064c1db312062b76b420a7ed1703b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"1.2.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.11.2"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.7_1646089634288_0.19481632761083967","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417325":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202221417325","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202221417325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9923af878712188942e3e1ede6c533ab6d6d386e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202221417325.tgz","fileCount":22,"integrity":"sha512-wW2TGD8KP+VmRrbmgci3vuv/n3zGv4CUDz+SMDLr2eC9FMkr2QTHUubpkz4ZtYH0w0s6ZzDZJiZVoXYY6hGGAA==","signatures":[{"sig":"MEYCIQDYQu8fIW9a8Wd+A1vrdCvZd9SzfVEd57HgmwpikoOr3gIhAJHyVpKzW6ywueJbmuUDU75NGiXQ35QkQLQCOn7v7J2H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3WNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWKQ/9GrSZeFUsaPA6wlFyiA9jtAsLVuvtl2gu9UA/5grXhr1fNr7M\r\nCE2DWV0j6pYtAMkBJCFxItJquMfReVuBjn1YhKPSSXtChubxKCHLaVYW+nyM\r\nA25ufhUxRJcW21MbMLHDtvJt5CtWR4E9mjbRarMyNdllRWv1zwbzBy+5zkYy\r\n1nDuJwfsACVdoEv8EiITs25+1qiRPm+WUI+iJN8G1Z42WaVREAFwh4EfOVpL\r\nD8iTuXUDgHN5TcGWLoZ5ogS8zmnzvv4VWDZjYAcGMLdRsfQ7gBTDIBAWMo5b\r\n2i297zvacFv/5nYtZWUnOYcAIwnYd8DAoW/i6ykJvNf84mR95FTC3w0gpZFp\r\ndzdaJtDursd1ujAVOkgjSpOHH9SeIs67AKgmk8YdNBTF9zIr9kjnKsyN9Vaa\r\n0Ic9/Zm2or/2Jtnj7H+R2fW7hUovcC7QIhylATEG83WKXsRl5JqPrB5bxujR\r\nwWWJNpcHeNN0ZvzsWSEeOBJjHJ33J3cvMCWI1CnVsEQ4CuWiIsSxlon7io33\r\nQ7BvmweuIwm3/F3DUQsa9xZMigknLmQsQGybkow4xHm04oUclWcg/GjkBX+M\r\nwNXQVv79QxZl2/HdBIVksNL+JDFMRnEz0ZRffDWIXhbNbZGzToHmUPBTiwLV\r\n0F3gQYisa9gpPlLsZaEUfmEFM/F6TOnac8A=\r\n=lBcT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4d93d5f9e46738c84958017bf70ceb6524f1ab92","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202221417325"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202221417325"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202221417325"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202221417325_1647277453036_0.6733949633184795","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417436":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202221417436","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202221417436","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0d3a6480d94ac8affa5dcb9920328a6aa2d61b05","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202221417436.tgz","fileCount":22,"integrity":"sha512-xHa+HXgFAxP0CI5EA2kpZSp/HxT27GZSLcLlbopF61R5HIaJCJ4Dm4I5fpYG08j+Pg9LJ/pQfzo4ET85ScniDw==","signatures":[{"sig":"MEYCIQCPtTnVs0AlvzZ+eXv2VeZor7G73dc4OK51vUKr9msBTAIhAPRZLhO5iBye2vnKkxDr1ztcrTTnHTx8PhrHGiro9xzN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3XFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpw7w//SjsEBv7dJqnsbowxRZzDF/9ZQ5WD7ltDvubUlGjwWlpHDr2D\r\nbmB6sttbrRXdDQlHrvgS5stppilSSeugufAEaFaPEESuqAZQVByKD9t4Gv8G\r\nUV9WNDUnEPzVBDm9ccbReiAxCjDu2SLWQYGlj2nlwJ4WdB94wML4Kj2XXKeZ\r\no2/00phmVGPmxS7SWR8At9EXpfTuN13QN30WvMv1fvuqZTFDkb+T9sPYV+25\r\n8S/M4SDVnh5xDzf56SB+Ayq5eEHbQxlFuckOicVZvWh+dZn8Hk5/cWRdAbow\r\nF6P73EhD0M9UgqlXBzARnEJkI70aNGXnd2qgsx8DEfZyuDcZbMfZyyecoB5G\r\nDwxtrerSCjohT1ukVL/gg8VF09Dt7Y+kLnWRXTplYUPOcTsy18KVi/TWwO76\r\nQ7R/A+9XCSE55+qpGEmw6XJthBYeqxS9hrCpwyLTSMmaHCGmenH8WjMkLBVa\r\npe5z0wJ3457Q9lcmJNRSsyDujmjG3VRC4myNZLZZRTlX7i3dHe0E8wahrFGR\r\nNFvmsD/NWS0UK47mIwTEjsl/+Bfk19AOMlw8QeyB3NZMzAUKz4ngDHyGllG9\r\nTCPkctmuFlkLonS+6yqM4QD1O9whPQkm6+kfCX24r6a0Nezwmxu474n99hIs\r\n48OZQ16oLs6RLZ0HcEBFy1wNJBxdSjq5oT4=\r\n=AhiK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7d76107a2543c38e9a3c3ab516f581bc92174e4b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202221417436"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202221417436"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202221417436"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202221417436_1647277509051_0.8272659002051794","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214171014":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022214171014","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022214171014","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"aa40165dd96856185e5c16fe1a134f2ac22d275f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022214171014.tgz","fileCount":22,"integrity":"sha512-WurjMv8YK44LQdi50iT0rZHSJco4ldzrGzxACqkg5IUkMBaEAAhKQu1cIVfJ/mx01MrRbYRDu5hKDXUaOy6NeA==","signatures":[{"sig":"MEUCIGOs1CGBDN8cl1EFOfGi5WmLGPQa+QRdIurDEv7oVO8QAiEA9p3fMIXptLxq93ssKkgW8LIrQRJS8xfbW8TieJIUubk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3dEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplPQ/9GJC7/HCDyRCF856LrwZ1dza1Gnd7CmwxAAx78IxK6F5KSiOZ\r\n0XHB+AxepLFaRrEushz4CT2V0xqO3aK85kyZL+2Ej5SVLfVK5BOIM0Gb3121\r\n0vLrPItx4LCArewwBQs2m1q9NlBA4+AveIY7/uYUZESEACzEbiy0CblETD3d\r\nh38LHAWbIs8AvF3yktdhT03IxTcvF9YLAYLkgpYfNVZF36D5I3LnN8xvH+t0\r\n8fHQvVkQMBTXj0ObXxBc411LCc9HxbH08Ou6r3bJ4TCygbXZ6G44h51APaCn\r\n4k8MkBm27RHIEppKZz0XHfayfTJCsiakfYPD3qV4hxqnFZWTMt54HFADzDnA\r\nrtO6Uioh9kuZqCcw8U+yaVRSfx7AZtAxXF83S8DNEmDfrRiAtocXJnDhEsaX\r\nBZQNzIlu2BCUVQMXpPqeAwB0GlS6pTCXpdrARl6odMJ2dJaOSsxqgHvo0Xbj\r\nZtznsfx1c9I2A5wdyWdzQgMCFjYAC30yNP4VrRGARSymqhisgqth0OIgoAGk\r\nhxMvQp6BKheH024xbw3K682a7+nVii0kKXJALzmsbjAtLvDET6mooIlQzznd\r\niAJEwBIBB+5pXczjIDmCI1tkffSb/VPS3nIcunu9JUc8GGE11vIP2QZMh+I1\r\nKNI7/2bU4mfGqvHHuA6M6YdTri06ietwQhk=\r\n=tMKU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"08e1db569f44dfa9f95dd149c5923594b49d0fdd","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022214171014"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022214171014"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022214171014"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022214171014_1647277892421_0.28262851447719783","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195434":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022214195434","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022214195434","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0a7105c73156ba0b253e2263108d31e6c8db9537","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022214195434.tgz","fileCount":22,"integrity":"sha512-C0NJdLOVlU6K8JFh8ujn96QShc7b1W39ijfDSTq1zoDeGcDJ+J3lzkohBzGx8C4UUcsh3ctaQWa0BY4tfCkM6g==","signatures":[{"sig":"MEUCIQDvSSBkJY4+cqKGnt6k13l6wPXB7LO8AGhmNJWT3JWTnQIgdYyOog01EwvIqACCXGZhZrbHEYMTFWmfRJ3M0TeGbCQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL52aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxHA//XqXa6oOtVLsFE6/HnOR6Cd+zVyja/8QG0+NezQJAnXBf3DHH\r\ngHh57X4nAhj2yftABeammcW+B3YQhVkO3JjOF35EIYPXBKmL/3oQmMQlGTaD\r\nNNKujcUXvdnFtXWEMu0lBW5hjnBDDUr7OCnJf2OnR3MBOsm/roc2zQNHaJQJ\r\nUG40yg+da2vEXUeZ5Lbnaav/1fsSIwdas7sqGrwmZ+XMwbzNqCGCjWsX1oOs\r\nwC9OqL2ZEH0FbOigz/fkJEu7z8qJ6orRIyGvK8jVFyUv5LduLIKxHW3Nzylh\r\nW+7cWN/HH8UtEI9orGqekIFWtsKrvHZf8k8Zd7yknc03Fme1yQzIMmoZl8vm\r\nLna5Ge+GEa8XeoDC2aUuaYvmuZjIXh8wn59E1lAIQxYoxabD3ItBK/5u/82R\r\nIsyMmOqOVR8sg4FlT+7nF5p48MEYizFhBNF7sv2vggxQy5SBOvpZeWG5XffF\r\nhfJ91gqenEY67HPALBWMwi6zSiuMbeBxS3uO8d1eGeGP7ksYrMgVToZIDgjU\r\njNZ22nJEm7tvJhW8JVjpK8BqMULsCN0uZ1vb0Hy16z4OrA2fMGTH2YuObg+c\r\ngKZ23gPNKdnuyhcA7Qr5CLyR5Pm7cgR2zbVg14pg6fIhuYpjwvveIp0WLdVK\r\nma3h7L0jJi/SeFbwm/Nd1dcrkOM/PvNkaH0=\r\n=WPYR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1976d6516539f9b15b4c9a4a1cc0dbfdaa3a3f5e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022214195434"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022214195434"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022214195434"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022214195434_1647287706251_0.24704657067558267","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195653":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022214195653","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022214195653","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bf7cc9e345822e1684701ef64e60c246a763ed6d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022214195653.tgz","fileCount":22,"integrity":"sha512-mhqAayjPwTSeH85N/ToGGwaRh6nJh0QYDFf1BmZHE1zO4e+cMwc/Hvl6PWa3xKZ0c50GlP3JcggVfSUJGdOwVA==","signatures":[{"sig":"MEQCIB9OwjonpFP7xw+Kx3YHzwXKoFU93l5ykVAueNCx7XVsAiAbKJqoDtjxlvrQQzbuyk18R0cVuTaCO6CvfFxX1DAaHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL54eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/zw//SwkeJ1akeDOTRbWAQ8qGE9Bq7MKK91A129h7CWkKiatUx8O6\r\n18c2Ly0rTSRpdWzSZ3oKEYoT2Wi7Ci2LFqALiirDvMMW2Wo0B97NRhMMeC4G\r\nBvsSNBykayYWfNsYqub5+FB0ZK3lDRADndi35ZAbASHCXBKQz9IL9mBd44Xt\r\n0CRMUDP9izPYHyZ24V2NYWXogsAMDrD5HDOZwx0n1c3sDRudveifm2yB0gvH\r\niIFWTTkfa0KcxVVuHA/494wcK4ijFUbCTVoQ/CHT7wv+wyigbRMRcbbGQFiB\r\n3x7/KGZpOCPVDWUiwwM7xDCTvj6z9ik600lzvENehKg6MX943VapPGbz1+SL\r\n9+5NkaOYR3u9HDyA89Wb/RVOlueknbov1k4nE1UCFqFw4wXdZAHSqa51JxNr\r\nE0EZv5MXGGo3dWe0pFUFrejAywJi/xHBEjjygO0W6oPEfBHP0sPbeSn5qsPT\r\n2z33h/Rgz4TlcS8/TFZOY2m3PsQKFAMEzx/Kyq+x5M/coT6J1cV3s5Vbl1Eb\r\nhIqur6dqL7ZlzpS1ybDef0U80P7sQAnyNd0UKLcKSC8m7rMES7AjDReyDuja\r\nBrrNbKrSh610uKMS+lOQQistBhWV3ESlkhxwfS68ElGaMgh9lR5eAisKcRZS\r\nssVU7dVm/oHkVgww6aUzi1fDd+cZT5M2oJk=\r\n=AGoP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8c72cbe512448f11f63208a155bc665acbc79d5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022214195653"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022214195653"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022214195653"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022214195653_1647287838148_0.29344962729950996","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221419595":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202221419595","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202221419595","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a7fc6086368ac247a20e2e13004fb5c5464a842b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202221419595.tgz","fileCount":22,"integrity":"sha512-WjWyHtL73OcxVmRB5gKPRc3D0XcQLueupft1dsZe6lJIydQQEPFiLgkj3TY8bgT+30jMwDqNmF5jwHeTckP4Bg==","signatures":[{"sig":"MEQCICEEiaVktOZlKJkpHD1SK34j533LmG4NsutiM4bCdv2RAiAnNI09yhzwLNMPyZezJU776TRPylbx8N51htOABWxUZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL56rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMFRAAmGkOgEyXg49PFm18mQk5NK1RpWfJVP0tCvFvAHrcbR+BkIzr\r\no8Xc1HOlyti+h/RnxD1n5EuZAHbl2zSG/OCcE+z4hZqkMnR2g6u8KD8h8L4M\r\nW6Z2STIV11MR3N5Qzhx0czOsGAgsr758z22vYuRF0deIJNPF+DbFn+ONQILJ\r\nETSm+gVUR/3RHKJmukJT48FZO9FOrBKfkvuule5pR4pibaMz3jbz2gf+ABZb\r\nFsHNH53GBqcjbwlxWr9uh1gZ5K3lTkqtwNEprF6vhWiYEfyNxL/aV7GzPt2k\r\nG5JGundaHaZ0J5cm9jVj/mDKkyUOGWwaUDC68dKq3EHoW9y5hzSh87ISQ3fx\r\nsMZORyBX++OGMacqT9hGZRu0ijfdSl9j933joFU0uyYjlHUkanQjm+Op7Ocq\r\nm5klihEkDzPltaGoByE2/wG/zAG8NsHJAj+/dl/i+36ewNHQdJqMgG9LZrp+\r\n7LFCX64GVi65yIxUp3ZDC3+92oAjVfHBatHTmBPr8KJS6zfoEGlkunlI25wc\r\nwjvSIJUziYXvVdfB2CSD4o7cFqKL2zmoeFLYKXYg0dZGc3bxiqu3l+0ATQYU\r\nAfIKP2OodU0DwrGexU52PLTXf50r4ne7PGkfspjZkyjkDF1hfk0Cz0qE+Dzo\r\nFfrLhmFoZJWS0ybv/n9CnYff3tPEcpeyCks=\r\n=sn99\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"613baceb40ce59080488abc50f7e6e1a8df9de0e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202221419595"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202221419595"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202221419595"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202221419595_1647287979076_0.11455054815476218","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022215181125","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022215181125","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"741ce7b3635e02ace3dada719704d745ebcb4c3f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022215181125.tgz","fileCount":22,"integrity":"sha512-G0xCKJJKHyMe0nOutwu8UYjl8vy+TC0TNTwgEjdgvTOL/SoyOiutGnNiOJcWmabsz5uzcdpCNtB40fijS2Omng==","signatures":[{"sig":"MEUCIEduQTbqpVpn6t/boNrSWApDUMRUH+1b7bi8B2oiIOizAiEA/bx1NXw1/PxA1g/axGItjV2qoyI9YFgjutF8T/KierU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJUw//QUjCnSeAZx5e+CpwfQKwXQ9yQr/RTQUDDP+S4TO5VYP6HWFL\r\nnFStUpL24MgBXSi9apU9tG+4viJgfX6+z8b3PWnRoR2NYE0u/h34b/wV3xxy\r\ncFzKfPU/dwyefEPbnNmTsprilqDM/Pe3161mL8wGDpmsX2TCUsnto18e70Tl\r\ngIK35uFvusPpyDNbeEIf37kx//2b7SeCf1p/LT5mPOoc3Dij0fi94UpjNLuJ\r\nUi3O+ghaLSIMqHy2mXq3D1OwUFy6GjGwGeiMa2oOMkZU+BwhOo32qGUhZ7b4\r\n8YmvrC4J9HFTduozRUQQ3EHL3idSsdE3MjGdCvOFHXxy18i8bmQtadypymrp\r\nwU2FWbgrK5ms2SVLaw1N6DFnWNqlAoVpT73eVfbeTUX87llq76JzvCkUu+UA\r\nWMgBdqv6B9Gp1cC6aFClnabaOui18jAJcuXduWCmdjx6Gz0YKGI8+PJ3v3HP\r\nwdWYntESnyc35jhNJE2BpLvLYmS/Hq+FLUX/mqJJS6VxeznjqCBhnf9exGHq\r\nE7Dr8GHkT6oHEHa1f/jnjHRUBjRD11w7mzvSgxCmbkJ7Oh5nam2CiA/sGqlO\r\n90eP+EpNLNNB11bQTo4/mDByHGb9TYEHxIRGnJ3E8SFAOh33NoI96DdNcm9b\r\nlE24gPYPl4bXt6xuoFTFiLSfiuiE4aUWnao=\r\n=ZhdQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"73a06ae8ce1bee644e10f245edcf2f9f2b773964","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215181125","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022215181125"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215181125"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215181125"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022215181125_1647367918204_0.1474191240372449","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022215182043","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022215182043","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"83cea0dc2ee5c885124f152afd812ffe19a82f19","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022215182043.tgz","fileCount":22,"integrity":"sha512-/kIGnfygDYpiOsSKYvdtGy3PkYiUjQBUBFbckRnhkgF41aYXOo8Tqv0N1QilvP9I9/9zlP9EcZT8zQKB7FYIaA==","signatures":[{"sig":"MEUCIQCIMKJPFwJCwxBef/suR+/ExvKSDU45Ycy4gP5c5DyDswIgCGNo7JrN3bHRblzniavavP3KeE/zaPs/x0+jaBtuXzA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNkmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8SQ//R8JSyO2fJDBvnuEjcZJ9jnMCI9m8dR1vcB1fAhOvv33HJ3Vu\r\nJ2NFPY4bepNfpOsUdepbJaI2IpfJtqV57tjXX6EX/0QiN2jUtl+XtziuxjqS\r\nbroReW0VgF/o1peox3Q0xgP3oQuFDTf+HY8gdn1GLoOEr8KvCI3wBnl+n0z9\r\nZ9ZpIs21K7EuhcaJFWCBQ9cqbM2dAKb1Ehjs5l/RWF/9mHRkg7GcEOzLzQdf\r\nNZCh6rLY+5gAHietlBhmET1g58UUVkwULZUwiJ+r+k6/FmCKZpR4QwxVXX+t\r\nDbn88EBp81lb+Bi5E0M7avirwYQ7Ju1je5I7kdg9BpKID3Q6QlWbShfqDyJu\r\n1kXe9XqzrjY6qZ1VY/KuQuawCV+iGWzWtW/RKle4k1WnzC/6H3BWemciIkOc\r\nVliJQfmgkqTlrk8NLaR7W9YPC3/hYPevP4CGEfvSc2A6684cdXmcpzLc/zoz\r\n8DqY3qC35peD2srL8Xu7vQ/0BpcLnjULIqLzXEG6zxmHFYlbAboqWo6ABhZs\r\nqWBbfI7oKoAKTPr4nNOm63fT8DlHVT1zcXnPHRDK9c9QM5+1cI85WKNBDneg\r\nWj41Z6h9hCJiUwXsotXZ9LyxXTHlb6ACmS1vXALlB9buu+1cO6x3Ctg6lVDg\r\nc1JSgczXj+LxqkP8Lss4Snl8l1biyzxL9ps=\r\n=aPzE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"232853068ab9ec95cd123ccf378b044ad7861ba1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215182043","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022215182043"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215182043"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215182043"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022215182043_1647368485982_0.34182174791843933","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022215183938","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022215183938","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a00acae12e6942c11db95805fbdc0df4ed5adda0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022215183938.tgz","fileCount":22,"integrity":"sha512-zPU+T6GirHWykjTbrOkuQmL4GAm8qus0sdFVgC+ULp/JtnGX6nFEon0vkbdEqfYQ5ni5b68E2Q/gNVGXxbi++Q==","signatures":[{"sig":"MEUCIQD8qVNQUcls+Iv34Td/31x4H17YySdppL2diWsNaDXelQIgXZo2EfMIzs7MJxW45WXeWgZOrvL4PAcGRxP6wqyTAQs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5Hg/9GogwuuCXlDHtkm36fIQVMPHRVtKYQNQcmtuZK4vD9Sp85JOa\r\ncyvdjyAki4kzWtlmqlrYS/FXSxrGQ3mdkLeltV8/oLG+eJde6MYEzc9gArW/\r\n+bdgof/RyZ+jpxPCbHXhnkYpNWJub+sY87n3cugeZbS0HEjPD8WrMmzuerum\r\nSxhwsgHEd97VqNcZGg6ZugyqnS59fMYB6LWn6YWO5kmv6B+qPgPXSU752kHY\r\nQU/wwRNHuqGHPEofsiA2N/1SqFTdW0vt5UPTjKuN+C+vSW8Un0nevxBWSZgx\r\nNplPhq7DaEKU9G4tipbb2Rr/cJOKxLxyJyCohLR7mL9/fjR0s7cNdhOMaFHR\r\nqCUlv+MHmn9bKRXEgBruza+mJHvSeaPPC7P2iW5lnj5QhwIkGc5rq3UwttSX\r\n7wjll1hGra/0agK+ucsGRfHz+ZMXzsoCe9D+tYG8TCNB97L1v6CMfedmbw8e\r\nZg4kzJGEzAvu7wXr7VzLpZhReOZbp+Drxg/XugT76yVyzfLfRG1u/5EjmYxs\r\nThAlcuFTFcjRqssOhHVRVheJRtEx8DbX+WDmhyVD0FXpTAJ18PK9Nu8RerhP\r\nmxuUN5LKd3C9ctaWZCdPm8QRR0o8ToJ5tCQC9EgCXCtIRacJQuo+dA1jUT8v\r\nM2R8QKT7VyCb1sO7ZbnG+oNqh/Oq6Bmr7v0=\r\n=VSTb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6ec09741acd40eb1835cbf6d02bfae642413b6ef","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215183938","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022215183938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215183938"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215183938"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022215183938_1647369631735_0.40112110481333807","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022215184036","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022215184036","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"17820a76edd92d1e0ec88a8e4fa648a4cc7a2980","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022215184036.tgz","fileCount":22,"integrity":"sha512-xx/yge4pz6iYHtSXoxC2ax1B/W4y5GxWXbmx7PNKgI8u/XhYFBPb17fkfbWNBGa49JI5UMIv4QZjrVdrEjbvEg==","signatures":[{"sig":"MEUCIQDw+VbRy0wLHDo/KBHgcXQGh173qj2YssiLZMQs70SVDgIgN82J7wOQKKReI2dK79oLzRZ4VNeskUud0/fHmLCiNRg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXWQ/9EQNoOqOVsNCWjQcuKIjWCilxMUDFKx/HoR+9uwS37qIXF7hQ\r\naIz1ff02n76eYXWHZaOxRtYNVvk9ZxIaa3ktBoOznhHqDBJkP9rja1X3KWIS\r\nTeJ4R9/HnedVLdeCayl0G5JBv+hqVyzpVuXJ1woX4y9XVL8O7cpjE++Z8z1v\r\n3ekX3gnbJcJPhOB/Gjm5j2x9zkxFwd+vo5eNs/I42r+YsS17Ir9wDzbj9mBh\r\nJXZwachekvjLQOduSOumdbe2Cf4kCMYyeR/5yWPAPGJQ8W4bYUYBhoo5hjA5\r\n0LHl9ZA1tDOoiVes/Ar2Nacrvh5dSUBkhcC4kSnzDMVcBkUeNWDAJFkPgLsm\r\n9m9WRyr1AtMKpqZDHmdfSHlB8WeoBEXCLIadFdJIOq7anX2qBX19WIPl1Lzd\r\n3cSzkOsbdV4hSvYvOsAow8xJU1U+SbQJdLDVshHewESMkjEjRQR0Av4Rzj91\r\nl/iQGR7B3wZbZxjxJ/nJ3XM7ggt+GbZSLgd+08nvnMATQpVGmMuZcOAmSZQJ\r\nW6M2PPAxppWaZkZDKJs7Av7SC8uyjE0p41xGo4Q2jyMx9E7TEDVzvgJK3dBC\r\ni1sGziwugDpRp6tDuU1N3q17p2f2NsPP9K9s1fPGOGghn2NVz0behxnMLhuz\r\nH1nnFMfIgd6VSXYAGvVX5h4KjTNNqWsh6pc=\r\n=72PA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8e201b9f84a914e58cdc9ee90b3e03269fabf4d7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215184036","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022215184036"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215184036"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215184036"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022215184036_1647369669488_0.9027907236691983","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022225182931","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022225182931","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2651c2070553b832c46a5b7e7fc58f122e52a14e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022225182931.tgz","fileCount":22,"integrity":"sha512-2824Xvr9cbR0El0iH8z/N8Hm5aYPQ1D41GWyzckal2Vj/3PnwRhn9Ypxpj9RD8vIX1Ly/iCfQJAkT6tjeh3ukw==","signatures":[{"sig":"MEQCIHK8a8fC5kbKDVA9REuFAFaQCAOV08ammdLvdDqtJcqHAiBRWA7R+fCB62GXnaph06nrv1U1ZgZ9MRRjFV30pID5yw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgoqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyuQ/8DsmNBldgugyvyRAd8astB3UPgcvfDEr/gbrcZKm0AXlc5MWG\r\nxm0K0RJKKoX6m3ZUTNPQRyfMoxksVbmmFpDpfiUfxEDDIje2JdakAxWJoLlG\r\n0AfvVMRDqvQtZWmyQi7hlMBqYfrxLLGv5oCdhLEOw2CuWbN2uXYl1xiATuhD\r\n3EKJGC75P63IMmpnaoXO7BDjZC6mvleONUpDqZrpk+Pw2JznPglKDwKaBieT\r\n9H8KvsKKCasgQMe++sh1wq9iPfLyLQ+Agt+J+ae1gNIYubbsuEmkJKe0ndxq\r\nbb9aQjBuXQA3/jxIS1fA8RZ9DSim8zp6Oa5R19vDkscRXZkpucneR7aIq6QN\r\nhNhlDhCwSO03HrTl5wzogmmq/uzYEkmHYC7H76VN7Q9epjy/US+lwlF51vkk\r\nNtb8Em7VaK0wMta1f3KlQFRLRpB7GgtCIq1GH/3xGh7qm11ktkHfRhwfqmln\r\nBlI12Mei0ZFCLdEr6BbBBb9cgjEMpGWOLQIw74GpNIYj6mhP21htMruLD/wL\r\ncD5dJeFZWbSRhsTpwiQUPgs0V7NxbisPN6xNjxPP0x18iIk/EnvSU058VLRh\r\n/tmquvuUsZd3Sn2um+VKFggdUJDKklJnEi7hafg9VBNIATlhhI2saYwRCLdD\r\nBWCvypiYm5gXFDGiy5O8wh53bLQ50A4DmRg=\r\n=0Los\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e6fcf17304e1f6959407053b3037c9f2168c6ca4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022225182931","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022225182931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022225182931"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022225182931"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022225182931_1648233001860_0.857102270745876","host":"s3://npm-registry-packages"}},"1.11.8":{"name":"@chakra-ui/popover","version":"1.11.8","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cbcee4792c86ee825db3e2c020872c2f4e49c53a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.8.tgz","fileCount":22,"integrity":"sha512-EGDAnr2ohIZmrDoS7tmlFojHD9vJjUUi7ZYbTB7QGUbQSvjfJKw36d4Y9Kd85dA1nlz18oe7b5+Eqmraw+tSPg==","signatures":[{"sig":"MEUCIFUuOvgieMhAryBZoIjb56AV+EFbKhU6enehP2GUIXKHAiEA5GSKwCfW1WYjHhJgJTRnqla6ErrdIzWbfmqVaiBGz6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQEv5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo++Q//bziDe9CogbK3A+J71lTgXf3u79S6WXCCj9d57p9ZrU+TUg0i\r\nO4yM50DNW186d1wIwg+5RYZ4QTXvaVr4FPN62l0GFoh6gDtfZnwiwJmfHHkx\r\nBy3AVSUhWJ4VkSLV37i5pN0XSRKwIjgukS4HlBJMdzMzOzbK8GGxbD7T3xsw\r\nYipCcZc6FLeRZ0Fll7Gl8iMkiLNGRZHs2c+kDgC07zqHqrRTmtewrf+W8Rbd\r\nNe1L7PKXnQ6gPluJIqtW6BAPbQ6+cJZBh8e+fuN+Lx/OUXkqG1/bkDhA3Yru\r\nlRG8q07khspSKHQWbT2PwA7zsbPfhzy21YdviA7gU8VlS7GNC9B5qgAY0Ggl\r\nDCc8CTXJxo6yiwBm4ysYBOZOmA/JdSiID2qq1rb/rnjGikOqPXfhOUZFaygf\r\nuACj2d+WqwkX8xPKurEIIRTgR/OFET5ucNZg6TAB9ZGDLq6Ee1OvKnsdRql/\r\nrkFS0mRCLYR6GK5w5pYcyBwu+/HBNiIQwYjvA3rz2HTkREge0/dQC0envq0t\r\nsVP8QaBN7DiUl4MwWjo/9Wg/5ZGCDS2kiJ73ODVaVvivRlRB+k9B/MeXoUMD\r\n+AC3MEyIXDxPOa8xX8IPvx+FLX+DNkHYJh4Z99Ic3puIwXniy7n1qOIP8sXe\r\nOHehXqxESLqID4pGtZTKGYSSFSQ+6i4wHsE=\r\n=pkV7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"bab4f2f2cddc5d4ff073b71ef72537fb754d3643","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.9.0","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"1.2.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.12.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.8_1648380921443_0.14983517734386465","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022228155140","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022228155140","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3973112be7698f9e38357b344f067677ae98d427","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022228155140.tgz","fileCount":22,"integrity":"sha512-lSYy6MRnHashkJjTlYD9tDrARSWRNUWDYGU2OcB3fus+/QjHJ86oRSf+3rgPyoYFb5ADjVu8dLF2vjYYticUkw==","signatures":[{"sig":"MEUCIQCe3c872QnN55ahtnJYLEC3iykeGhN04OtEbUVi8Ic9aQIgTTieJZeEk1qi4YUVvxKlV/k4P8yxp4JifYvQs1ZmIYA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdm0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNHRAAh/mNjDUOOHRzidk9+i5XgQiwUq5J5xwgd9NA0R6M2LzUekyx\r\nwOhe4TXM7pnDDeJFOfAnobCIGcUQlSj6EDHrxy+PBEmU3Z7q2V8ndZFPHXHx\r\n2l8eyTBUr95VPQnZzM894k0Qivot6LMDHa5bo/gSThgrXPGcRP1LYEOvdKYp\r\nGmKI3xRB483+p9kj9HLenpPPEgP2ARYkebpkCfHEv5qKxafDr7Yl4yTwK5b2\r\nEwJ6skL5yqeIaqA18QfpMCfs0TmiAZ5pwOdEdvAbtkWD/Ts7BIb45eqiDH6p\r\nCpkxg62H8rdLkBQoYkygvnVhIKe+PzHNi0259R594BavkZaQCWB4mBIcRLWq\r\nu6DhvAc6DmREndVwtHYdsJOFezilWwihw0hHce+2oSUaxErt7VFlBsB6McuM\r\nDU/g4G27O5SfI4+N8s+E0qF8RTDzmu72sDP8LdVg5Bg3hXlBtVhfa87Cg58x\r\njTGWUWhIGcU83Rir2T/q0NXhVOgThh8lvxMe4boalDkIDo110ILmdlslfEjB\r\nWhDW1JEhBHSsuMPpmOPmvgycAfRtE+gyDOTBGvO7+IvsfeBHlI+5LZhmGxkK\r\n65okZaBBBzw8pj7Q7DXHhVw/2HRCjbBp3djWvhgZySv57dR8B7R2rkjW1FEn\r\nBJkhFHBliTC/gc6OGf7EMmBTumRHAcVD0N8=\r\n=MgX9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7fc8742394fcd2de80d5b17e8325b148b1ed37b7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022228155140","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022228155140"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022228155140"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022228155140"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022228155140_1648482740678_0.5124746450751432","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20223215463","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20223215463","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c275f2379467c33bfb4254ba42f844d2960c1447","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20223215463.tgz","fileCount":22,"integrity":"sha512-p2b+O3RqGSfqlljrq7ns1BC63FTBmGsCdx2czP6UWzpiNmH0H/q7C8TmbFsp/77Eb5AY94W5tn9ntaWWtdLoMA==","signatures":[{"sig":"MEUCIC707c3gteeLKflcpTQSBV+EGj4bkX9WENf1XkKo3kBlAiEAp9wZK95jVSvfbPIVdIi6tNe4UKFZGKAjcUqaQ/7DHGw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq45A/9Gxz7WUVFd7Gq1ZXs3+T2ylzN38FASMNmyfA4B8JfiKOQLLV7\r\nsjInyiTdVWIg29rsUrCPtyFNNedwsrf74Q3PdkDFBwlBJJhfZCbqZW8acx2i\r\nNtrEXcUUrn+nV3nEgc/BEhH03TJHGx9egeO2rdnoYufe/K6PSyEeHaXdgM+s\r\nYvrhDo7j6TzQ3bGXooOwmjGyGWPXiBiH55Ju1rRLO+3FFsER7lbJ+8NRCLly\r\nwWtTYZeP1HS5HN3YmeLlPZQD/2WnznE23eMiOmswYkAz4yIyQuUGm8TzipbI\r\n1YCi4riBPsy6NyKlpmFlAGZZnfMxdYUo6Bl5p8+2vfcBYcfD7L+QlUuzgB+T\r\nnwSAbbEhoMeXxaMQXbvdrXQp+nbsIS5mEdrwLqOHG8QDmr5i0RDIdgkN4S/T\r\nq8CrGOjq4ctgzeuMWQ1JyqbuANLrCQj+1SpJ8NNDysIm/nSCO2Jt5bOAsFYE\r\nwTAWqveiFlW1FiMIa+6N2hoaNmqHlJKNkKAW+/1LxygxBuM9t0dquM8mG76y\r\nb+ZAxIuC96FuS67rfFAV3OD7goLBu1UuwcT/9mBM0J4A5Ae8BgeG2fKkxzyd\r\nrbc3ufkhhh9AWME/DOe/Ih3LkBkiM2vxtg/QvXc6+xocHV1JUBSUPjgmKozq\r\nZPPiFqH0R7KtrqNHus/xYXJjBM4Ql5n8g04=\r\n=hotk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"82a98db6e9dde5cdfb1abbcc6e7f4c5a09ef4f9d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.3.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223215463","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-20223215463"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223215463"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223215463"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20223215463_1648914394630_0.5767295413827582","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022349032","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022349032","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7f4bd2d3239dc42a005f455d10ee81f1ca975569","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022349032.tgz","fileCount":22,"integrity":"sha512-ZutsK94/7hB/6UmAKTbCpYRO2w/ZQJMoao73mwId0ie6q9wS3fETdurfgVdSIMNup5TtzdDnUpDTkqsEOs3v1g==","signatures":[{"sig":"MEQCIE+iyJmqUqwKdNEMHR+DFwQk0MV0a0ZM9wGt23NmGkQTAiBshtjUHzuoF9wODGCCOmRtqFf8+3JSibljnB67vejZ9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZzhAAkan4ttVIdy5xawApEHZK3gc4tvoPSWFFAvjJ+53KMVAMNTMp\r\nFEoFout3f8tASZg+nvsvvAl+ra3eIc9H7yxYHvVCVKyqTD5GzJGuNxnBw6TU\r\npBkptEmiaUH+W9t7wyEkP+ubVXNFTOQ2C87zqxaZV+r0QKFIvivFixnr+s6e\r\nXqkdTdFW/eRrvkqnxZiRmmyt7aRL6WtJOVS3do/0qJqmhirW0sgA3eM+m6MX\r\nB3n5KjBtAHuIQ/ObQBkGMHFvC6nJce99An0y2fj1xJ1CIn981s4qBONclBuF\r\nMpamesl9bGxFRkgTUWDjMf3uiNL3PXLSOvfKl0EwC7Skc/U4IRzK8Ca+lRDK\r\nb9bVX5HE+FRtM8uYZaOb0UzRP4XDLsUYFiUIpc5vCkixHAIlma+QPb5sQyMK\r\nbwzU8L5+MD+h3btp+wjIOSX1H5neIOJGT6NDBUBzHuajw/grx4yxd4J80sF1\r\nVtlMVAJnXgx7fagoi3fdJkVexm+9QcIKvg1w/z9yG/CIdoB9Tlr2OjMeTCV7\r\najVnDDyV0qsTv3d4EwnMRXjeQ6ie8On2W8LUb8LPTIeju+cZvTiPFu/4GA3Z\r\nXWO/WWCi/FzSn+U43gMRye3n2Y+XcRd4McT/89jGLJ2D6La9jctz6KPTeEXV\r\nYbBiI79LurTbT0MzJClN57LMhehOU+sB0vY=\r\n=1hAS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"59e5b1b6f0b3e7f412c890485615af9a57765cba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349032","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022349032"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022349032"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022349032"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022349032_1649062871804_0.5296299469016945","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022349233","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022349233","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"27f9f16c5fa09f3ffe82fe01ed7e1a22184449c3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022349233.tgz","fileCount":22,"integrity":"sha512-ySWBIA4AlDw1HaG5f6K83hOO7bkpwI79uxDY5MmJt1aJWdxj042VCtaIPsLM7NPurEV/75HgKLb054Gn2/3tVA==","signatures":[{"sig":"MEUCIQCvAWi2VMclhk7F6VpHzLgV/YcyOIEL1rbIBF1QyzLwlgIgTm0rmITO/4LgEz5iOYV/9Oxs+S1pMLbiZUuo7Xb/GOA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrz8g//WcLttUxd53z1zk3Smi4QlFObcATNwh8ci87b+ziTQz3CafuJ\r\njykAxsXE9HocpewJmilsjPUsFxD3LF6Yq3utiROtOL5a8/p0Oiag6mdywnNv\r\n0vmIu1rJGzlw1F2iemHDXHTGphmhCu6OOgTE9I3elKQP9nPfIJIIunDNXa2f\r\n3i6oRxBdmfk0bbTh2zRFmBgpj9Q/5OD8Qfw1UBY43jPta6QM6+okS7UkoR0+\r\nYsAYCQi7T/ZD1QY0M++IXVOF+SUwXPqfVqzktrS3xXDFT5GYxc5riIm9Pi11\r\nb4O6hjUNJL9FZLbyhy+ospQMekq5YnF5/3HQGTxjvWskdsRF2ZU4i25mc13V\r\n4bTXJ5Zc/HBaTS4kvNR4I/uerX/NCgOC0kPaAmmdQgYWd4OiuydTDvzAsLWW\r\nl6Xt+IwQXRyjvKCL4t2JJA4o19jAo4MCMLlfgziEm6z+rLDs41bady68oEg8\r\nrMwvTDRuRxbRNd4azeFT/O4JCp7RpOY8nAKeJ0VDr/Co+sZ87FSe5pnEqTJr\r\n0CQwIfCAJcHt28Q/OhKX+XoSpCCzW5zvjSJ92alX5HxV1N2Qebo2Gsb/oXmw\r\niI34kPbiAHVJ1jFBrE/UvppeBqdVdewpRP0ibt5PGd6OhQDX0fEiYmZFkNcU\r\nQY8By2bqSBDhGADOIL7CwR2vJ2vWjA8R+cs=\r\n=z39m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"bb5de826e868abd7602b761d42d9d4842072ebc8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349233","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022349233"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022349233"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022349233"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022349233_1649062993233_0.761696017109446","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022349957","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022349957","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8f176963530a69589d996760b14c02bd47e988fd","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022349957.tgz","fileCount":22,"integrity":"sha512-LpXTlRot3ONumrXdfodVlSd7ha4+pP6OikBlsNrFEGWzeg2zlz630l4MohbWTUz3x9uvuLXnNpEB7OAoZWWn6g==","signatures":[{"sig":"MEYCIQDXYE5+EH7t4JoPUjQGwH4AuB/yGRVN9FYQSHl+Qtwl7gIhAK6bNpisp9wcCI0ZGpxrNFidzWjDXuL2rhBH0/L7Rh+1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrYCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQQw/9E6nHkKkMdCf8hZMM97iCBWqQRWdEbBmrfn45nX9lgUyjAPY1\r\nhMG0DS1psRaoO6viH5yohS//UpSvO3/xsb9mkOwvRlr0zEGcmB7RbrC4hm5c\r\n9XFenf9RSU34Bg/DQVmv6y9RFHDDwwiZlcvLWh+4UFeUWaDmBaspv+X8H2mx\r\nr0VxrHkb1X2Or0PeGm6lEHuZwtj9Jm61IqA44uSAaRGpeFr7A5868n0u65/i\r\nowCWJJWnSzRww4TCF9P0HjjpGSMGdLUJwNVN2Ht9KBMV8y09mjTdP438bemM\r\nXuNekMUQFwfFNFxXn3z5DUNmtWZ/qsSzBfwRfoqDShpMPKxALDNlurqpCwol\r\nSQ6vO0SjUmt1l3KHxwfy+HoDLIS3vo9KkJKvdX5bhpl0vrGFbZxaFdCwSRrl\r\nb7WMPlHS0cWkSNt3503vpf3iL3OuofXimA99Nat4cssc09LTVpRLs+h74MZn\r\nMTu01BEIVrokqfX/bMV2syzZ9Tx68Jl+xpi5y3dM4YPAlZMXp8NlKzdJJ63B\r\nCPJl3CSNGqAgixHT4XBnCSss3HdFanDbKY5qbC7epGfnjLeNprE4d8k2FfxQ\r\n3KCnZmtgcnoGJYIvrVK/dZuohU2JHmyDyxRTYSMXd0pk+NMGMJO5PEsCOTf2\r\njnCxeJzF6bG23I8AG+yjPpIEHZDKeNBm7a4=\r\n=s4/N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b675d1794da212e0b7b9c98cd275436c299fea56","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349957","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-2022349957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022349957"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022349957"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022349957_1649063426141_0.5533880323854157","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20223491859","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20223491859","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0316739c956e692eee8b8fde21168d15ff3e3166","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20223491859.tgz","fileCount":22,"integrity":"sha512-3JMTe3kItEd39jfkoihTZaMrf5NZgQk4DhjD5KM3MT54/mkBV9cxkNVllYu/JZn3wK6Zr2tbZ6sycfV0L4o7Ag==","signatures":[{"sig":"MEQCIDZgyTjZYObpjZWO/NCqLKsntmNSYgC7TLVAyJKJVDt2AiA0ZK0B//a71swEEyiDotxP/NjyN8+jpODLTbubaN86rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrgrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZOg//QpcacMQucSqUt3kfXaK68moqHM48HR4dsujvH/YvsFGpPuhW\r\nCZ1y8WB/uJmlClyxyStkkWRXxyVjusarIEV3vaLme213G97oR/aayDjqlAFp\r\nf6zNNHMokY82Rh7H71deb9/a/pTn+KW3wgiUO6MvBRGiAZA5q8N5TKWYDeHC\r\nRySdU/d04SYKtJ1JddzQh1zcPCH+F6L2rL7K/WdGzaBDGqOn0MfALrV4Z6JC\r\nrr+32ensJg+o1bPRwsjgR1Z9AyuCkWmLYbNTiJSJF2LXlAaAtz1d3bDJIBkE\r\ns5aSdDQb0RWEohKY98soLm+nV+r3BM/U8dWe+DYKxbIe1pO0+h6ZVPTKAAX2\r\nO5X1GsGkAqJW7UlMjKfnvnVv06L2/YQ3SAVXV+goIKo7KKNqITfwd+EjHoqd\r\nZmQLKA4uXi0BP2yx1cXcfeNbEKo0e9KnkVK6Cwo04GB1Mo8HOGgcf813m4I3\r\nVNAKkd+4dqnI8C0q0zCoXRuTt5j/AZpFINaa4Hs1qb+d2PMGdaZpUMtMv77J\r\njdsNqn6HbtFNYDbQoQ+CARlYrBHFIQ9Ijd4MeGsMsdc25CivCXVFzqoHCeuW\r\npbFyV1peucq/QwjYWlZEJzzLsauYdcOQXUMAFfPgWTPsmwv785F6knW7XQ10\r\n7mJs+tzDZqnmc3QaHm87yH9/MGfWuCvUEng=\r\n=fvQD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessiblity.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3c59f6d762384c91681999ad247ec202255afdaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223491859","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-20223491859"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223491859"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223491859"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20223491859_1649063979377_0.5643415411104808","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20223655213","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20223655213","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"607e369869d573d9180d2e64c81e53711b9b7eaf","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20223655213.tgz","fileCount":22,"integrity":"sha512-JY2V6T3i/rMtPG+sHwtQwVR8HODOXbePWhFJEiSLZYoSGSrVmc6p3vxZXr2bZ4mgdSe6pA+UFRIoJUHZW7jLYQ==","signatures":[{"sig":"MEUCIBXZvXunRrPodhMQRzpypSa+Y3ScfIYwbfdxBtOb0hH1AiEA4mz8ePl3GZi/xgp0A5IDOIcxtv50jKoyovIS6qrqAao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorCA//ciNI2+gQ5McqTjdowqzP5+PvPlGsiIahFDDJKwG+RmQ581GM\r\nrQ3AWMWw8l7xEuEumHCIOs1geAxknSqVr+BDBwn+5H8nCy9ZG5bClaAyJckN\r\n8VmwGbgJVhnmDBs48Yg4iq+aOJTXyIx+PCQjImdC2U/rs540d8bZIcB14TZl\r\nWPQsHL/eiPWff1noyKx62iDlZOApbkbDF5k9w9YKNgaZaAdJ+DKnY5YqEJMI\r\nKsDp2sGIMT7NlBvIkxXjaQnuwVUzQoIt/k4RpFYbXEWdejcLc6P1jRJWFk3M\r\nskrz6l/nATt2+995XXL84753NS/Ar8MYzNEB/QEeAyWfphccL2NX6p1+IRnY\r\no1K0Rki3aqbSpzKr44450MUshmOtRBrYp06Oox2clGUdwDHwPZtIylXzMxgq\r\n52beLkbNot/yQR+VYWcPTERIjk6Y4XzoRzjdZzFN+TI8umnXPvaJMSJAY/Po\r\nAjabUm1SixfLdnANGfKwRQ0aJRbFJpvQ2WrYLHEKv+cs0qmdDdOMbRQyuxBx\r\num7D73smW9Av5KfUHH08PaV0zB/2tAnj9+jrv9wbAkt3HzDh7SqnG9TR+eHL\r\noP3WjC1+kVs3TEsZx2OoyX1KzJ07VO5QRfDDsURvW+Nd2Be9Q7vTuKWRBK1m\r\nS412S1ERJT9FH4ookzFhcINoFrMlUdFYxo0=\r\n=1uRc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fda65880e6bc8182622e73048e9ab5b3722aad11","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223655213","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-20223655213"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223655213"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223655213"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20223655213_1649224365525_0.034367852528545795","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202236131344","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202236131344","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f44ba1bea90dc06e5824f51aee94eccc7b1e919a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202236131344.tgz","fileCount":22,"integrity":"sha512-+R6rIP08jUqEFpltBRvQaZB8D1JwGxIjZ82rW1SXjM9mXPj7X6VmYxsobrLoFDNRFa+1q9H0fYdsIbNBHyrH4Q==","signatures":[{"sig":"MEQCIBv9lXH8iK0usx3B+RS1XgZM1czsZCKT2j+cIS5tEc/0AiAdTDMooZOy9Wr5ki1QP/TNKFgosqN+3UCzW7Kglc5iMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9jw//f4r49o2716ySSO4B/IFYriejFk83+uKSy27aIB8lZLX+ekXc\r\nMbcOpQsl/JaNG5wCt7ylwgyBtmczWDsHS8Oi0wrUnLx2p2okPVcvYN/Rp5Sd\r\nSfDurRzccAhM37aaZ+TqaqaN8/0qtPpct3Zfg00EVNqz05tU/qjOdeQTXOjr\r\npwBgGm9tsM2JLooVw/MYvD7C9xsQKtJv+owWOM1HYv0fSVbvnkJN2GV7/21b\r\nCFhi1RTxxMJ8ZrOSrhFPYhK/ArRO/KBNUtEP95fpyFFEqCG0T7CYbfNVsrDS\r\nd4Lrlkz5V/i3Q+YyHbpKhKzKfYdo2P5CPVTHlyVDvjGnLAPrdYI15ocAy2JX\r\njVDOTwI3a1n7iorEC/ObniiPw9NPxjn/FmcjjkOU85CVEYZIct6s0pDgabPf\r\n98fXk4I2udvZh1ehskW/wpmHUag7N+a/MPfj694MAdML1VFNI0le/FFdge9Y\r\nBQHsppFddV+Z0EzJ7ELqZXVjOin08z7Gm+d+RWBKT5cbQASMuuH0NQVJFOeE\r\nQF6LjsW3F91Vxp4Uy298q9leVOjWpOiA5PX5yVg9HC8rrJEOPr+B4BMDmCTI\r\nkzfUTBpimBVRWHPsUMzgTrM8EbbXqStnudJJ2EWGwk5dA31xuRbB94irZ/o1\r\nkHPPzF9Y2sb8kLVAC31jJAFYb+0DL7mHIH8=\r\n=PwZt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"5c3f6cc51ee18b653832d0401687f4bf6d180d3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236131344","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202236131344"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202236131344"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202236131344"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202236131344_1649250862633_0.9740521093568852","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202236132312","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202236132312","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2c7cbbc09a774c929461701027a3a7b1cea3d475","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202236132312.tgz","fileCount":22,"integrity":"sha512-q3zD7BxH9Vo+qdx02rpsUZxaHH0hemiDEUM0v3WOKPL8cKF049Z6PGJLzbwf9W7LAwQQ0ODhvAFJ/SxhzzxsfA==","signatures":[{"sig":"MEUCIGnmA0Z7JK9ZPEKikrDHdMLR+QlR5i2ereqvL5wp+t11AiEAmbgQXCWF1I2Of/hwzYuKFuzcvHJKHMDICYyYdEDH0CM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5qw/9HpzbN1d1TRAFjkuz0GIkLoqpTFILvN1xWavJZ8ww7N4d4z18\r\nBuJnhGuzvbxzXh+Liw++IaDOgZw8NaJ4H0zVgbSIyZMCw38ZrntOrdMtWgVm\r\nB6bGY033umexpiOcX9RIeD7t0L2leSIiGo/YX3hq+RQbuNTpqdbMY9cOWAL9\r\ndn08s1G7SPoXDmPqR0dYnCAp61AdRTObLnAYb5n1dRXYNESiv8coe8PxrD8s\r\nZeWCo416PUz402dt/47G+TLzsLc18MWsRBAe4+3t33fiGv2juxRMChgjwQvt\r\noParqsGse/AOwSWVf56TjXi8F39kyh0wro/FX92ngb5YRF8Uzpvgukl89xAl\r\nq7hKyFh8jv8P+Z4q/XzdibQjBUgIxmu/fPzxhzxZUImScm8m/mGMi0bwNFsr\r\n8Vn3wtMxawPmJ7WxKpXRSJ6eGimHAeX3e/9fS51l/MumfT6/Z+k0mBtEfgZE\r\nc35cBpIVqlscbOUY7eOQvrlxaY38Nu3/eeFHO+COyqsV8tGDQv+gmV88g7kl\r\nVMwEThTOjg1nHV1PxmWKGdw4D1Uhyj17El1hFE/7YAEAeiLcz7qWFB/VW3Gh\r\nuwY1bP0avkOPof3oVknJw/OcXKrSULV4SbWZylDU3kSjeYa+LN0txumZfAZK\r\n/BKIWgnsBuujSow8eAG2QDQAaK1coufnZJs=\r\n=ZrjT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"2d169b1afa4a5d0be13f975518ee5e286b485d1b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236132312","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202236132312"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202236132312"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202236132312"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202236132312_1649251423625_0.48366999477060846","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20223614103","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20223614103","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c7125536d1f8082f16fafb5e57f174bcbbe4b401","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20223614103.tgz","fileCount":22,"integrity":"sha512-bDxFRgaOuoFKTbzy5Ri2VlQanDt7OpbMfW+PjjD2kh1at8JPAtQaBu+wpMPrQeUcRJd+yq5QQ3+0d5ttimP3Qw==","signatures":[{"sig":"MEUCIQDSNDE/b+uRpWUmWC0+AXsW8wzfQCs1rRAMPBJtU6Z3yAIgYsXc0vfYUGhCEtX7vrzofQV7N60f2Or9/mKWO2yYiRM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3RQ/+OPwhjK7MjtvTWhFnwK6pd3J4BGD7VJa8Ll2F9qC6oRaw/Q4j\r\nRHTCq4mVhypVXuBevebQnr8oeIDdOyjLAcIGOEEz5waGsimd80pq+5ZBxPn4\r\nEgyM2X675HO916J0vTQaxUhyqsseogkbHqqOQhAmqoke5iknJaccpMO27ie8\r\nrRgEVzkJ/49+PwBgwzW6Z5PGya5f5MCQ8U79cGK7BFAoIF2fqd+3MA5QRDrr\r\nnXXGRo5BNhU7AarM/gFEKm5OttEvHDgu8tyOoEJzad0HT0ygIxKcKe5+L0Mc\r\n6FN3lFq/eJxnFDkxEgQCBPduR47Ake10vwe+vty3Ax8k3sOjcfb4SFJQBekT\r\nr4LfPS4f2SkgfzBVY90DF3fN2HDk7duSef1SLGJPTjJcFl+cLs6CrNvveEG2\r\n/e5lSIq6y5Lh7UvQaZYEwMTVI+JGdme5QJb2fcJtaWQtptdelcHIZwj0UHBR\r\nqDGRlzNkNA5815Npt0o/N6crPflChTQ8qjhKQ8OI+0K5lauUqBOi8Lb0tFAK\r\nS94tLdfkJPamN9hk20KN4WfYsehDY0GO/ck5U0QPrwwF32StpZc4P48sSo4H\r\nGR1niFeeGgSfW4lM+mCrsS5ypBuSx4Te9Dp5Mytf4jrTUhJpkF+WzvHskBu+\r\n0Vaqh65lbNo97NezsuhUQ2Teq/S/MAtei88=\r\n=+fJ7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"733fdb4b1af9722336a17cfbdfd906763eee823e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223614103","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-20223614103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223614103"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223614103"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20223614103_1649254237997_0.6269515572788544","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202236141416","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202236141416","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fb119c129d0332d09b905add838a9aefcee47a99","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202236141416.tgz","fileCount":22,"integrity":"sha512-5h3xDA52tS3Nosn5N3h8nUfqvmL1FZqLkNGvrpgGlcS0hGimBEpQQ2YCcE9ymBR4HvpUYM32axbp2a1nCpQjOA==","signatures":[{"sig":"MEUCIQD83Sk/4RDxc4UXYYxkHA57NfmoqTlpwFqXC8VGzteuEQIgJOLrffcJ7kaQellA3nM2YaZWSkSAIGFvAiKbkZnbesE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwbxAAkEqGFwGmZCyRQ/54xMjm3gawEMMN34+Sf+2uESJexnAoGLlc\r\nC9RefAW+wY5E71kk4M8ojx6URP6uSdPEooMInEIyl9NwdUrOd0LhDVDOCKav\r\nxWk9jLwvOUhXBzv+w8B69iyRu9f3XJkmQi9DbG/a9l8aQoG1brRXNa920o9f\r\nAv/tbCOo8EwAoQXQgmiLZhAgW7arHJdy+l/tgcyksnqDBKelNX5Hm4ZhF9SH\r\nATVeFnx14jDKXoqCa7H6fG6yoO61wMMslzNbpMU9gvzBFebIYEFX4Ta+9IpB\r\n5iUaL1kObNdABHK+2XxvxwpC5Cc0xp1EQt9hw85mxqUjxoqANnLBpxPQMKpy\r\nvDpUdgzdyRwxz1gZkaie84s/wFowFykZFHriyRSGF8QrZ0csJHjAZW8Tnnou\r\nmwBM3vtWnjtCuTZIa56v3e76RWpAkStOe1MULLt5nzerTKSMDdCENkPG8aKH\r\nHAbAE7p11te3h5Fa5YW7d4c3CgeNdHfiisvzbGkUAtKqlOiP4jIJt1NAMJeN\r\nbs64EsK3xVdzVRljFQx0CDKQeQjsAPLhUnI0iJhmLL47Z20He7m9YnDNwEt+\r\nVyGsFkw06qQFkYQxA9+Jx/ws5OQfA4/xYRMXyVBcf02igMNFgdqRb23JDFMc\r\nkGsAZn/RB8KEypSWas+ZXcGFwYe8EvMk00A=\r\n=QUbA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d7a0761a4d3f34896b32985aa1caceb55473e992","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236141416","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"0.0.0-dev-202236141416"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202236141416"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202236141416"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202236141416_1649254488311_0.673181195186193","host":"s3://npm-registry-packages"}},"1.11.9":{"name":"@chakra-ui/popover","version":"1.11.9","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@1.11.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"283a52c969f27ee7119774c255b786af6c9b2766","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.11.9.tgz","fileCount":22,"integrity":"sha512-hJ1/Lwukox3ryTN7W1wnj+nE44utfLwQYvfUSdatt5dznnh8k0P6Wx7Hmjm1cYffRavBhqzwua/QZDWjJN9N0g==","signatures":[{"sig":"MEUCIQDvrO00PNwz1qKJr07fvk920zOXcTmEv+5lZIfbi8rPwgIgXSrPdAqakCht3zsZz6ipuTP8Ok1OUKtUw7OYz8smVgY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101599,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwSIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpHBAAgFXHaJuYbYDfgaeedPOK69RS5mBzEoz6hN/SzhUNVKrqpBtq\r\neXP/Y8/Xd3/XxTifs1VEjIH4w72CQcqo9C1j8iy2kNt1+JpESbep/leqZyY0\r\nRa0dbvakywVnT7xrBkYJiyVzw80QRqyO/7z3KN+3ttY78i/ciYtMxtxdEeYx\r\n2PONoixPygDk+ZrhpUCx20iaAup92FJei+IG5eb721dP71veEDlLMq3MjpJI\r\nDM1Zurm7xXqDh0vtXLZK2efywpCgVjH9exrgilQbIt69RCOvkHFq4BBfL57K\r\nLzHA2N7bdjjcxs2VNPIUFiMyuYK1gqRPAJWymF2FdXQexF7hMv9mjzfT6FGa\r\nzBCdLEQH5ejB6KiWbX3+MgFvStLpQR9UsfUz38SvV2M+MywavdmzlMvpwtmr\r\nhpnB70r2BKCGo6l5TbzsbxABFPZ4uemMAWADh1+1ZldJF332Yrdji903Rqi8\r\nIolAGiNTaLJ1KwxKoUGhXLm65O4Uz3yUIZnO0rGJYLdqINJeUuPyfIWIVsJ3\r\nvVh4dEjd0WYpzXr4XBQXsRkuVIN9DpU8OiwcAVGTDHTVgQCmHYj4kCtyhATm\r\nvBd8oDUXCWqSrEJfFjjN2SwlCc1cZHPu2YpAeLXw1YZUjdkRFCC+q3C6hnA7\r\nVMp2nG2q2cGbVXcOZ/uBUjYhVCX0JgIxXeQ=\r\n=Jdy0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"3b0f3da033aeafdb05582fc5b135499d5637174e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/popper":"2.4.3","@chakra-ui/react-utils":"1.2.3","@chakra-ui/close-button":"1.2.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.12.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_1.11.9_1649345672083_0.9896045488459064","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/popover","version":"2.0.0-next.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.0-next.0","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"eec4642fa5b0bc2158127e738d89e23e6872c69f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.0-next.0.tgz","fileCount":22,"integrity":"sha512-2M24El9qsFzuqcDEQfbIaIIoWsiYGRhPCg/nk9pHgSxQAJB8OagqwsrzncSPx/K7cYxXw/0L0bPWSe3gaIhwNQ==","signatures":[{"sig":"MEUCIQDNA7bwzdC8FVpa8vMUInaWJi9caQ5JCCms5SXOQz6DQwIgEbWgGOjxmaA8uEsi8f49ujlcx4Rhl0gpzKA7apj5AFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102101,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY2sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmokpw//YDMZ4t7UuLcoQzw0ApIZJFDwTJPRLmfiNylANhJgXbjsnRoQ\r\nYQ/x1C8rxWcmCfdFmfWqPC0kpX2ZNsQ2PLjUA99RDFCmSpE+jcL5Zl8wSieD\r\no63ur0gw0VJRiGhUzgggiraIAV+m/5secLzxmdmyz8oHqCS+0eXehRTSA9my\r\niKfV5XuwfFqzpmKili1g98S6I4STrF8w1hMRyBok7jTQNwthY7lN8ZEBbRbm\r\nDeoYxVcOfuf61oytVsJWyRPJHUhG09krX2sxZXL/mjZoe0qlb5bHUPiZOi1L\r\nAesFJhHeB/sbUt438NP7a2fDJxkJadUxJw4kD1weCi9EAwpQbG0MjzayUjmW\r\n9isU6kx017M56GE/u1GmPsEZb6K5grNrqDWzCmfY4+Pt9SgX5qqTf/lSW3Y2\r\nxqOIdbvcyhZYTzbzBSr81iRfe+gIlwPGFsiZIwUnXETgOY5oVjE8SohhfLPP\r\nGSaPpHJGMS9YSexOFqE7ubvhAfFZIWaLMW3duauxX38Fl6ax2LahCITi8IK7\r\n5BhWT6qCjAYNSbGoiBZJ7/6Cr60YT1Hb7t19VbSfBrzevrNHvKrthHLXIgv9\r\nuSqFTtaAkBdE7J2EFdgPt4yl+6gS73K5Faz9n4DRM0dEWl5cL8G/1gCwFbxC\r\nVL5aUC1wZ26TdAsnlRT4iDNrdMgWbFF6gyQ=\r\n=FEJw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"257811601483bfba6262e723393759399a55c148","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.0","@chakra-ui/utils":"2.0.0-next.0","@chakra-ui/popper":"3.0.0-next.0","@chakra-ui/react-utils":"2.0.0-next.0","@chakra-ui/close-button":"2.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.0-next.0_1650036140244_0.3976181775242873","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/popover","version":"2.0.0-next.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.0-next.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7df46fb638bd40a7f3023083aac2aa5e294978ae","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.0-next.1.tgz","fileCount":22,"integrity":"sha512-sn7q3SZ6394Jx2qTSoXS3clp++BHF1oEG8vpK8e4Z1C6aaD1S+XHETHG6vMed8z2tEiQBujJ5ianKGsir4pFow==","signatures":[{"sig":"MEYCIQChysxs2Jrk5HytphJ1bR3tbSRMmrGXNMyThx191giKUwIhAP0INRaLFdF0iHowB+Ew60IW3KQ5mIw7w6oqxjY26EiH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIiQ//WDsFsRHMWW8eHO10C/TmdS6U9x0DcB7HAqx3xYp+v5M6leTu\r\n1xRUbJ0sDji/wNvc3GlfiHehfZ8gFhqqdKAyd5mkNbWK8HMWoz4Lb4/oxfmN\r\nDTQ4q5ntGXUVOwRyKKnxq7ApMb1i+3iXTEAqcTcDU98IO3xovNEjDs9EGBZh\r\nw6jn68aChNkXfOC5OJ5LKzipO2+WhxEV55Jdp6AvMm1G1ptLu6v7dL9EAr7G\r\nIg2pN6kfJ5xU7SB3UsfbnwzLUJLh3yie5B45NXK2qByeLrTfYAco8RUc8tpH\r\nUrjdnYfjO7JEXjTBs18zcZmEOAxyv1+79fKX2abVfmMSJmCX43GHsHjHsK+J\r\nDpKgujmt98V7WsFYpa6HPB4YWp6I0o2kHM5R/fDddUuxVXVXqjyi6c/loDdI\r\n6QnH4btbi0DKJzpfS30dn63W5OjaopfR+tLoduvCDg/cnhH9g2HIRCHEptNX\r\nRTuSgy1AZ0xuYzOQs4lnXFeFdlAcOzumxGC2hRahmhq6Ef8IwJ/C12ghXHG0\r\n+/xxOVBqaqRo3GTY+ezf1jBA4PZHCARWLKvShL1pnY6O1HKDjmnacxGC8YZC\r\nzV4B3atlOdYlBo3Us8JdvaPo9pqTR8RrI2fDJ5NW9hNqoLwiKMb0+1WdQjMd\r\nMfhZHrY+QP5rl59s1aAuvzzMckzbFOp7hgg=\r\n=6kli\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"d90c04942268b9b586b1ffae3dd3791137716935","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.1","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/popper":"3.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1","@chakra-ui/close-button":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.0-next.1_1650607530200_0.6273171421704671","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/popover","version":"2.0.0-next.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.0-next.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d19bd587a64196203ef4ee35ff656115f1209600","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.0-next.2.tgz","fileCount":17,"integrity":"sha512-426r+9Lv5QkKQ0A9TL4uk6TXGqXnhd84T4diiylwIxD79r2nIdaL5R3DUQPfW26h1ClEJ0a62kMLkGauRoU9ZQ==","signatures":[{"sig":"MEYCIQCPnKChtBdnOPQd9w/svavz90d4v8ObxuOo9lXvll5ZEQIhAOysJsSGKRCi/6kba4DxKuMqIxtL6RL1/IZbjHIo9hB8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4jqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqm9Q//WWhHaczXJhouGZ/rpZ4rSkfY1OHOO9sXU1NLSE5Nn0MNf1qH\r\n4n1pM9JnQnmhWjhmPsWDwpDI0h+AoBMnJqLZ35qokvamTi/0VQQS+HcuzsSR\r\nbyLHQ4OeIu03cTMpfTyCeZwE/d3nmOQL9TL7Ljbq/war9I2G0MRPCRf48SYP\r\nOt8gkjcS0McIX6wdLZ2jjvicwIScebCKTqHl9BxBSkTYXTGMKd+8ObL4A2ax\r\nvz0WYj5+/dPdQ+BTuXtajTVGnQ4YfqBb8w/vx95mdPRW0GgSi37pEnPcF/H8\r\nn9SRP4oxH2RnjjlMyaXl6lO9OmekhKuPITDHbGx79fPgSsufrjp47bfQ3qnX\r\nSK9PGCUccGMBp9UpFaGpRBwl9I3lUuhOyw17T+AE0CPMnzhjnNGvFAKiGTxo\r\neuH1U9P9GkTtY+KKnGM0ZfNGV17iM1GJBYboBiWlIhMAuqkiAXrcIUThs+in\r\nagNhSANO97z8j2FKOwJozRG7MXQEA2A4hVEOvyH9kh2kcxXAFbjyo7CVxOUX\r\nCGW2wwqh7y+YWM4y/9+Zo/2tMaolt9T5lMkGzdHUbP/X15SZEZWj5u3pIpB9\r\nuFOYYCDvUO+eVZyyan1HCiBw4eb14pkvDCyUxAjE+f8iF3pjjZcVHLX2+eqc\r\n+oPlejxG3ZH47fakymtDpoA4QVBZxV2baqQ=\r\n=vD/1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f868f7862a4206cb6794ac526336fcf4c19f34e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.2","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/popper":"3.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1","@chakra-ui/close-button":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.0-next.2_1651738858614_0.8038165821466998","host":"s3://npm-registry-packages"}},"2.0.0-next.3":{"name":"@chakra-ui/popover","version":"2.0.0-next.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.0-next.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8a9fdba146026ef0660f443bc1b9242f18c7b5c6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.0-next.3.tgz","fileCount":17,"integrity":"sha512-4aFz3oVEIsIInqJY3axiHD3a7kCF3B3Y61sUpQE0PRzLQeU9oXkHwpGh1oN82V/yyt7MLbfupaoxZ6amDaqucA==","signatures":[{"sig":"MEYCIQC1YbCL/IHDXk7I96pvIQk+5/mafQkDCPxWsP7BwCcNxwIhAJpUl3LAho1T8hgYj1GYFT4ODiNYc3pvyxuJAT2KcjnS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidBWYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmra/A//Thiuxu18r+XNpyyte3/8q//AbiHLGp+0pnb6ttlLz3LLlaK2\r\nGOtRjzLBahgZBG9dIqt8w8Qy3iHOzlUCb/qra6qSp/iTFJI7cqgSgKXsQnun\r\nhnRmQnXeZl6v/zRhUHtKApkeI5s4TX2x+uaigWQf1HmFpE0lmVfycg8pJdK2\r\nPWTVX7B2H93ExNwAhc54/z0kHNY/GEDy8MneiGO7cRbmh56uDpO02Dm00xdu\r\nW7hji1wHqnvf9YQVZvvNwvzB01v4+zLXjMQTEXzL3po0McD/R+ZF83U3wNes\r\nMvo07b9NIgpZ+PQSIwwIE7TTEPfK615JQvennxcD+1pZI2iC+UvqlFJbyO+B\r\ni44E4CHzyiCJPHyfop+vvwps15V+B5LdyHhrztJ8IdG1J9Gqw+F/U0DPdG3o\r\nY+4jHKyrTOdFj+ySyPEXJfqpDGU7Xeyye1ppAl96CImHsD7mwmu1uGez5twa\r\nc/5lvCGLtnpFvGcjQCbjOWsKO86Md+lvO5f6LJXx1darXXHHJ34GQmf1Ag1p\r\nwILNxiDjtFEu4tib9xhbz1UOCYbZkpHUaZrbc0F+5/skLBUWUCfPPRAPLfJL\r\npPTTYkVY+XMYZ0xCznQPoreZC/j81XcVBxNzVZ8+UaW0d3uu9n+wzzY5RbjS\r\nCLAszJFriSYTe4XkTZVZ0R5rIB9KwTRA/Lo=\r\n=Y0Iu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c3a1993b61a7c8527c9a7fd80d4d5611f21dfbfe","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0-next.2","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/popper":"3.0.0-next.2","@chakra-ui/react-utils":"2.0.0-next.1","@chakra-ui/close-button":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.0-next.3_1651774871961_0.30749142577240063","host":"s3://npm-registry-packages"}},"2.0.0-next.4":{"name":"@chakra-ui/popover","version":"2.0.0-next.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.0-next.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dfa03251349575502fd9b713f7bc74115e316d8c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.0-next.4.tgz","fileCount":17,"integrity":"sha512-/+fnFUJTV9uLSCKPQ78M0mRCvqVMS0KoI/YFWmNRW/rN2VCEtj2Hj3zT2LY8t/p3GwgLm7jyhCKy4TpeLoD8vA==","signatures":[{"sig":"MEQCIDuRQW9RXWgefLmi4zEN4A/xn5lXoCxIhzoEWXaufdXPAiBr33O1k6A9IG4nmLGaiMXYOQ3nkrq3KlAfXKBtm3sqvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmql7xAAnSWEXXRk7xGDgvpS7l2GLCkqTr5RRbmV4t499rDjfNoiwO6e\r\nh/rZOfbqTQC+DM/bIjBeoaLAhXvdEHW9qfPLC/cd8zkOIBjko8WzrI1gRu26\r\nJF+jJrFTh7LVMeU7M4YWx67aIFhfdBBTKGen1v1dbwLFfJfLGTfQHHESmD19\r\neswVZyGymkHWJ6jFmsgr6+KOyA8gHGhDAq/0Z5B3efeekUImlva4I54neRrj\r\n+oyCdm3ZNL0NRn+SvXvKkpzTXWGHfDp5qh+WnFcEdAgwteWEhGW/IdOdPVBj\r\n4xm5B9EJs96Mizjj8N0Av4GBV/6O2xLt68LP1i6C3bOOT8wrWIjWDYlLRcCo\r\nPyH9/nLfm2n3h3trAQP/0Vw7acSYsTPTNcWiIsvHV5z/mpZzkf6iP0OMsgLQ\r\noMyIwuK7odLMs19cqaK9PPISD+jY4D7NtpPqmtjYBr35cmOmaBy0eK83Ou7q\r\nb9p+EVL4x2ZyshmJxdOIF8yP1hn8bYxr7Eiw9oIdliKnzOalftwzP6D6h9pU\r\n/867JHMcaRz9K89OAG6Wuq/7/htsk5n6mepyE4sMxaaCOmr7kN87Ljy3YiG3\r\n69W8ALo9JIydYmGfU9auDXJhOnuCYFh+kfzoe7MhN4Px7WeGuTGRc/9/Gtod\r\nnqZq6K2X6OOQ81HyMGzjg4ofexFPDPvszMk=\r\n=Mb9/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"839e03eb3d949c1f68fc3034456abc050ad2d8e7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0-next.3","@chakra-ui/utils":"2.0.0-next.2","@chakra-ui/popper":"3.0.0-next.3","@chakra-ui/react-utils":"2.0.0-next.2","@chakra-ui/close-button":"2.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.4"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.0-next.4_1652085670853_0.4362929171201053","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/popover","version":"2.0.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.0","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"852796d11e6bdafada1ef97124a0d0c84096387e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.0.tgz","fileCount":17,"integrity":"sha512-jMLnFuxkPQEfppM0j7vYVZoVmgZNEv6u2NvHE0U6sx6Ory/LYA35Glkn5g2uX4M8K+sCVDYtp1LtxyuIz7jsTQ==","signatures":[{"sig":"MEUCIQD1LDTINDvYVW9LoX7Tnusx11v0roW7DmTu1zfGB6UDBwIgVfkTtL1A25i5BIVX2ABKUuzuI+CSt7u3G7i2+HPARZw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmtA/+JWwHZriIZZlKuWYd8jcIiTgrhOZAHDxkDlfIPiVlhUmrBTn0\r\nFQLNgr8QJz4WJEED47orYI7f7EduD6pUiHlFIvtW+NfbvMN19OgyNteIN5O6\r\nxoaVc/OUZzfmjDSr7d6TBIIFnXwMlQd/sDCVVFfjYUXUj+JPUkkd86p+R6iH\r\nL1u5lRBkTXZ6ZND8NzYOKBx7G+lKAuP7tuf+Wzf23brDnNMo0RKLACIUHWPA\r\nLNh59bWfAxreYIFby8dfoZuYUOxQFxJ/Oh3qyyErJMwKRKuq3bVVVEWC4C23\r\n3A6tuWcnksua4tNpJlzpKq1c16T8XwuLwVpevNllaIUcQXCE1Elzp13JhWoO\r\nZeRZBhXOk1y/Pj4CMATWrbNfXud5JYJF94hfnWprbrCT6pMRukEvam3CdsLp\r\n/JuySB2X2isnFJRw3e76gct/y/RtrhLzU6YM08XLdsWrYEWUe7D12M7c8AKq\r\nuYnllZEFDt25yUJ2BmZtO/UBg2K9cewvRDkhkEi7b5Cf7DTb70jzV9Vn28B1\r\ngbX0z6FKIsjiIlC/5To/+pFjnbInkqGNBDrZxw+kHOrtqpS7dHnhYrT8ysrK\r\nr1eHv5ympEQUGD6Jx5f86tTniztWef0dsdYMKAR8qdxb/wGfy/GxdcaO+iwr\r\npaMeE+0piFkkIBZyzCia1PRLIfR8o1sMTEM=\r\n=2fNj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"48cc749d08853bacaf380a03abce69d428b47022","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.0_1652377936589_0.38068152681280165","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/popover","version":"0.0.0-next-dev-202241614737","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-next-dev-202241614737","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f3d6bc02731fb954bcb208d01dc58798f54300ea","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-next-dev-202241614737.tgz","fileCount":17,"integrity":"sha512-GSDYmntNOjp/l60XMAKbhyQ9DsJBpmizyZ+s/JSv07+QYusWApauseu2DQXL/0/JLNeemR+Z6FW2fvWm8LZ6jg==","signatures":[{"sig":"MEUCIG2+CPCerwegWK/Jqlb7X4pbjeBWrFTpTiRpwa5fHkuwAiEAy71Gz6n/q8ULuUxy90Hp1S8lFVtVNccv1RbHeLVAJno=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyBg//akAx5ZOKg2FSPStTqmF+qBfpY1igiGx243M9h0NoRHCKhgBB\r\ni8diTGNZuwcGbu7ngFxaL6RyQ5wUWDXaoB2oC14FP/Zpn9+aXLrtesCVFLUv\r\nkLyivDJkbh1KD9SitehJu+Ktr0XIXZhzd9jH4piQ5HnCW4WWPU7ULD/JJvSn\r\nJ3Ng7F/kIBw7TCBbFcEXJt6UZtim936K+h7uSgxM13lWHqQe7U89nPiPwQ3H\r\nG0w/3ijcCW6exPE1a8ansBTvgqnDlGZAFYZpmB7PrGmaO48guTmZiWL4dYKc\r\nu8FRxxxpRdGQCEIUFS9/Tx2v4dn8cJswnqiR05O47N/U7crdZe1GgV9LwKad\r\nPPuaY2jUVyRAKW6+h0ELsz0HnWO+yG/fvQa5ju6Zr10m+RmjnQIaRRo2+Ft9\r\nWSkehhdJSmPn0ChPdmImCPuMxUB2Rg4Obq8J+GVEj0PB8tJopFmcZzP3A8d1\r\nxlY4tindICy7OnvmfT5VAkc6clpQpCxe6kzy/W43CwT7D/VT9wVmVrDhOb+O\r\nDGTqILvqgpSt3NburoTG2+p0LRNxWf4tdXwQiKj8qc+n0HLZ1ET1FI0+AP+s\r\nNqxkU5PyorhBzp99nc9G6vfx0mL1E23yGEHm12wTv2ylfGVSkkV5SmV4cHum\r\nT9S+qr8IQs8jaZEGE6iwpNVQu5Y++nugaZY=\r\n=DarJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-next-dev-202241614737"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-next-dev-202241614737"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-next-dev-202241614737"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-next-dev-202241614737_1652710085617_0.7306285773975225","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202241614743","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202241614743","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"45a7727c824adffe7a10228a868007e0e5fefc18","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202241614743.tgz","fileCount":17,"integrity":"sha512-7q8VF54X1pk4edIRy38GuMT0q4t8UHcgE4bHKDFfWx3WQwTKDuKO1c5kZGZnAiqaeDDYmypAMxohUnR0766k5A==","signatures":[{"sig":"MEQCIEAnozbPv5CuyWm8oklr34JELbqUqH5ornoLm7lM5cawAiA1EpmPwmcHHdrVXt6IO61rP1JxmFJzzyUtKyvhQn3GEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoA6hAAngzL1MbD9dqIfviI+C9kBF/1ax8FK39/oYzY/emJkrSxROqp\r\nVEwcv8mAGJvzYrDXBTd1tZG2Hq/3v7fRQ3daPjd2thRv/pxP7SvqMfuoR1nW\r\nD6GSsmvwRrq/RIiYit+t4TncO9Xrb4qRhNgQ9fapvktYL6tsZ251GpnjB3Zn\r\n+n+iOgYPFIVvW5GiuvCdLwnKnws1uSqdtfx/yaoQXyYvtNwhUly9Y5zqWjN/\r\nerhQ+uhQaiGqCX+c8wz3qFTLfBCHOg7fr5Vh7FWxUN/U5W6GIt32WWg8bqpA\r\ntsJWfwFrQzn3I2YojmWgFW/EBcUDpONWBuLIhFCaw+nza6CftXKai4km7NOW\r\nSHkzrjgI9XOTIRImQfAS4dfR96UUFxy7aSs0sq1Otr+iKcE0l8+bursFBkpp\r\niGmPXTGM60PMOynPAqpJJFUw6ALUDnh1e3UxaB4GwPztlOiY5fiAMNSky61S\r\nvMayZ5SfyHrVWQHnK0ebglfvyYRMEUa2BWPAyb24d+UGWrZe9gS5WEAN89Je\r\npJ7KrjUe013eSM/EmIrBPl9GfgZy1JThhMzfXomm560Jth5sZFSeePkgBDcU\r\nvONPVtQgH/cwQY5t9DWn+3rNlSocmnvCY+LNlOOir2Up0gxrqdv2uM5zuOXy\r\njcnoPHtjzdJmyQYPNPOhQNIvH7Lg6lWFfI0=\r\n=5EGH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202241614743"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241614743"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241614743"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202241614743_1652710092448_0.9333178906949742","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022416204849","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022416204849","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b08b7afa5968a5a6edaaeeb99140fc86820e3c61","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022416204849.tgz","fileCount":17,"integrity":"sha512-fwEYevjBVMMKknbUaNHNMRBfvt9cvvYz3sQYtgHk1ns7WaVtIXit0fOTdgnN2eDrwhoLBkR43pSS38DX53vc/A==","signatures":[{"sig":"MEQCIDvZLTM5FOUaZgfswqnRyz0CzQThV7DxzxXr7gN7IZOtAiB/0dggBVRZzPfd0W8GEKN4M03EpcoFc0RpS8suAiJ+mQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8VA//bAEiVrA8J908MeD9O99NRdCeDykRcUeZL+bR10OZB3Gpaojj\r\nBL1maRmicQ7waNniRaXhKvnz3BIP9PoZfO+B9cAPL/un0qtkELDDs2ksc+j1\r\nq+ZqiC1zHhYxrCUM4jcRN5CUEoHv29oGapKBGqdj0FHr1a5jWc9ETY5CqTRV\r\npnREO8XsYaaMFlZX5glR2Jg1IURmXNMX2egEzDNLXgv4Jk5RM64yLoL6ScfP\r\nIlpHGkFBfqxmljocFudsIq+ph5+IwrhSeSc/EOpIUy4mHeJ9hbxJCtKzLudt\r\n5osH2MmRKQqZ4qGePixLostopMkj0koRoIK9X9GVXMPlKNG1tVcBo405ouoQ\r\n1xI/RWWDqk/xKBxd11zSU+c4rK8VMIE1tnsCe+ArldKzuC7KQ/i0FFdWHiTH\r\nm8UFRHkvHPNTYvPrpTRJonApHwtE5h/64kQ6YPyMwisPq7C0wGtezMGGfLRc\r\n31ZtgJSreQ9jUSl0DgDqiGevqq4RgmjDILrbETaOdSNPZuZOXnUuG0IL5zSk\r\nL5wUnmeuGZkhY7YrkJ3aaOvtalANA3X+fDx32nnrTYKaeCyUev9fN2sff8GQ\r\nVZdgTnSOv7+Zhjm6K8bEJDz2Z4JxE8HTbAvW/Z1z7DL95lH5RQZSe3n+vFqI\r\n28TwEm6mHw0i0e8xbVZMxhjZac4jhpuCbfw=\r\n=H13q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b6e8ae69f1ee9c566d9a7c99308c18020f96feac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022416204849"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022416204849"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022416204849"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022416204849_1652734156986_0.1443352867213492","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202241784047","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202241784047","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5c49d1e18424253c855b5c78927b9dc28aa9b66f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202241784047.tgz","fileCount":17,"integrity":"sha512-80KUgjgTzlOwJ5jNLNF21M9OlJmzl7mPiAl4JhpTZ7gPtC4nBBuT9BVIdcoeBFebBAGJoejuKWxtkoeU+sFHMQ==","signatures":[{"sig":"MEQCIGri29UcnDXXQuhfQja/It3W7nvZNzWkC1EkjP0SsLjLAiBTC1KfzOG6ROz6aep0euJcpIyDPDODEh8x8+O2b44GfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqSg/+OuyvqRwq74JlOe9N6FLSIgq5Ft0cGOzfBo3LGwaiGY9rcn3B\r\nbjB/L+By92Fzo651nj1jLkiC3A6Xs+k518WJA0NSc4w93q+nz13PjxCIhpwh\r\nhnl1ySSBhDjxg3rUT5U7bcccoyITUhq12E3KIih2MFiHlOiqc1GvvIeBsmjm\r\nasKAJniDVGnyY6j8KwjupM1gaR4Z2b5YVnRFpkqETNtylhovadkLTJ7B+hOm\r\nB7nfbb4c59VgMAWn5tdBFmJdhzDO0nZ1Efa76KS2e17li+ckbxi+68VOhCEx\r\nnJc09LfF9QAv0zShrp/eAyLilF7bjTCYX2Esa6wxzGmRrYH1/wmVWuNPWghY\r\nmbXAfwa8JFHN7AwCIAd5E5L7WceuEmQa/Q1pd2iC5PYI8VRo/ny3gXFsZX4S\r\nX+bbNzTdhSLj+D2xIkP0AKYIVDi3xR+RLHztBIde1T8Y3zQXuTj5Ju51eUyu\r\n8wuHGSzD6FByedS2v42FxN6jsgMIlsfrpS9Nx62Gs9j+Hqbjn1IfR7kwO+Yl\r\nXvHoA5zZDeNhEGtFl18kx8MsJ3zR7kyCIw13kCFzsv8Ft+UsW69zz01r3Ww/\r\nIpWaOaQDu52i+jM/+eHzeWsU/LQ0NYbfA8VPlSD0ih0zr1uee6mwBEfV7GMV\r\nS9YOdNxT2bYt3O2dzcg0LQFlw5NNhKMP3hA=\r\n=vLm/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4f2807e4195f5a7de1ad9946540fba8590ac42da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202241784047"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241784047"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241784047"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202241784047_1652776881627_0.3032089994601235","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202241794553","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202241794553","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3121fdfb556d6b2034d8165ac691fc9a91a3b140","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202241794553.tgz","fileCount":17,"integrity":"sha512-JWyUDOIa6B3I1dpUUdoCq7VEymxYAjA7HQAqOi+j3dbUDCRJcdR92cDI2QcdUgccWBfqsZepwTQePVpAmc6pPg==","signatures":[{"sig":"MEQCIBCDUUGknzYnA3wLEkO+Bo4hGej+drQvawp3Eil5FRRbAiBD/YJy0T+4Z4fjWbMSje/vIXyRjbSBHP6sls82Hn8rvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9+w//Wq/UXuFIrGmgULVFU9qYlFG3eQBFs1TtZ1ilG3TCFMmRqVum\r\nnp5h/T1eYsUEIujFEgIbyY0Tmdgovj1rixhzUVPxsKyoivDHLYapqP7KRSr7\r\npqTh5tSnbsfKr+RdE8mVt6KCR7r2meYse3s1pJH5P5zCo3qIoNJigfL1aO8I\r\n3KFxUFCXaZzC6xqj7I6pRkHhsvHo0OEt/Zx3vp9MHsjGHYl8NJsjMxolWYlk\r\nW/QX1fC4mLflHwRfWqGgu/cV1ZeYGgLMZ1AOGsP6FLSTWrXJk3PY0NmWlUn9\r\nr+31vZ3sEE996UEHeJnNNC2sXL08wkoag+BX4lCelerstiPgtitraOW4Kvs9\r\n/str4hokZ5vX+Imzp91Yssd9aTTTG/LOhPZoxWeBM3knqw21dkNPQNORz30s\r\nq3JmcVdsrKRDNgJPEefjRQ3/7QFwxIS9q7o5kOrxAKy/tbLVJFeISrdJeYxQ\r\nIwj3yL/Aylbtx9k+H8uyIIEhR17P3XMSGu0uifeWqLbhHX2Iang5nWU+CoJi\r\nXfwXfxztNXkFGg/xJcpSn7pZQe/Q/k76FWYD4U7IeGhD11coOuDJ0LWimZss\r\nVnR0apZZEYI2ncIovc9nbQ3RmK5svHCEWlKCLUQ+xL/UyB2+FlMRW+OrmGZg\r\n9Og6FI6Ux1fKlQy3krM/IfuY+GseEWuxk6s=\r\n=iSxM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"05f922f2fada732f04d93e13bd53434805f4d619","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202241794553"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241794553"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241794553"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202241794553_1652780780155_0.6523249038022172","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202241710143","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202241710143","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3ace6c0eff2c89a452f1ad900e06adc2c7114e41","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202241710143.tgz","fileCount":17,"integrity":"sha512-MOdYbZlVLsqXckVrRMykjRV4uiLqw9w50UXPfF2ldCE7mvnvd2aiW0rV71h7fEs0C2g8viN0Q9TriIOGa4DYsQ==","signatures":[{"sig":"MEYCIQD8uvxY4EuQ2j+aCwVk48mzdOdKIb/RcDcUKP2zS7Q3wQIhANfeggUMBeMj5RHRcrDGiABDW1EDUdISGqxhlnhKp2wK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptjA/+JighTeY+A+mX+H5NnL5XH7588tI5ZNLVVhnuQsqpEBBhG9h7\r\n2Jx4YjEGVhLeMAi5E3F0ns4OgzCHKiUybJpBvXLrbpU+H9Y6zGYrp7AHFrYh\r\ntZ4KnuTCn9pD0CxawVJiidTDLq4UinBhQqGflEr1KNUgO5b5fYA/AufpiUK2\r\nsTBxS70ed4PWC6qyd/gXpw2HonK+OggixBRKIYV/q3YrpqemrPEda2qgGBlQ\r\nxPI2jIJPObxpJl2jIl1/SJ9KVb4mU1IC1DOzlsxALePp8Xl+ddp7RWZ3llGF\r\nC6M7loeObaUKYgwZH8rfXaLKp+yQJ1YtwJS2aX6Vh7DrwXGG3iCEIwLmwLjs\r\nGO73i40QVr649sB35KftHqIclTGzS1JjGn/YOP2t8rb3t911+9MJbwVlSjxR\r\nuLykciBv2N5seECrMzS/9ipRi3VjMm5Ua11w8Em4K0g5C/Zgax9gKCFhy5e1\r\nGkmh39Z1Ft1VC9JBr7rPw3DLqUkSBTBVDWQ2iDzdosbvGq3UYaL1eazXJpuK\r\nSOEfywWuFhzu41VLA79KVMtvWWITZWFLDWfPGsXD7Me4ZLnYgZ9uPtZwSXV9\r\nkmwTqT9y+7b2tgpZNat5mEDzA18LlOkEcIcYcXosZhqQLZyv1nLFk6SzKQVV\r\n+AnnA2/lpWGcp6zpyj8UDElSqD8guTfjsG4=\r\n=uIkr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7eaf538a4db9e168408e114f80a2c2898cf4fd47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202241710143"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241710143"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241710143"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202241710143_1652781730847_0.5240782673436131","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202241710959","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202241710959","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5240290a853917a5c8dce96764d6e6411986f18d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202241710959.tgz","fileCount":17,"integrity":"sha512-54FLglh460PIM+++jidtlhErxoJcJavJNG70oYOgEW3PVY0UEObuHSNOhCPDE/huptbiHob9KhDeTiv5c4IpfA==","signatures":[{"sig":"MEQCIFpBQQCLdrcw1VuLDMpqgrNBlD0yuZgSqMWDD7RMcY+rAiANkan0sstlq9TpzeMs1iiKxg0ejfL/oOpkMny7vF+fLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3SYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7XQ/+JtSP+rSS8voCSuQtwNHgHW5mrN4zdystiXcVcWr+Qd10Aw79\r\nDyoFJp+gCksCWxNrFsS7qo6gfe24SD3Bm0R4r4WfzYeo1y1SW1A4fiT+7zv0\r\nZU+Rb2mX0zufoCYOwUIjoJZcTGTbXiMUKpCuvj1QnmWx3RTBTkJUrcr2+e7f\r\nSUTNU3QyB3Srteer+VCjvjpzc0Jbeb8d3nSk5m/c90D9z+bXMQBiks0QWF/s\r\n9+QmHku6Vikkbez5wV24+m84vu7eznlsHVShpoFnxqJ1CQJ3DCnguMtgXCTY\r\naMsNwQr+X8NAkER3jU4mlCyiA83ifFRBhLQ0uqi5lqv8rWG7dQadhSKEXkf7\r\nn8S60rgmhjFgr7CU6hRYLnAO/XJIMwzSTszZzrrM51eECXTt0fXm+uHvViAm\r\nMS6l+dAF/eoL7wWeHgPjf5KrrCND5sFbXaQvM+FczeQUgPkm6ekqey6V5Tn3\r\nYoSGrjkkaYPxKI48vVLp87yNOrzl88td8Oe2KJJqISqzvm66r+x3NsVgOB3S\r\nPxHZnoOFb+ek1e8JQIPyRTp5GxORkZMZEf26W8idld59FocbcS8qBTjHsn7G\r\nLGZcoSDXYm7HPAdQICNxU5NGhCf30kYV9cEVHaX3/myFGuHH7v00WV8ia5V4\r\nt0ucnPkIXdk9Yrel2p4pnzGUdcQjcxPgOQ4=\r\n=ds2w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"393ca5b165fc46e23afd90a898256a0cc3e97731","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202241710959"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241710959"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241710959"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202241710959_1652782231795_0.5480831149162384","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202241716586","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202241716586","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b82cd172f55f56d22eca9b1ec9781d04aa792470","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202241716586.tgz","fileCount":17,"integrity":"sha512-fsVN80LTzsf6IkuHb80A/t4UKuEGUIg3bQIhx95M0ZQNev0XiRw87jsKy/c7FMgY6HhV+80pkzkgO519kxdPEA==","signatures":[{"sig":"MEUCIDgMn55AVbbtZKsQyrAzNbHhb0iS1sjk8Vvojt3XIBqbAiEAnNcSxpiGZ9cB8BuQN4PHksmcimjOg27XFeyogvsM+us=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrK6g/9FlAkU+/LSoWX7QFmMaXTXmpe57zc15N4OlUKo3fWlvR+sXJr\r\nXeGkM9+ix1SPJmIbTZtXctiuRBisiiv+Bxtx5OCGJ7IeCjDX/317hGfvvtlq\r\ncezSXdH7Se01sYfpHese9wdlm6qHASLPKsbQpVD9yJWOgIC85JBF8KAspf1A\r\nIsWvnTDXWAnOLbM5UcelGIGi0CmVLt7LwUY/vTPpRHN3UvxAhRIHiVNNeajn\r\nzLQlIshrmYz20MR9Oczr3UGdiV72mkIUlR4os1q0riVLiJcYsw+Y6uaHdF+D\r\nt7i444NwzvHX374EatgnkulpkyG4p0srGzGQVfrhmn9WPWPeIltDjs88hfvS\r\n7FVlXvtINNSHA9BAKZLmt6vBG3jO8PCMzETbO0rXsEUmbA0Tv2LgePoCJSGc\r\n/YOWT+kLx4EUO4gi3t5x05VBM+WJ/KLSC2wVHngclcM92kV8qFZcX0MYHxAU\r\n8wb3uGIUj56CqH4zeuo0ESEP9Lwp2Cc7bYu6MqZbHpX+HEXqa31ARb4JzT7W\r\n83krE0tUPhriEkdpNglmSd3CLFJp6eImzPZNPQlkzhyFHfBf7n6xFxJlutpA\r\niD3wEVcJhH9+fW7mI0a/T3s/X+9EmLHMP49FP4L3xaFPrK4CrEqQrXnYef/e\r\nYxZan1rM3ggjuZfkRyQUX9NOSAvU1PgNfcE=\r\n=ZFJn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a9727167c9529f5512717ccf162fdeefe37c5d8f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202241716586"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241716586"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241716586"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202241716586_1652806712957_0.37093685825771816","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419101754":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022419101754","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022419101754","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c3be694aac68ae54c12a99600c55d7217116cc80","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022419101754.tgz","fileCount":17,"integrity":"sha512-BETyKFmdEK1Yu1bzd5Oq4tUppODidzfhPVGZ84V0l7n/UHK00uV7tS7fdbrqa9ZHLouUO5q3izKz5k/pnF2TiA==","signatures":[{"sig":"MEUCIQD2+sD3CWZTm0kaeloXY/xCd/VktJEvxtR97rvuUN5EfAIgRW2ZedIBZFvT1rGEtZR0yR8XD8gnw3n2ISTS8A3gkF4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihhl1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobJQ//e2Chr5I+58AZkcLSX/9DYYlEuu9EUHEWwJEGC6GmrrchW391\r\n7aCsnrecDlnMghR+N2WsO/FfDyNpXNu/am7A9/1CD6kU4cs4WoMMkJ+H78mH\r\no6xOLFxfbA2oV+fU5aplH5EasGrsCVWHKV29KyvtmB8SpTOxbvuAHnD17NsZ\r\nLj1r6Cw4WlmrHHDX62qyRMlK6TLoxjNB1bNTA4O+8blEMS4eQA+Msg9lKbHY\r\nCn3GEsJEhZssN9ntOMeFk4tkQXO3Zvvb1nZFjnqalJPijcVHR1jFtuA7m9QG\r\ntmwv3yEqqoihfmbWqf8s6R9Q10I8rU8mhOH6sdxIOL6qB63gZ849Z86x40NG\r\nfApyWKYlMRTHMy4jsG1CWKuKFmqfqmJDUy3Y66w1f3NLKBQM2xEPWEB26U+5\r\ngL1Gw5wLAb/HoLGcqYhegBMiV/k8KQOxqkmrtGoqrq/F3X+Ez50wyO3eVxdm\r\nm+ENQ1ThWzzCFC91wViIzZQqan1+3BO/EqnpR+wKT1KVxNJO59KSE97Ybtv9\r\nduJoIYmu7zDFJjzuKukCe8d3wfGUHnHpyNmPGzRjBNZ1raHWs5VLX7bKIB1a\r\ngYXpPDzioc342N6KeBmFfpho+wWsE0W5JlTvYNlmqL0NiUo3lA9J1qP1e5j7\r\n5GE5ctyvrs23VL03vWkV/pDgM7KnmcLO9h8=\r\n=MTzM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"55c87cd62acb01bf7a74d75af24cdf8a091dc1a6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022419101754"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022419101754"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022419101754"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022419101754_1652955509203_0.5244709046023996","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419173934":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022419173934","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022419173934","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3ff06c4078fa64f868371ed372489e37ed670ff7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022419173934.tgz","fileCount":17,"integrity":"sha512-2SnTEmSmiqC/HtpXzQHji+xEVLlEMuDApRYQCUrYvqdEEGtDkTtugki3F/V2w4uuHPE+U0HPyDRFXpq9b+r+dw==","signatures":[{"sig":"MEQCICSUO5tP6vdiNRp8rFvll1enw+nr3xzhsUB/Bq7+BA3hAiAsnP/0b5Fm/zcVW/45XsQ5mq4v3i/ODMPRHuObTLrbVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoD+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp31Q//S21UMVWn3v/JtdsCjfTYfKOpGpzFKU2jW8OAZpmwilRfklfJ\r\n7V3OfS0GvEWS7EY5kqB9dfMVD8awVxPIXcgxd4bWxWb3bG4aHeYZ6Q5EsSxM\r\n+lw6LRC7yjym8yW83pTg1i+c2oFzooExibulrfv/XDdsANHbmYomAz8zkLB0\r\n6O2EUiWBpXcQyP2Pwr9DCGvSuQLXGAmCaGkdT0Z0L3Zb4sCY2g5NU6JHMEys\r\nmEfAq2duESyjRGNchU6T879rMbcgZ9hbgxtHVBFbJluLlTypvnvj6PKU+y9b\r\nku1rtEqEteluZRWKQk0PzYUg7oTfQrQF8PgvONuBYm6vnagf0zPX3VlyjWyE\r\n93RWTun66ThX0crt0y66gWAs+sWY93VYxNi7nUkpbwhkXf4VLEZGuzJZF75A\r\nLvWRmyIztyK8j13KSjK7VPAiQ/CV/T/RF4ZW02F3dJY+ZKvBUtNlKOHfXVzu\r\ngIQtbGwPiUJoGcaoDusxLEkmlFJn41KBSvcAVqUiW1VGMXvnCV+sYYpSDOlM\r\n/BjnkrIyCJpi2teoBNAghStmvcY/Be6HlRrjeN68eB51lhoTMYUp1AxpauJp\r\nYX3r2PA7gprWQIhY0szPA52TJE3IW7qh02ynuiSoTA+6U2QcVJNg4yaE09iV\r\nhcCIm69uwHr/N8xdhv5Lt2YXdGfS4iYpFc8=\r\n=Txuw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1e1503f48905bcd4c0a1b5767679246c1a03db1a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022419173934"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022419173934"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022419173934"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022419173934_1652982014167_0.020285323497908125","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419174740":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022419174740","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022419174740","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7a17cf0bfbc84d4ca592e9d238808c17e5a1eeeb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022419174740.tgz","fileCount":17,"integrity":"sha512-QBUKfR5Syu+gmA7vDgjA9y5cfgjsJVbhZ7vAVEq1Yl4KALG2wtFixu/n2z1m36YIRtZNFiADKpci2unAIeog1Q==","signatures":[{"sig":"MEYCIQCBolADqD6NSxKV8/UuckSOFj2+3/rwpV54o1CTGyljzAIhAIze1nIksTXztBPtcV9JEsB9eN8ozFesbs4P0QiZfFY8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoLeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqErQ/8Drfy0cELPRZvHLibVdXjUxfQ12YMy9t5spgwVoQl5aKAC4s7\r\nz6LwiSv2jT2s2wzPPBSPiwGFVY/Y8s+Z2TLaTvoN6TmVKK0N+4akaVw8c/v1\r\noZfUMyvaFNoQt8i96s2eIX+qoOyaTl+ff8dKMtGW6kbCX3clyMQQJifrEfYu\r\nih2jWkGnHGgouYKdUAT27bPo1BgdTsQwtE2jH4R8vvokLJIYFO6mfJ3TKn42\r\nkdAOWbgqxkKb1f9jzjWcr1XadZ+JSZT6AiZ7vEOawK28NbRei3TxcmMVFx+G\r\ncxkKwOr/1i9jFmFBkJ8ZaQNl18+rlRAMXiPIARAhdyr73GF3951EeZDEIsnL\r\nX0GduQVBDIMUE6jYJfOopJJIG/Di//GjNrtV2Jh424i94hPURal3bwWuREkK\r\nTR+WdjYcN0er978Mrw0AdNMkHomyNkCI1jGXzZvgZnQOkewiJy/sxRBo9lyN\r\nMijd0/ZdlmuQQrQ7QCTLJuL5Z769bwBckxvAXmcqWlbRaUfgN7Y3L2RC7/se\r\nxOCAMU84Kd0mijzKqOVgAc+GOts48NOj31VhwTPRImR0aftLh/Cvk5x9jy+F\r\nRx99Eh7X55nV9bSDF0yVIhyFevxq5RnJSuhNcvj1d6V2XJxhhfOPZHsbfGmj\r\nfWIufX+qzW09lvgFDecq9X/VYC+2ZHs4Nvo=\r\n=55UP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6f23780c03750a1b70d8c855c7058d2b9958b6c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022419174740"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022419174740"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022419174740"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022419174740_1652982493861_0.3899363695811935","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224205231":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20224205231","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20224205231","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b3be2ee78d3f69da00f9bba4fa4348a7826911fd","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20224205231.tgz","fileCount":17,"integrity":"sha512-8VcBDOCaaHwDgL7Oc0HrhI6rWfEHkS93clHz3jCOsByauFZ1MD1hf7tqg9D7o4OwM4S6nxZcvwaW0ciOjnPY0w==","signatures":[{"sig":"MEUCIC0hycpO5c4Mo9YbTqM/uvNSt0KyOhqnFqCz50i8B7yTAiEAiiynotAd2hNfCfYHopZXeuMCGJIW1Ga58XsFUmKkAsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82385,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihyXcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmot/xAAgV7dfe4MLsiM9UoZifzMCyZ43doAWh+YCXD6FwwUXWLbMxy/\r\nJYG7sT75mBfIo4Y3hMmdEJCtOiY9MoF7ymuxiG51PCwTwB8VvT39fie3RSoC\r\nraiga2iXClExr+ZX9OVFdHSkQfAf5o3mF5TuDMMWyKgvYa3jPn/rrY+G0Mza\r\nU2Npgwkkuif/pOeIFilkA/U41vTzcA9x8EZthfcd4cxXMyydt6lbMkOah+EH\r\nHRP+Jw/eM7zCOMCd/Sih8qZW9Xrpsy5CPUNUSf22m3T286Loa0j0cc3LJqII\r\nLq2VkDSfb21kPM4iSFrJSV2IUjysd/TjNQYS3PfsMNeKenSgZBqjmrGCfWm1\r\nXArh9S1q+WS1lqSNagLLXh2H3wOnVrKcdlA7+I39kTNqReXNJQlrA9Uj7wMI\r\naweDDRq3wR7YCktryUMd6CTPscCPc3GFDFPDU/DX9YYEdTplKLpgbIxBFNbj\r\nX+OxkggVCobEfErdUKCy+h+2WWWDvwWx0864aZOWhz171bpkeFgtBUr0XYza\r\nVTAndzJqabHW0hgjL0QqMC1ZnbjM4ACp71vnf9Y/U/C/IXbvw4N3oKvN1D/4\r\n080gmFHy90xF3y/ukVYWzcjy2nVv01I/EXhghujAsNA/sMi0rMeWo9Nq3IZa\r\nHt/1Uwcs7zkDbyHc3ID1lAMnT+H3blKL7cw=\r\n=5Q0p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"37054f067f41bfd387b92c87de6bff4e43638455","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-20224205231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224205231"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224205231"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20224205231_1653024220262_0.11861082767613729","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022421153722":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022421153722","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022421153722","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"233f95545275da94418008ab05964a35acb3484a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022421153722.tgz","fileCount":17,"integrity":"sha512-PZJxDeEUXKZN3it/SUiV1bYOqPE0uXPRW/11SSngh46L01B5rv+MufKPFSDUOZyi/K6dofoLapYp2z44QDcvDw==","signatures":[{"sig":"MEYCIQCx2xz6SZ9UKTUobgFLnGOkuiDNaBUUrVWPBWK701tVEAIhAOoEK7zPwUM5nHxuqktK31hz9CIkwuTOfDjq9ZUBhdVc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiQdWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDtQ//X8vJ0Lv8iXLLVw2oSuRxqdvScuMc2POzzA8qwaPkU5FkC4pI\r\nXT9MICWLvSqrZ8wHh4z/3DWW9jmVmDO/Mzk/MMSHCt9JlWMErsy/8mjsMhV5\r\no07mhy1qBHVtgwqGyAxtLMOHUMa+IP5wKX2Q5tWiKQsX6ZdcR6cbT/CTTFmz\r\nCdUTGuZm7h5KM5GrVNcRgTpdG+bSqKX7vgFkmHtOvN0CEwp2kkk4CRvgrgiy\r\nSid7D382dL8BAF/wc7vx2dO5fPszb1mqI/9Mc5Jvg3Xy1JfKVbDnKQHX85+Z\r\nPZotaA6jzBShOUjqa1V2mFTst9kpU2/XjkObwCRFCs1JoirfCjBsNvfWDZVc\r\n+SXharZZOjHYk2tItLBzK0/TZevez7n5d3uz12ijI9Ax3Ni2vDLK3b30zTtr\r\nKQrIuX0unZSqDAKYJBszhTDHeHBrKYqu6xnJ5i27S/JfebHNi4ptTGtYTenQ\r\nUOKrXCNM54dZaclf7pV7m+KJsQ682AhwsMCEmVzPNwpPUQPdLLHiRyHlVf1l\r\nKeA8GkjuS8Z+yofbrOroa7QLb87VA4QOfw0sDka/lvWrDQeoeg8cKC2w5Act\r\nLDiN2RmGvfw09x3XJTAIcIo1EhuSztEr+kR04Q1dGB529+qLpYE/0uRTgGhF\r\nJqtjdX2W6Xvrxvcikymtkqx+VfViyR3xBd4=\r\n=omxJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"47b0f3c1d446ec73146609bda3c2b19b367e9980","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022421153722"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022421153722"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022421153722"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022421153722_1653147477991_0.2538872201322333","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242121518":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202242121518","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202242121518","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"18c5b6b9afda54515709dd4d585b5cf595c729b9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202242121518.tgz","fileCount":17,"integrity":"sha512-4Z5aW81t+RfGE7/20HVtEwxXMhOpN2yYXAoAaNqygD3jzVMGuJx5HkXWpsG5UffO/wSsoqAUsHRpKgACRTkrTA==","signatures":[{"sig":"MEYCIQDuMRJvNt1No4n///Q1qfrHD31YEIEBAUdYYOgm2EbonQIhAPycQpfKYhNarjN4KqzlbiKYA7Y6cHOasFM4vAY01Dsm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiVQwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+8g//cTqtQ/01DKFXbG/RyjdIsj1MIhcA0QTeVbXY6M8BdQ0c3MQ3\r\niJ8uj+YNkcf+O8HeHDxqaU+cpY7C2JUqQy+Y/P59U83DzdMytKYqojSz6b7U\r\ndQIIr3rETN9PMveBDvrOjKV2+4hr2p8ZEppHaVYFyjdEWntK+d6JDzyI0hLQ\r\nm5EtC+/ME7iKQ42ABDwhZy2XvhS9mKq9H6vZXqyc3sBTbhXH6S2bgma8yoRu\r\nUJOHQPdKPzDMEbe5stUsN2u7v6ROym+XhiH0aDSNCSS1U7Hbvj0uzrvABVrk\r\nF3gV6hHAg60DQLzAU2k8ZfSIJkB4fUE/Iid50nrKhyVq7Al1OpbCx7kvpzbK\r\nCJPHDWrhH+IC7FLbGOTjzSzW9Ux0w6kaMzNs/WtB3y8oKe2y5Cgs6tzIgbEp\r\nHpLpVOtRZ6hWDVYYTpERc4dRAqyT0P9NW8tfyWMkm1Yza4f3oH9GQeHUNMw6\r\nP9FWx1xzxDHOPnAF9R49OdlE7o8R69xelZAse5WlRHyGDpCWQBIBF3ESFVcB\r\nJzKLeYWjJv0lmHfoPLvj1A+EcE22N4E/opySk0CRfcMRNElHc4l03cXCPRTd\r\nOpPi4q+FfQuDYth0ABlrE3Izo/n21bMY9zMgeXcuEx2i14w6mac3RMkbZP5E\r\nN3CL4X2yY+ZRM5gkI+ZJMHciKOPtounv63I=\r\n=ZjmJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7150626f047f6cd0f559acf8fb679e29eaf7247a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202242121518"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202242121518"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202242121518"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202242121518_1653167152780_0.8863826470605694","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224239149":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20224239149","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20224239149","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"68d15a9e535aa17dd831acd72c5db1b595a4fcc0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20224239149.tgz","fileCount":17,"integrity":"sha512-KomfBbD3zFbEiUdolifDOVc/xSWvGgI9CoTH1mgODD57ZD+48Qd1BrP24Mn50AVhrFMicCQeLQ1T/Dhjs8YeuA==","signatures":[{"sig":"MEUCIDKvig7NJhgX9VHUz4Qg+yQGjiRuAw0O6m7obACzbE8wAiEAvVZFrWomROZgE3zoaF9prTaehrV7KiU4CYpyILM7oXk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82385,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii02hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr63xAAhBOKST70ty/hkyVQylB362IQ415rZKItCiVA2Vrz9Y+mfic/\r\nKnWKtKWsIx3VRfwKHHQGmObScdWNbBXstf5Fg7PvdTBItQ5g086JnZ9a61oZ\r\ng7RKRGVe+OJvJjXOcKFlhtSqu+H04DdYfNRsWORxO6RvBMpBfU3u67eY/3CY\r\n+Gf1JhO61VBWWuw5NiJEAkgHneI/ThP6LH5hLiqiQWTsIOzwg9LTwypm9zh7\r\nfpGwl3gaSa918VyvwjPuRmVfbBfgX/ffUaWKtfvRczuZikbjDI9tblruNb7d\r\n2ed9ubg0/wblia99vI1EOLcsIuXPasvpEytZA1aVj1YOWDlWqWBZpB4aI5RJ\r\n/Phua5ffQk+iIlfYyr5xb436S3FlSVlPKGhPlko67UEjTXylirR32h+AitP9\r\ndP5K1+fiG17NGBnL5n9pK+Mz5GpVjYXv06e5rPuShTxBwbkpRK0HkdxGK7ZR\r\nFOFGIQWyeN4qLATO/hdBHbVpaGl7vBVcTG2vdsW/Q2Rkf6cOMWa7VX0NkIDS\r\nQh0abj3d6iT/QCXCqqn0oOdIBFwI8sLraEtyRGGJofR1jrmughJh79kwGVS7\r\nTusd09x2tZoIxOkyldo/KIofQKaD9yrDHzyPvHCSXxCdPu2bhdrA6pRLTDcx\r\nVoBE62G+xpbPojBhWoBfOZ4VONlbt53tTgo=\r\n=Bo8A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"618037ec72af18957a3ca3de300049b784ae7304","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"3.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-20224239149"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224239149"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224239149"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20224239149_1653296544952_0.9863847057910471","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423113827":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022423113827","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022423113827","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5f37faf71264ce7db7916ea084ae0a2084a2c2fa","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022423113827.tgz","fileCount":17,"integrity":"sha512-53Z9ND1shr9J0lH8YG42fI/QU21dIkshGQs90Uu5d583ANvgauGJAPeOVvX1ykrDv2PjerTgtPYiJzy8UUH2rg==","signatures":[{"sig":"MEUCIQDbtuURDUFclwn0IUjBJIlVW0C/oo3e/7p3r5PAIZylEwIgT35UJqWnAVlI93sDkcnlprS36tjl9UHhtBADb5V4SwQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3JOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZrw/+IiEfNBHpe9JxyEkGfU05ezXt1kQ8ZWas3OGGp1aqM4Em9ji2\r\nkJ2QoiFLuwNO+xPolBEhLbMfURHEZ+7K62yup5W5YNOd+EFb8XkGGd7pAYqW\r\nopX6f7M9e+16fZvoZ75sropNRO+aIj5xH0h396Mu1bEQLdK8Ud7shI2JAMHT\r\n+T7XSQu8JPvVziGFJny3U7V1oz5XP7hyEL6RWWavKUydXDc7u4uycwu8qyE8\r\nofID1pryviH6MF5ihH8JtcDiEk6LLGwghd8POk7ibolrjBB8ZyLISiTw/yFv\r\nE3tJcb6XMI4suIPlTTf/Rysdu20TA+z9UR3xYPyFD80oek6GTVUsFEtvnfyz\r\ne7KSIwLPt1Pj0Cf9LCD9R21uZChgrHsLrd2JycUSWXDNT3U30O3/wHfswiMI\r\nRmhx1q2mVwWgon0kpPUXb3L2B8tPbTI0bYRtcBOZCLq74EQ4dvQQ9ZC3rQQz\r\nwfWwGDfkqoWtHnFEamxmdQOKFpuaum2HJfmhlBVjAN3jKNrO96Gi3lLoGpps\r\nkpUBFQQ0BSaFYKMp5MPtAyK6pDmoqJpUL4EW5CGXkciqpUihQ3dD5DwoktKB\r\ne/pa3N4PtML9wIvqIdKg4qNwcH3x63Y4SSpYuNupuKGVREJI/iRUXbG3k/d2\r\n2YTTaOD5fX9CL/LB/83eeIqk9U7vzJr+Ni0=\r\n=TK//\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1026770a2b96b51a1a35f56c97fcbc42abbfb4d4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/popper":"0.0.0-dev-2022423113827","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022423113827"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022423113827"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022423113827"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022423113827_1653305934417_0.18300168142997508","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022423121532","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022423121532","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"18d1f4ad334380af94ddc87caf848dda2b21621b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022423121532.tgz","fileCount":17,"integrity":"sha512-B/KrOLB+iY3+Uc10V7qx1Jc51v1IVLruaWpuCCCt0EUN2Mq2aRkb9dxadJq6U22adeMATxWduESyGhBPBMF0rQ==","signatures":[{"sig":"MEQCIDHWBJh952xLsbZrVWA4eHvDeIfc0gzCsa6iHtsxDviNAiA62FlFfoA8hfYrLOxiSA7i5XZChrwomQr3amndC7BwKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82662,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD7Q/9GtK2aC1p10VbwckpZuu7ZrKg9nz9l30X/5k6yMsEsaQ8aurh\r\nssqUF8uKZAmNCuw4mLWgEwe1cDLMz9x10lgsWN5yMuuGVUIUdgPDHqBhlKUZ\r\nf/vx1K2bv8WwOMt/xps1lPLwmIx5ZKDsurHVkFtyAzkB8q7LZqK82X/LqDRO\r\nWNx1hWImfOAwf0sklKch41kCBsvwUj7KM6W4jXr3oYlDpzjFzn59Xw/kBHb7\r\n5G/hT5BoKGHjFv2vc/JSUAK6MlzdCyd9n9JM56C2ex3e5S2XfJ5gZKVZlsqk\r\nAZiAzrFeA4wHg7iDdreEpN62rLtzRGHCZC1SxkkuVWu0XHbBvAcqJ1cryXBf\r\nQWmEGiDVumAUf3d6QKddOIoJTpKMrf1zQRPbWZ98YX1ED0vrs6cll4lkHs/H\r\nvZ/r5RIBTnaTEmcy6LRAVE51zu3dESbv9wPG/TadNBzvQk267kbJBc3dk+ll\r\nZPY/5ABQrQ/daxh89wFeOpekT8s4qLbxNpaUGRM/4nvtsUMNbxS6EFVRWTpx\r\nSEeLB7noAMXtfNVxlKYotcwdCRMtISk7bqCALUGpVxG4i04agYh10A7cby8w\r\n2h/IiV/tkmsdwImi5Eq1KKr8O3uEXvTsk6VkFfiSYmnB6rnLubDrnxDmvwYb\r\n71C+qW9XdGpr5PpwaJzs7kPVbIy8rGPkSwc=\r\n=21jS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"35b4565b04f75dc5d3874846b65260be849d08ae","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121532","@chakra-ui/utils":"0.0.0-dev-2022423121532","@chakra-ui/popper":"0.0.0-dev-2022423121532","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022423121532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022423121532"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022423121532"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022423121532_1653308169441_0.13249704355373693","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022423121615","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022423121615","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b3ae8682d14a67417f946b3e947b71631a66167b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022423121615.tgz","fileCount":17,"integrity":"sha512-x0K+K/dq9iLUWfdwrPpXvUkufW7e9oefz4Qww5P49UFuvz0VMEgy5ctwfMEcUnN7UBt+LRVKNplAZJSahfOeFA==","signatures":[{"sig":"MEYCIQCmXp7TQr4mNGkECZ1IFITk8XXb1T8cT39pziFOEENwZwIhAODLzuMyrSZNc5NwGUMqmz2gMjx5FKIdAbggS8imq4BZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82662,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3s0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoT7w/8Cu6yTIa4Fo3rQCwqAWA85ndaBRVFIa8gWoPK3YIk1pY5E1tN\r\nG/+SzUD6EN9yRYNBd1aL/lqgYIKapnaif/uexJ4JAV994RiZ1gzOxYKyvYdV\r\nwFcX0SP7kNjy9zBB+8hkYOvlzK4EXaxFw//txIIGarG3nQZz8KgiJ58advT1\r\n5V1N2/4EcZb8+5MlqF4cYl54pZjx47bScB+wGcgHfub3AYFLeSn9Ck+Gc31+\r\nLDuvu2eNjpJ/51RkhuMXzUak+Yv8CqtGMdSMyQrpREzi+ZF0jMTlCvuoNtSO\r\nuxC7nBJBTlmDfVpDsUooABWJk0BFFQBD8wqj7xcveeHt/iCAJ/Favmw+r0ip\r\nx+lxsYu66h4K0V2p8WFSPOVnMD0Nqz2KUaJmMev93OR0ks+Cqomcpeq6GoUh\r\nvCpL8KjCvWxcfUmPTDNtDvf8XfpwSHIJxowUtmP9QHduvoS9nH/yzyw8nqWJ\r\nJNvDytmudPOB3rXxlaDImYUQ3nI1nTgTPmC4xH+uFAxKSiP4B5Hx4HQj8UF4\r\nq5bru5hfv84l6F4UJ61laEJqfD1zq6mnOfHIyj9pFZx/RFzHNQpen3xGJ9Fi\r\n3JLzMvXd+oGY7cq/jXRdXUvfbJd8/BDjDXUU9CjJeRMOu8MZlegC3MNveYRc\r\nXcYOKoOLL5yVr8QapbBkoXTQIilTSnpYL+0=\r\n=5Dt2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"38452854419b6a8f651d073c02c89fd9e4520158","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121615","@chakra-ui/utils":"0.0.0-dev-2022423121615","@chakra-ui/popper":"0.0.0-dev-2022423121615","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022423121615"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022423121615"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022423121615"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022423121615_1653308212062_0.9417150560422418","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20224248246","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20224248246","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"54fdb75afe29c51924fd05ef152bd9cd86c44904","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20224248246.tgz","fileCount":17,"integrity":"sha512-jzHDpGEp6dKP8NTsuFOgKl+/Yrx8Qs07BQvXQzK1Gj/LxWbs4HKsko3RYD2D6Dnc8NdEB3uDIN/32BmIxlyACQ==","signatures":[{"sig":"MEUCIHeZaeLqUNKTDzO0tqGGHVYq+aNflUIjLt5n8b6CRhWJAiEAjIFloZOqRXw22ivLQYOYke/JdhF3O7Mz9wspQhmD7dQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRcw//SQo2fm+aHT4k2eV4dGFycDeN7jLDRJSKdczRu/mpEWyL+g+l\r\nvOEBm2g7ohG3FHJTqxO/mLhrsdi6Kc1ivhjB+1jkewvFXHVV0nuF6eFtllRN\r\n2nt/SbyUPlVOhfEeYAijzB88D8eKw0yHp990nN3ATNhnb480L9iUafVZSj/s\r\nk+T6kicyqe7yvIXuPIUaFcu+c1J3ZawYFkmOgdbka4ZhJufoQ+rzaR4QoUSj\r\ncTGYVSeX8KZTBVf8VcB2fZjfpUcPBN50VUFkcjoHxKeMJ16tbkvC2r+2mzdQ\r\nvtPYA2vZGMS6Cl02nTEBq+V+fNHwOvtpxKInmulz5ibE19Lwm2MNiuPzixlT\r\nWfJ8evo9r0/n+IO2QlmPIOu2BUPcTymJDKLYxp5y3qnRMq0zfp/PwZuRek9i\r\nUU0DiS0r7NlfR4mxZ+YLj62bM2G3sP6JTuA1fbX5Ax9TTwHWHLL5G5gDG+HV\r\nEzLRMQAp69E+TFlQ0p90x4xvpq5Z5Z80HcB7EGl49zPMKAwhbLpjQuy1Qsf7\r\nggh6ApXXYTSQvZ8nYlxtfCp6wW825lHN7umE6wfSDKYCIIgNJ07jUE4O0oVw\r\ngRkkzEPt5bjDRqphlVgREYFXx/0mSg2Z0rEJ08lL29V+FwIs0omSpZHCQLC4\r\nylMu1KR6iSc0cwLuJ4sZJF5pMFV35Dk6NKI=\r\n=9I8z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6f1921d44b496e518b2691cbd62cc45a6135d1f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248246","@chakra-ui/utils":"0.0.0-dev-20224248246","@chakra-ui/popper":"0.0.0-dev-20224248246","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-20224248246"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224248246"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224248246"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20224248246_1653379402548_0.014970022897007329","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20224248516","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20224248516","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9cc049eb3f305569c7e8c5d7717f1e4aa01f9a79","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20224248516.tgz","fileCount":17,"integrity":"sha512-kG9MspzqpXWamGiGhQif4IIzVWUDOxb7S6MfYLQyzYJZVJbW3G6WuwL+Lwm/zopIc/Pu1rCDSyCrKBdNLl6Dmw==","signatures":[{"sig":"MEUCIAHZbHTtj6p5QBNKfBRNdRV2iWor0zu1FGwndv3oyP4gAiEAu4dHIXyuEC3Dz2PdWHbDVrnGRiyDlq+CIeJfBdw2Kk8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnlRAAkFKrXy25OxPCS5s5MxxAtNvuhRCN0HXcVrplZ255ZwaMgQI1\r\ntMZv5Z7RtsXHxBMV9eitmqf5my8ciB+TewTvc3JP0F3rIzDns2EhsrXRLXn8\r\nmB6cECQxGXgSD3tcYtABqMmsWlvjKe36Mmq7E3PcCqZrz/amubjZyddBCHDA\r\nnSUi3SnbCluBB6dWNkog6IcX/yvwQFHFuHaHX+zk9IX17d5Ijdh1t6xlUi+P\r\n9Uv/+N++/h2I4PduFRnScql9AKcfQvUTaZK6uVflDztVVk78xca60GR78sSF\r\nZvkj0qxbY5TlZ2KJeZtFnh1S1Oe7Dih4eReesgOHR4KMx/xf530YweMJq4P6\r\nCCDsgopG8AgstoOTzvYr2Rzzd/2OhrCTTxQnTW6gVnYBsSQLZGS0amOoSzOk\r\nKoriqhWt9qBuL5WJ+1gQ66/E2i901cUkRWSYPcT30XlK5ny1leEY1mWDi+e1\r\nkvMIvmW4ZMa1D6nf1aE0Cl2AOOyqDFoTJ7RrQsSHOL9/Djd3uGVXrwsVjMPY\r\nwjzhXyQpV58mxzat2KbsAJFcIhtKHOd6UUFZ+W2cigyfPSv3vvsw4+eBmkfi\r\n5fFfhKYTYgSZs7cxCejBsqoXyilkYtyXjXfKgNFMzRWiDZHBp1bc2wxnXruH\r\nmLH94Xsz6bEoXU9Ic3SetMd6+NLa2V0DymQ=\r\n=Tlnx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f5839d1015edc4f3525bc74ab2cf5d9044139fde","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248516","@chakra-ui/utils":"0.0.0-dev-20224248516","@chakra-ui/popper":"0.0.0-dev-20224248516","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-20224248516"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224248516"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224248516"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20224248516_1653379550994_0.9227336821935828","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202242481651","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202242481651","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a2947694acbb8e55df06b7b91e2e014b165d113b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202242481651.tgz","fileCount":17,"integrity":"sha512-wCnnYdM0H5Qtk0lpyV9G1NE2HlL+q9oOYdFxMB0gXVBRxbjrUSS8x9hMppQ/HmI7mgiQZgTxLt5Cs3/80GvGtA==","signatures":[{"sig":"MEUCIQCaEFn6WWLw4EjBFDRO295bmkd4cm3+6vMDfmoYns43ngIgPFbcQSjfyq3xDBYWFfCQTVOcw65tM/FmDYgioXmClaQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJSYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpt5w//b12dwhfufjOhAOnTfGZsMj0Wb1IzzSNN0U0RcgrWAfNmDIbY\r\nPrM6he+Q8LMAsXnb7XM/zkb52dUarDc9gvNkcPKMXnKVOtpIT2yRGQRst1E3\r\nTDwQPg27p307LdG5QLWs6uCWgPBFMBFHBwonTLFgxrCNzJt1KWe2PA7dRqfH\r\nr/MBX3tXvd+ivEG/Vu5U+yxWBYCG2DBGxSfq7q5or/2Et97Dx6I9eAJKQZgX\r\nyN+brJ9grmLDQG5IeHwIzBgHQyb8CnObXCGo2eaEEW4IMwGgJQeDpOQ8+DgK\r\nDhxT4GfcIaEzJl9o8gfYw8van1uZvcmhDH40dk3n2UYCzUJ0YjBJF5kH1Ne1\r\nCbvFi7GbNTYB15P52/9ZkRHmVGinIXBTar8ntfK1MztYglYS4asnTVI7GEVK\r\nPvzqqNuv34U7Qbv0aoxeYf1eMlrHy5MQJG81a5UAr+lLiTLlu3yrZmwT/oLa\r\n4BQhxlgqWE6BznmRBPTQbHF91K+ARPUnWY04zT2zV6rvgTTfvmvtfembgn0D\r\ncxd61AO43DxlvDllsKJGYUCn7hWAvrCMemqvB/cmV9f7Xnksb10/UtQEAbLa\r\niSRrCCbvhSyQG4etQDIKFT+OV4fDEilX1eXrGRGlGgvyT7zTenXV5Wbplcbz\r\n3g1d4nWjGnI77oQlCdMZMovYbzFgryXh7HY=\r\n=W1vZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e8cce77b27714277db576b45d03d2570d590ab8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202242481651","@chakra-ui/utils":"0.0.0-dev-202242481651","@chakra-ui/popper":"0.0.0-dev-202242481651","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202242481651"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202242481651"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202242481651"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202242481651_1653380248187_0.8851954875111432","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/popover","version":"2.0.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"26bc9ab5daf4491e3274a38bc8ae5a999f48623e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.1.tgz","fileCount":17,"integrity":"sha512-RL14IqclGVW9/DGve/LEY0kDULnQ+X4V93VmYAaaQpTWEjhKWehp01I+OJn76BQ0i4Lhy7b+XUMPaqkXsk3mAw==","signatures":[{"sig":"MEUCIQDtIfaAhipZHtau/9bJXZKBIHtGyqKhFaY+5mSt5UwQ6AIgP/j/EBBoKcdA9rpDYygj9BArWFRAvXkuSu1znS4bw1I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBGxAAnMQfrreI6mB55oydsAITr4Ui1W2i+z2rnPHPcG2AjZEH7Arj\r\nYEadtR+bCjacYL2t/Svc71j7cWEsri+tyw4d+9aMVGIWjIruAv8SGfSQ+XN1\r\n/z1smPsf7WL+iI8uUAafiVy8ftN58zzlakHqQBxPehH14TJYmpS6ZxkGuUFX\r\ng9t2L9F6Ed3xIF2Uc/lVRP3+1pgS/MHkA/DR2Hg+IzktsKXvcJvvLpbjrx0P\r\ndgpnRP/0nqsGrCFu/WS9EQ2ypIy779bF9u2mA0On7GL8yR7/tX0YoquC2Eu5\r\nca1PQnCAVQNKbECtasDMWYFJcbsRh7Ld1YlzO+y5Zq2vxmOd8OhpFHyiH1Hd\r\noUY2x0cZdUQLJNYzhLZ+tmYwinxojK2KI+cHZDJbgbFxG9k3CYk+SNlgCJQz\r\n2T+SgrAXBVUFxDm0Iv1LULjnAgHfGS6liEPXnj7wZesDed2R9Sbed0dAARY5\r\n0SC7mDSAdrWmhCCoBuOYU0Mu9xFqDtuY452FzwWjNk/5dbIVNz/NODMRXusr\r\ngNQPVi1qRT2cPgFEJNhxhuim2llWDk0VSWKQVevMPxMGrCeM7BPW36o8fiRR\r\nYqmp9OfkEsZZz8WJsXFi4AqRnIDWKBCGklNZUUI57w5JyGiyB+2xlTMf/xzh\r\nuDwHAOYpqJyuXeVth8NSGCy3K60IvguGBms=\r\n=w7PL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"6375f5227d4482ad6d23852454a3792ba1cfc262","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.1.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.1_1653395297284_0.6986092506432631","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255105723":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202255105723","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202255105723","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"10a578910eb6a77ae9e138dfb29f2d46be5c250e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202255105723.tgz","fileCount":17,"integrity":"sha512-aHqZGLMdTWymhxlTXl00wo9hssNj1f3Gsno6eVYSK/TptcJwYKjATvLcsb8R9XlsJl6PjxH0PYFe8B/eEHtrIg==","signatures":[{"sig":"MEYCIQCDOcAhQC5dWzNtSAjqxtxOlSM+TSoirsTBzVttFuBiDQIhAMPgA2IAlJuRToGdvHJ5W0SP5/trPb6vAQvb5FoE2KmT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinIw6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQoQ/9EpWZSXOzBRwBs+pf6L157Rjto0ujEaxuIuQxjcAOw25dfVT9\r\nuSUBMOw1DYJQDUG5uplL4rTg/92C3qi+ZpTpFiQcxmC0fLgqDUO4Euzhui8l\r\njehD9RnJ4ySwkkUWzcmE5Mx4o3l8wEzuF7AfXdcWUjCEIX2jBKE3XYko/y6Y\r\nenmNSh+v41PgUXScB49MP/3rPvF9X8U15ynHukov5AiQqBB/o0ohO8hTmQah\r\nvwcnJrajtBUU2cyIW8xxjUbNighqzGp/B0PPa4qI3Udi+G7VeJ6B/qy/jVv3\r\ntfntQ98yAjoEpntkD+FgcfiRHyH0lpGgM+qv/i1cXg022XPmENLd2vQeg2ez\r\n6Jq+WKUL6Reh8Cqoc0T1QsbdB99jj0RyhJfFWJf+XBY3e5N8Wpg7DgXlQM0b\r\nzP6DeNoFtlA+KKjX8lHxr6g+Cu9lYRxXQQo44Y91TYT8Ff5fIoedqa/i/NCK\r\n8NthqEWe2nUxYT+taM7s+5ZarMJdpjSLHoVGT4e0e9NoIeiVpVIvdUZ38ywU\r\nXYe6yorq7tDnO2bIuETAdNakhRquYJNzs+kGNwGdkaA4WtbZbGk/PIMoYJU+\r\nmubsij7MPPv6S6n4v4XooXgEJax7Xy1ppvpVlgN5O1XgsBoteF32VO1lGj5G\r\nhKfaKMWM3dTQAvbVMrNnUZ0O8+/oZ84LcYg=\r\n=QKm+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7746c3c6c82803e7063bb3ba62d4d1f35183102e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202255105723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202255105723"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202255105723"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202255105723_1654426682301_0.6304691755028893","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225517307":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20225517307","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20225517307","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bd2ed95a0539fdb6b11deb73cb67956609d8a5a1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20225517307.tgz","fileCount":17,"integrity":"sha512-1nFWmmehDeLW8I7HKqd6jNwbrjDGfDTjSolqRKHMcicyd66qcK6o7RD6ou83S46SHehmVjzyZLj3ftz84CIKTg==","signatures":[{"sig":"MEQCIAppmtokIIuJVq1Zry5lzAKlJwa+b0KLcCjxwSIT/M95AiBhM1jWKp+1l+hVhsqTXK6KFHIkQlx11KuTsHHFLzyVFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOhLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrerA//d9OHxWvMcb4/t2JfxoBOhC23jAlVbNqh3R6IwigyR5f8w2hl\r\nX4hz5T8lIDUQ2XJjh5xWyhrDFgt1q6Qm72iiLTrNHXXBdcSkPWDxwH7QnG6I\r\nWFRI8DFnUOKPUBCoPjqHwZ5k7FhV4UL2/8sCVPOidQw32Yqcx0Q5Jg4LO2hh\r\nwygItBbAOVwdOM7E+i1V3tfTwf+prf+6dcnqvQEkcu1JHbZ+do98nKHIoSlL\r\nsRRuSVfdAe0+dRdLyvLjLIQT5K2ieUJh1+wC2tNXrLtIUXefH05IfSo5jTU+\r\nFMjSEd4mB8bgD9GFmcWkmrFmWwMhEXotZybQBejW34N0T6Yuz9YWdVyhy4+O\r\neXz6MAUkxnbFzzW0Y+djq1y4qxp7Yyw4WH5oYCW1inaP6z03DDTCBFpudj1U\r\nBcDa/3PWc89lJL/GFP7FhoPFyYOQB2XyKRdMtpo0w3ApV7FHGT+1bYx2Mb/Z\r\n4j/T1DeP+meNiqIi1tmB/zXsgxeoC7aezho05ZXyJ3E9ABescgOfFcQXZ1+m\r\niEwQ8/RkZM8WdF7qnmPDFEdxeCsvEe9LX12v47KmifpCxYHeLGZD4JRHwMTD\r\napN3eGQci5+s1H+xviFNBdv9o0oIGUDXYwMuu+R9ssYzabr1q/tJ4xkR8fH/\r\n8rlT07DlbpgucMO40AcUw420k0IhhVXATq0=\r\n=mNRU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e0cc67ed2979e821aaf90abd8769b4ab0db4dd6f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-20225517307"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20225517307"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20225517307"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20225517307_1654450251769_0.12615898255736124","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255185818":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202255185818","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202255185818","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fb5b10700038a60f2cdb21688247be199e425848","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202255185818.tgz","fileCount":17,"integrity":"sha512-iNZ4o/u/lRHoMHuTYbB6FuMzKs64F6ZtUnyMgPV205m4+F0KqOZ7MejwyVweyPGU3XL4mP9BGFeK+YI8Q2eBNQ==","signatures":[{"sig":"MEYCIQCUpOKQNhtPw876764m7CCjMJwKj93ugKwF5+HSFPs0PAIhAIJWClzTWnUiTYN4mL75LyRFzkiEddZoLuaTMY6o2cdZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinPzqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiHA//egLfU+ICxrDeFiL/GP9PD1YU6vRlBbcKpUkfmpkViOJhqpYa\r\nyNQFzBabeAK8R0VSn7+PJmGTvFWcfMF/FI5rYJGzVZ1jsHSvn1V7iVxyWMG4\r\nZeAsvJac0umJOho3qlR4Xjy73RyUnB1241CoJjgtGax+lw0QWyAcbaF5zO5h\r\n67mIYDRxg7pjhweRDQ0weB7Ku4j8k+paxj61HUkPyu7xgw3OUb1SA/bsdQ5Q\r\nnNr1cjM944pMX947arCTy5jjIQgVQHyBMQYKrKa1LKIHEg9Va0cSscgyvvYx\r\n1p7lC1u86YNiXQUAhDg8dhIpePsk7TTwqgzFOe429XbjTJUbaAzV5qZxGXYe\r\nacGiCDT/2TNxYd56xbMLtpSumBRdtP8D25QeLw/tYGl3E8IoSZtx5BNiu7hc\r\nrN6pEZc+2tMvVRUZ359GaOcrb1rQKf55Sgp+kFvogCIp/xt5pvajLxyVTy9I\r\nAOHeVBD8OZ+wfHNbu5aexMFMMJx7YusArHDNsWkNYblkaQVGGjwdZ9HhOlQs\r\nwQSeZFAQkizPLVJj5CvWc5tf270UNKAYijLQ9wHLNz4r8jE6cFB9Zc7+YrBf\r\nGfyFK1Ss+rGOcM53gcGPT+1rI1+mzpDT1nr7B90bgi5N+Wh/qAEHC9d31cEC\r\n0/3fa711YIcQecSjYk0iw6yp/Rk2ICwNXIY=\r\n=Nvrc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3b20df926f332510f30c652bfb500c1ef477fb2d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202255185818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202255185818"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202255185818"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202255185818_1654455530002_0.728011532470533","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022551939":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022551939","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022551939","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0d2bda5b5c39342b8af20b6313c0c0c8824cd086","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022551939.tgz","fileCount":17,"integrity":"sha512-tRnYHq9JRieAxHRgMuNWnjJ4f5VBra403M2p2KhcCEQbBk2pjA48PmncltbEdDnUFj1AM6MVCWf571G7h8Q7DQ==","signatures":[{"sig":"MEQCIBP/HHs/psPrLHJ6GcK4Q45+IIULOdXAIyEWjOKEXcYLAiBjUYnBcSkSuLZO+RzIC8Rsdxe6znYBiH9ZccutUo4e2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTpA/8C/KdMtbhaxgx7WjeFrb8410CxZAdBopzR5U/VZD6iCIbAID6\r\nG6mUXcbqP1HE+cPorX5EZXlQJAU8ZvZi3+P+gh3fiCuHxgD0seTX1U9QQdpw\r\ncg66GoqDtanWKTEFubuKiPVc07qj6SsIJRthYf6owIWnHemHfe+jfPeulLtj\r\nFE06Lv7Q+stPxpbHkbL/4lWY/Yd1xC+ORbPkqFjP2jXmZpjPVQz00DBJqL/u\r\ncxl0KY4levNBGigssdsVHEaYDA/d5BoMeRNm9c8gW0XqaLML4jZQB1raPqla\r\nLIoVSnPzSGjxTkmcb2MaOM7PTamfaWubaPen5GqSD5AV/tNlwRJg73IMnBaF\r\n0kP8fzXGTLAIvvF+ZuOYCxJBOIakWAwfwjIbFajzzWy66oqWcs7JnHiqfAZG\r\nD7rWX2kZyw0vvFj/e1HmqrI98O+IFM6qvPAE7oaEeWtA6tAsAAE8lEK84V6T\r\no8PugDl2XzA3gFMoWIXCl+gB1HpYPLnLZmFEmuDf7R5TI2zccCr1LtDK1tHK\r\nQBg1oe04OjSsbKDeFRKX8XbjU2dLoH8OTHRfWZFslotitfIkPONoywAJTIDl\r\n36j0/GjluwV07DpuVyp4Fb8dGctAyEVINwPGzgH1DhFQM0pf30Xa0zcZLhQq\r\nRBlmNWc6HpM8ofoy9ry9Ay8nVtP6xfj+o1k=\r\n=szlP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"96117054388ec4078b0c58ff3a0f6f9c3c8cd5c9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-2022551939"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022551939"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022551939"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022551939_1654455820800_0.9587980988039164","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256151938":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202256151938","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202256151938","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"496fb4757a6a27679e7ee2b7a2c1b8495ffec2d3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202256151938.tgz","fileCount":17,"integrity":"sha512-BC8tBogTyFkOaX/0LQhJhoSxwbHyw8Oo3BvsRNmWTsg6LUWl/W3jsYaE1HuvOEBAi+ExGpwV6M+ZPYmut4Xlww==","signatures":[{"sig":"MEUCIQChIphinzSaf1eOUNN0Nw+aS81w9w/05CSBmrMTRMk+2wIgLLyM5pnbtQYZv7F75KWs1QvuYo2CDz9epTwVTaKw5bg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinhsrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSXg//Ul3psiSI8/y3NWRlipPaQYBrnsda2sbSSD3xMoFkth5spF/M\r\nqkRO482n8hQCg4tFvfV98Ezb4lWeT/ok94yhHFxV4hTJEgMD0MIHlRZET8pk\r\n27+KhJnP/sXvwHEwI3btv16XC5ZAmDsDujkbNdzwGalYHmN7O8IOJDLxnXlC\r\n7DIfthlDJGzNiPAZj3yDUSVmbiHsYOruSEp+6Kcy4PfjzbPJHSynWOb0gdGp\r\nghGUYFNDm2pwmhLnqLXXk5xGOsNPbU+TgEr2XXASQScX3Vrn0VhKrfQnn4FP\r\nnsZJvPhaE3gNxVhP1zgRH5iwXMPrdGzIuG4Y72N8s7EsLEtycsnNZ0+RWrZR\r\nVKAl4RMtuf7Q60UVjfcNRTfMlBLZ3lhQcwFtGUcN4pl3TsB4pO0Il17jeiM0\r\n6JckiqYBAeG5w6kLIMe4o2COesztHkTj8ubQ9giXnrTcTcuMA8QV4eDnZ4vp\r\nqjOjK6GBPaS5k+zK0xwztn6xWXCKhmwnyjgTWnDjQ9FcTZpv+XVaV9u+1SoM\r\ntPUyFWVq7O1GBZCkADTW4OWETjBEd4xOwhwPabI5HjBhQiHxcNJGBDbNF5nV\r\n0A7xZysjI5dfDafsEu1iSgjOBnAr6rE5aaZwIu46IkQQPjMojx38iljLBDSH\r\n0R/GB/SbxSOjr96uONSdVAbEiWm1+8nrnWo=\r\n=H0fB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"97a993c2926bc98c0441f899ee608f268a64992e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202256151938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202256151938"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202256151938"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202256151938_1654528811083_0.42198226355121293","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256153840":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202256153840","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202256153840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f7406891661c293ae45739dab45e650d1e8b0c16","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202256153840.tgz","fileCount":17,"integrity":"sha512-KkPciGFZQPqyHv4njzSADXcdAahqYILmria5GljinaYNamp+fgqASyuDjjYZOb9qV2uIc15FYuaTMwNZWI7+SQ==","signatures":[{"sig":"MEYCIQD2dXaC9nLGlLxVfVFPcgQU/0izlPsR+/nYBPzl/Z5A0gIhAPGhsC84zZsjm+fCBSvMwERlX5BX901UHto1zVHZ2/98","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinh+2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoytw/9F3tBBzR3X6WZgepWbu+FDCnD6inYjzNMvT0Wf8s+VOyonSXC\r\nEOZEBcrA/Rgu9olT2qQcP5/cN/LmD8xyvkvEgc4pG51Qr+3Uc7nrNMhmlCBA\r\n77RrbNQOFhjeDeZECC8W8gJLbZIM37qL2fcVOAQ/H+IVeX5HdiyVBhXlAwGW\r\n/njr2QlpbQBtjF3RDhDzNSOpF8pAfamcfHorh4LiLgR+fZ3UoZbAEsj7AKoz\r\nqGbIQORDii0XWRkFuQpe49jSflwD8xzqjUq74BJK2Ua1lnNcjbvvaysim0WG\r\nVHEuNu8+yJi/nmfWRhyPTrySEaikWuu7pDEkmN0cueDwkAZXi4JVGY6D+/Uj\r\nl1IuJGjJEJqv8pNjAZjzTOMTEmQ6Oj7sJr+CFij0s/HKgnNFXjThZiXPFywz\r\nMQVjJFDdA7+9FU0IzgNvtYhJ0GEFAvHx+N7ph86Fq+yWJC1quL4rkcQdOZt+\r\ntzky6jmlzZJbgwxvg2YqDRSQangl5gMYseiGKPvDw3f740qwvrtT/hCsWk6g\r\nvLRWqPPBscmRgQtjGvDMBbhixkMHTNeLbdgp0qcx3ifSNoFRrT1fdiefRtCX\r\ncccySgLFHgw5JxPOQIMp1PnwwnNkM64UWLAuo0FCahihhFTeBH9HL7bRMtzX\r\naLF182ossETUu3Cf0iFpT6/TWYgsriiv8WA=\r\n=VBDV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"052333186c6666825937a47baa51cf3e5dd6ecd3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-202256153840"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202256153840"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202256153840"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202256153840_1654529974127_0.21813281117958971","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225619634":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20225619634","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20225619634","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d97713c66379f69b8af7a5a8252da947cc3f5ea0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20225619634.tgz","fileCount":17,"integrity":"sha512-VWGiitIdAZmMKrNVtMjDrgxpG4ziY/a/VnSXW/fYkTwnjTCTztDoPntB9Ga3JN4q8slANee5s5A4vt4x9UJiTA==","signatures":[{"sig":"MEQCIHzALN54uQL4glDxudWJkBRLMjU+Ss2EZoV6g4Te3qCJAiBWElB4hV0/3v7GjeBYmDpVlDv+ane9vEouuti2mXLy+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlBbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsAhAAmBaAQY5hBTkGPRE59qCivdZ17GA9thiPqcgd8x7IFm3yg4uZ\r\nSvldI2HRh0qsceKvCpe0PDyCsNFZ8wgV96evi6QsINW7pzClMxP5YG5dHE3Y\r\n8d7TX3PxmPhLWVo1DcsAFCFO4OV5YBSkg1qG7dWd/Zhd1SJRtUey5WBoJuaB\r\n0rUzJ+t8Zu3CxoUo7sMNLiwKm2RdE5tvOsG1tSXYqJMSRUVTMlCDLcoZ4OMj\r\nxrG74+GxbUpaTp+QCVk3GDLxwE5scmNgbAWfTQkuv5xqYwwtOknGjaAq8seR\r\ntfbmLx1IXSa75tCxewXSPce5djSEuyhdjEU58GqnXLPI0cKWkRHw3YiVUmCR\r\nz1bWv0yjfOf9CpHseMpUNDNcucWTkN//7yAZ0F171BkMcHXsmEV6p7rUG3/t\r\nMRuNKChKyLhag7PKYfewPCFwqLjEfOAEifc6EGzHcSt5/BCVF0exfQEI2ir0\r\nav6TUpSrZVdyf+LCvwfmF9GfF/jgSOR85EAvEbWpjtPW1awdb09kMBdLSlhq\r\ns3N3qG2xPkz41b8NXFI1uPInZtYLScUSQwOXxuf8Xn/YiQg6Mq85lBXiEhrx\r\nxFmh7Pot4iGoJZ5t0qml/ziNcT7isIB8XellMLHtcKK0pAps3QTd7GPWYSRf\r\n8zyDxNmPzzW9meNn4sDHvJsVtfON347o0AI=\r\n=rz8B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"c1b818223f71711abb835bababcadaf0904f3bf1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/popper":"3.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/close-button":"0.0.0-dev-20225619634"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20225619634"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20225619634"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20225619634_1654542427441_0.8507972020611569","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202256192154","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202256192154","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9304a354189328fd2b8f59676d4e63e0c307a5f1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202256192154.tgz","fileCount":17,"integrity":"sha512-KaUqlo02+9roCUYLCFsUoYGEUewXhoT/LTzfqMn4dFh3XgFenFFWPTFsTvjsB+YSWIAgui7RK84wOZkcQxT9bQ==","signatures":[{"sig":"MEUCIB1PErWpC5eEgNxQVtDlmvcxrMYzBwtIP/BF8LxBCn/SAiEAwmtaxTtl0pvszd3se5qYEiWq2SfR9HvpxGeBYnU8Rog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlP7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo14w/+PSLt0Iwsa5jR1C89/i/xpWS9FhaGyOiVsPtggUENRqJZ9ers\r\nrdCM47kJ3LZIAvNs2RB5lxuAmdMhwQEQqqgIHMB37aQbBPOqRcJNphO8MMUR\r\naDgVo/b4GCRxKq4ETTL5odoj05juoUclcLMKwnBaIm64FQgyM0MQFgQd4F0d\r\nRkLAc7xq1rYF2tudrwlD2HK0PNRbA5M/ml6fbDPPNztYkwTIxpuDISpNOpFc\r\nQRy2IQsjWnW7dSU2YDNRSETyORRXLyhgsbX9xWiQ2V7lLnDiDrbIC1rkX5LT\r\n+sAorcgO1LEHtjenKykDll59kQdeC89q6/7OkYl53p50Ciooadedo4pg1nPB\r\nj2X43fcPdmOq4eiwSoy9a/pE0oUNNoXxqc5LCKfqHGzOm/aHb6t4GpshQxdG\r\nlFGehCIUK3CSKVrVSZgBm/LgDwPTMulTF4vw4DfUyfCf38zPmoGMnzLOh46E\r\nD0vbMxlQGvdhUjZVzpgTYJtpTDBYIGprBOvKudnmZM0C+SzBSXIJlMfv07Zs\r\nW3C5Ld1R4Vm10hkAPhWJ4bTZ8CkFdOaYTt89SzZ1yPsWbXMhPuC7bnv0hWc/\r\nzEcfioM8nZW8AyA5pB72jNnTxMYYAG2NnQ5nO4G3zXjM6eI6fGaohWz8xQFM\r\na3ZcFuXLDgTfuIJEjezA/N34bda6D9WX3BY=\r\n=+Pvq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"06f29f8cdbb10ff1da523e0d0e958b9990d041e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202256192154","@chakra-ui/utils":"0.0.0-dev-202256192154","@chakra-ui/popper":"0.0.0-dev-202256192154","@chakra-ui/react-utils":"0.0.0-dev-202256192154","@chakra-ui/close-button":"0.0.0-dev-202256192154"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202256192154"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202256192154"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202256192154_1654543355071_0.09601030687653678","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/popover","version":"2.0.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"14265da8007352497b914e3d9338e9333bb8927c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.2.tgz","fileCount":17,"integrity":"sha512-i9Tsx+gpN470V7eLPng+lVK25DfUdQ44OAzWMUavIiutCtVJknZEPYbSr72JnT4NHBnr7b8rqUBEYq9+36LmlQ==","signatures":[{"sig":"MEQCIG5aN8WJ4vHAA83tmh7V0IX5QsxwYTw9Beez1GYujWmmAiAdCHvq9cHHd+Bbsv+whCGmZqbPbsr+90xSsLbFK38WaQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmZ+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYjw//bfmLkzUYVBdjHPqKEIm/1AClnjs3FT4IVanz6mEUfk98eCgd\r\nZobhaN5Fo4viYTHoquYmzJWV4ufzpGQQhdubURTLdC132n0k4XrTuqbR9QKa\r\n6b5UBQzw+gneOAaqRw8gkOdTTT5x3Rt2Jqze0piXWQN+mIwlMsKs24LBB6Pr\r\nT+SQwgNsiuhy4CvCU9pzkk+qS0utVPxgb7mopeifnJ29eXIH9quiumCIyOf3\r\nSWQVN32Zl3Akd0Qv76+4f1n//lrzVQ9F1SJPK+LwpWIoNLyOmeYMFQGe33M9\r\nlP+2EKZ/WwfjhvVvqRPVi5vu8hEKgx/sAvmSqvqkObAehpzK3GTQS9Mc41uv\r\nB7loQf9uqR/+PgidnDgmVPuqbQ2XXxhTnscRJ6LL77CLkPmxmfS4xW3sUiMT\r\n1XQcSvFI6Ggk/x5fsUJLmj8lWfuxrqWBhxLqNXwrFKYgeDUTZcYPfqo4dRhn\r\nPqV+iSvJvtdwNVht4uw6PH1Du7P3Xoi32rANXB42AXqWTy1Ar/GkEMxWwaZr\r\n8Vpqepz1ChMSntCTz35ZIFr0Yw6KpOjQSBf8IaJsSrmitj9cu0Y7N1m6SMLx\r\nAU/F0Yiml71SWeSbsK4sJLiJX83l4Dhpp2KcnwZYx+iWz6ubN70FrtGDB5q7\r\nBP7Fz5MDRou2IHAOn24NGHj+V+Rn9KsmBHQ=\r\n=IvbT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"28e10e36d773f609246df375dc6279385d07e0ff","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.1.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.2_1654548094710_0.7385639903051062","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113227":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202257113227","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202257113227","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"51efc52b7e6d94493249c279c74706db99fe8b6b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202257113227.tgz","fileCount":17,"integrity":"sha512-l55m3tYD1Ri6pmc2foeyPLEUUrmEImVTlEYUkijhwiQ0u+npT4kz4Rsk/TmX/U4InOrGaLVjk5I96bKHr8YozA==","signatures":[{"sig":"MEYCIQCPnOPuXyK2r3bWjgCsC5GLagn5x2wCu/WN4hJjkVR1tAIhAJMFcl8S1fDKXa+dTCgRnsMky9FBuyBE5vrxHLNhq2+4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzdoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYLBAAmg+ZSXQhHyuSVokkwt3DfKyz1ZGFysHE9+gJtUP90Y++Tb6z\r\nNJxD10BYjXolW77QGcNXWMO9cHd3aFr1mO6X09JgF5MayU/H5vLunSmSwoPT\r\n+zWOtJpAdDZ9WGgZRNTa+YGAtuWw49kr6fKTm1DZwqX1Oz2RMmgclnqSSJzy\r\nfyd532WIgAZy6r+NA3Uq+jznZg1wk+YV146KYxdD2Fubu9b4ab40SRcEXIey\r\ncBL/paNc33YXimQRjH7FuqAdZpBzk32D+f474anSsL9/hyH5CymQD5pEcTEb\r\n70Ex6DnY9s1J6cANUrIS8FdAKLa8GAY1TA39a0kOeDJHtv/SPVg+8gkyNfRw\r\n4NwNPwXGdJT95aCi8PB9ueRbT1pxMeebu6k9lR0akaqyH3GL7MJ68/2mJoow\r\nq26IMXEPPiuKCHKcuv7MJMhBVcJE+Yk1eB93VkBsr5mElRfYSJfpe7meU8hU\r\nMDyaBTm5mTBs9rpiBaCo5i7uY72Qh9indrUT/tdo+y+JqTyCIIs7mbCMtiVU\r\nWRfYGkDAwX/hYwHeHEZoeszsWtnUEF6kkrN85DcTzIXZwVu+OopHUlsgzvLu\r\nXn116vW97BwXUYwX4sSUfwmZ58PXqnoxhT5aWCmxsq7FfmXeVnrDj+Sxqmvt\r\nDFQCHZWpKgTRhxSqu9lWJ31dgD5yPKWdaxw=\r\n=UArU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f98473dd769b4524258faa214ca5c8ee67feee07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202257113227"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202257113227"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202257113227"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202257113227_1654601576734_0.292119537760801","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113310":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202257113310","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202257113310","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7b7b1f3ac51edd4d2978ef21647159038527d7a0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202257113310.tgz","fileCount":17,"integrity":"sha512-X67+VB49CfuWnf2ExjUw6+G/wO2MxdqXd4Ra+Z4kkc2QaY4ykZKWRZO9c0jy5v7MbHvWFXlj0QRado2ykHv1qg==","signatures":[{"sig":"MEYCIQD/Zj93ZepIwdEXm7JL46N2/qJ73/GmSE3xF/gZzCP49AIhALR5+DOFmUW7FCVYsYemw8EG/2hPlrUSmVl5q0zkDK88","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzeSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEOA//YWg3F95rQ5ZbYmdT2HZM/+semjF/gkc8mgQDBEsBaKX8XYNy\r\nu4tKkG+1HAmDeIc4axRvpHL5PVigOSfAzinvF/hspOapX0G6UiUolmJoeXDm\r\n6c1IKxY03V6WgkHQeVmJ4Z4ldPbxWzQwSJ8qQ5IiWp7JV+3C5uYc+ZyqoHC+\r\nhgUgvW21P7HJ6zsigpls9WIRPcnd3RbFrpe1F9r2TiL7vGQZ9Tf9++sHh18U\r\nj4aX7pN1p7XRE5tF6OFTSULoQmjFIcvAhu6NX6fecN6d9MgrYQmRyHKB80Ct\r\nuE5OVI7nJgNCA80TDtKFzwUKGmUHX/fHxTvWJ5pLAVK9nTfHWiSeEWZuKiBt\r\nXZ29yOaS24EML94duxR0pdv7jFuPIYT4p0P1Un2ewkdN52IHpujGNz1erQU9\r\ngqDR607gdqprdEKXSwL0Tw6NvHe8mvcDlI66qrB4Yyt11viP1hM13XB6moDo\r\n9KMFnlG9KiLWru/wEfh40n549ELOT2oq4i1K8ErdukjcRjBcTq0Rj/VAHtx1\r\nvSVi2p0WzkfdhKDKfSJnoab7nTMeMqCEITUvdqEQWh8To7T/WiVciCfe/BuG\r\n2iZj7Y5u4sKHl7VAo2bj16pKl2lD29vMONS4H6nzC/9S7DHr3hjdAphpSB+X\r\njMUIzyAEriBv2bzI0W6sQccISAm9aIRb37w=\r\n=3JJg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"0899270d83c68a1d33a48ecd8594d8855b680701","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202257113310"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202257113310"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202257113310"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202257113310_1654601617901_0.05221933366312581","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022587541","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022587541","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"31b8a60076ad9ad9a8b74f329f411a8e19f68429","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022587541.tgz","fileCount":17,"integrity":"sha512-8CansPOo0UP+ReoST8c+hpcDTt0zmYPf4a2Y5VMCLyJluiYrGt+NsZKytpx61sfpvlIjogF/x0RnyndL2A4rRg==","signatures":[{"sig":"MEQCIClIlyoVzc6TzWjDssfGKvPuj4WrbXbr7nNNhoQ4z9uWAiBM1JHRQpI5HXjEAb1Upm5G54PXzRRuMPY0eUySo1wR9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEpwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCOw/8CaYSJxxfsM2t48CMd94kU10FISDkksspfAbdp1osdPgnUGvC\r\napsFGXmY0UmdGYjbARKuqJmeon1XiV4lwvIWV8X16QffXTfP8n9U36l92Tz6\r\naNPFH9IljRJJiATzjP5dJZYgMUQwgDBRlBjLx0+kiLj/xw3+Gqi3Cg2HUD+K\r\nLwWXqyFFlpmQcwCzMW9l5FLzZVjWBLP7/jr6yV62j+wKDeUimeGrfv0cudca\r\n6rKX2h5OkQqBhIf0pfGuRu++Cpig4KRVq/GxKeZeTtcCL1YjjehyK4ooGHDZ\r\nGgebT7rgMTYLCutqG5f3ZC33INZWs0fvRa8bbVCtI0B70K1yh3x1GJcG6v+b\r\nB7pDGpd8MZOuIYBxalkkTyP1sWx8qg9zjLJJvb8jNcArNGz9nE0KlN5BmnFm\r\n6K3arQHEkCfyzUm4y9gjsfFCsu3iSP45u9d8qF5pfMrRv7SJt5B9SUUY0lKF\r\n2EsiZXXF2kd/XTPuhtbce28chIZ7XSEk7HwzJpN67ZFYrEyKnKsZZ1YwMOXs\r\n5IR//oW4LYuNUWwthZZIxsEJl96C6fU6cftM3CLeCmjeCOyZyiG1/Saajqsh\r\nm4IH7vIeD02PzGKl8ZM1zmn6hgvQhrVLZFRKaAndKi7D2hTkaijlTDIkbGGP\r\n2RlsR6Zfm65VguYpAM14sfYtn80jIUExfZg=\r\n=I1VM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"ac1f37c9daf3f099147fedf1fd75345979032c26","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.5.5","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022587541"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022587541"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022587541"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022587541_1654671984367_0.995390576093633","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022511155212","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022511155212","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"59eba4eed06195dd25ccd54c14b449722e487260","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022511155212.tgz","fileCount":17,"integrity":"sha512-60Ip8xQ8O6V6kI04EKAe0R44aNSymXRGXP/70a0UFjpHdMnxCEj5H3oceh2vvr8QrQbz9NmudI/EnxiU+/VVkQ==","signatures":[{"sig":"MEUCIHqQEBliAcEdYLx+s66ftQ+B20uW+D6duzGXZ2yd5W0bAiEA6gTcQNBTps601rs+bAY1q2tC2l7Zyr1O3fUaFjH+/iY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZThAAlOUKJFflelVoY7SoeiCdz780jb0HX2jAzvwuicZ96BilouUy\r\ncZozhGr48OHoXznJHbv8capSZtTfi2uTgdXeOoPuzQzSifhHtagb/Gk2IUoi\r\noV/z8LzGG34ey4YotuL7IodgZwCdjtsHSACzqAJVoUB9pwUCv/YCr6KDPzWb\r\nxu77VEsp/ciA2pjV5q/FewKEf0HmPh/F04F6LS9uE5at5zAhZ0fyiCgdzU90\r\nceld9XvsYOwNKY2Q4WW9nkc1DXnxhQOp0WyBuzhRXSMq4qc4U7X3Sltb3hEL\r\nLjDSvtz4Y5mrWGa+xMRXB5vmO7pyXXX7ux5ueWH62p4CzrFluKNW0e9CzE1b\r\nUq/aYLfJnA7GADjP84P3UCK1lR3MY84vx8woLSkbr2luNSGAQBSIeo1VSnYW\r\nBt5sbdowFscz4CA+FxFJ9Os4UXQMV0Fu2FwuLBIrnzuMHOyM+3Eipvdi9dOE\r\nIHQlBlqyfFxU3Z3sZf2SytI9vFYY2Vc0ovcM+3Y3eLsst/4eytDV4voTTNP0\r\nrTcWHI3cGZfDe1isS33NbznQO3clKEZr54fKHebbEgdzXgkUAZlwK+F09seX\r\nrE+91NSKvb8xYTbUIeNLfr1f0zJn2DeYeJAntSnkiCXRCrcBkqDeyZs4pX1K\r\nHEpMB/D/d3LFvbJiRXVp2wBILnUaBcsVYMo=\r\n=Defi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"911e13823b03fabd673d7bfc4270ef845d3d496d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022511155212"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022511155212"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022511155212"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022511155212_1654962768737_0.030655884592185156","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022511155356","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022511155356","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0fee5f4766b391c292fc0704defb026ed0f8d984","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022511155356.tgz","fileCount":17,"integrity":"sha512-IIK9KzywRCwlh+beIkW3hh9BXZlFQ47bsQrKr1yOz12ZxgbmEgN41fSJzvD3LPI6jNlkP0jr8Ev8ID8FnunJJg==","signatures":[{"sig":"MEYCIQDh7nF9m26pTBtPTImJtxZKXGpfcrMJFy15znhalAOqGQIhAKf4MCblE32tFxIOpl1fP1q6tdSPiQcqrigB5xcVsJ8v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLq4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSehAAnZurHhTtSfg+E0BewFX4M3tPNK25vvgJiENJftgs/yd9gbfz\r\ngnDbyFavxQWuFrIfX58Hao+cHO1VuiwA60SzuiVKo0klr+4rj4m8x9LWXk9t\r\niegWo688wJ8X1BJBdP9zQbd4HfJW1KVaY8CR2Od1rY7vpv7JU9kFx4iBGx3U\r\nbkokd3IZGAMzK4ptTyQAejlxkDfhEnZdWEYUO6D9Hx7Ck8tL0vcofn4FDa57\r\ni1VpufBX9EGuzAtH5VatyPfIlvIVlXGSQfRxR334tx43rDauhhylfqaoL76Y\r\n26K92RzsKRb4RmW5q40zAhliWkDPPWGt90R+j+7eic6qP/Aa/RnumiA1lGnS\r\nRHK29j2X6/YpCasoGuh1rUWEtjtp3IOFDs6i2q3bnXuKbOY6t1ZhKPEHkmMD\r\nS8Yma/qZRtGL5ZlLn8Qssf8pWuSGqz5mwHWEXKk3RdLBNGl75wTJITUByPox\r\nI+xNuF9INuttNf/HG1Zg4c0X3fVbd7tGIvHHZQhq1cxNFLd0owVNFVpZe+NN\r\nNoFAuwQoSKpvkgJpvbFCP3gcly3cf1TcIGaMz1hExTc8hEQmYp1lWuFrRUHb\r\njwTwIzApbwhcyDiGHQvSvhrqZGUHWXma/E26W9aBZocdhj37XSK2QCuSejks\r\n/qWYSBf1S13/3g64joUMt+mx2zaKQ8Vvbkw=\r\n=Htwc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7f11b0cd2299ec57b98399fc61314202919adbce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022511155356"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022511155356"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022511155356"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022511155356_1654962872207_0.5918581454612553","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022511155428","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022511155428","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"38629409e4ad3743d6f8aa36f6a33cd0892b649a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022511155428.tgz","fileCount":17,"integrity":"sha512-bAoPHQMpWs8xXQPoHfPCNcePgjzKY3qD/OY8dVGznL/AwLQkutFOmF5QZxdqF8/KTOjuaXQS8Zeh6mWz3Qgc4w==","signatures":[{"sig":"MEUCIQCpdEtSOrANWfHPqjM9HlTHS31lkZ3JfdJxsmJ5ELdR2wIgLvHQjSBU6FLl3pbCg3X283YngsZ9rsAnDw2S4CBi6bE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLreACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcPRAAlG5otg3OpaNyM/MKLKybMTcyx58iA5fUYQq+FR5Ix5BzHa+Y\r\niwtpr051rqF7c8amo5yuNtZr9++jPmwuiHqbioo2dgEqg/J9Qx0Fg6te7nOL\r\nOWDoge7Fh5HGwjtVg8S9UVgNrRYyDaOmVEdGaveLkstbZtUnkLVExWauxO4t\r\n7gNSlVd+uYpZEy9oNrQWNy2GN07Ss1YnRY88tMrFm2Cdnfi12PAdvTYc79+S\r\nJswuFMqXmmdmse7hoUM0TJKjQrwJ8mSTdTojj4YavNUI7NQhlBkttm1LuA7M\r\ndVbbJ5ld//Wj12+UiF2g4lIfXIfcFrHZ8Xv/6aFVQYcbF0uRWLlaDH++uu+1\r\nXfJoT6t5tNh+2LJ6I2pPEcbVJFGnzWHhDwfClsbVnMBmxPGUy2Gdqbji99rc\r\nCaC1gLN7GUWIag/Exn/CEUs3A2LrqJV3VQktRHJrQtW8TmgvieXh2RWSh+O0\r\nlSiX7fyuRw8wEA0Zw/ZYE7trFrkAPQBEiEhaoS4SUtdvvP0DUPh4Jdl3D+Fi\r\nVAx14w4IsQoOKUv9n8U0zf22N/cM8D2M51W2Zi6hSWkn150NT2PG8ejeMGKS\r\nQ66r6Kg1BLAY7KOjMgPDNZZyT2ObLe6WVPjInP5q7ckhpUltJ6wObi0N0EEI\r\nQgqRoZRcmoiouc8kE6SFxKP6GJ4ehYQZjI4=\r\n=fxZ1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"7fc054eecf48cefe788fdb31a343b1e281649197","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022511155428"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022511155428"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022511155428"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022511155428_1654962909869_0.8485639535586278","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022513181240","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022513181240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a654fc2051928ebef18758a6cf5a6136df49af7d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022513181240.tgz","fileCount":17,"integrity":"sha512-s5yHz/5G5f6OjYgQ/32vQh4wKZ/G3/a+NqcEqwZoPP9UtxD62O7sIEJaNdWSyIpBtXw4RlbMPs0etuYnzHDpmg==","signatures":[{"sig":"MEYCIQCJ1XXxRaCgYXeGb3xpvGFtpawXRQ2U2mvrJHNMscoFDwIhAJdbdqSScrZ5PqApuoREdMuvvmXf0Eek31sTDKLj2T6Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip346ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/lw//T9bx0ffLN6F00jbYtUtyruuAvkeOpqmQkUavI2EgsvgKke/5\r\nmGjc2oAPNayzC++iLMaEfio6BwPGV2bdJD94CKY9xlt7CaB1Bgi/AjuGD5m9\r\nybYxYIUv0dksTKH3tgjy/41ZcL3hMhJdcNwWczOOFRu4o0kj829OsNmNcfOQ\r\nveQbcIF5lCOZvDyYCPE7rU3n0M3mD2A9ps58yfhh8+M4vwyL5Aov4wBsT5Q+\r\nO/2eZ/V0icIgqUYtjx7diJYyUhoWu8rEYhSOcPcNPy0LRXp1yxS+z2x++eCp\r\neCfbGvQtFJT5lOJxCtkPkaFUKs9CM/+cPiI2mYlk4Yuie061kD6TimujAuD4\r\nqsBkwLhC1gdonzjNg5ZYxc1jy0BXMxRXYx9ThVemgO9gpYhR91hKmPyBFeOA\r\n7FlWQQiXNYmupCy2JiyeH6P9MERO86ZBu1OXc8Ux1pklZD4dQX8G/NfS0WRP\r\nX+tZR3eVFV22mhRZ3PeGn+/GVcA977ql+DxZSRl7zuuZHSXhM2q0Z6KRkUq4\r\n0zXSUQmUruBdXp3fR+dBfsBzn3vhrubgbLbb2pYOhZwPZ5LAOZFUrnqGv/4F\r\nk0+2IjY601FOoMGkojEdyocNdsLHGNXMkMY93/T8relwPlxTDjiy5E+UTBCg\r\n5lmSBdHY2EjLmK6E6wX77aGpIyQDHJ7FK8A=\r\n=SwH+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"31d24f6b0953fd4eb9c90a80e3e78227624b4d40","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022513181240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022513181240"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022513181240"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022513181240_1655143993995_0.5153305339948631","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022515163532","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022515163532","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"07f5a9fe9febe94b32d028101b54a74471bebfb7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022515163532.tgz","fileCount":17,"integrity":"sha512-QYd63tgx1q5iWklPjYbakQb8szsThXita9R7l9TKfMZOQGWJasHTSlWwHyjI8a4UzfkUHkVNI8NiHwU9r+u9hQ==","signatures":[{"sig":"MEUCIQDuq/H/9PhTtQXNmvakvO6QytvU7IbSb8yIXebPUpcDjAIgK6kPN6M5uWX17EK1bv2e6OpdiYqIkkpwQRyFoh1hLak=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgp2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5Uw/+ICodswNduEIlJjKnH0gGZSnmgRghgN9WAxpL+PDRSRoAOt4h\r\nSbS1jHZu/n60XBgy5BGr6ufnmbRuObXF3Z+rcWDNv09kiLEIQK83n2mTnerk\r\npA571MYe6XqOl3bQNLfSHC9BO9q2lX/nXDEQ8juvneTLMkbtz1LRsiIPp39G\r\nyGhGFc6JHTxL7mC1afwF53MbmvztP6Y3uAIIVVuPx4ZUsALOBXdHiKGZHFTT\r\n1DYI4UTOwM6wuxpfvQK6jEFFLPop79YUV/5B+qTSNI9x3mFOA9oUR219u1WH\r\nPsGi4Jhx02w9nxA52C4jpVGntJlJovcH0H0nXJ2pSMZK9P+EiFqvuuvVbdNB\r\n1urJT6K418wUgcI5mA0iVS8yVyq2Yn6vspLGMIPs9+j+XkmlNd4BVV0Lk619\r\ngWH064UA72Wi/QePrFMMHEGCYcxRiwI+xV/AGbsgXRc0dxPEJnrPD9Ua6rSO\r\npkL7NK/wUWL39hd+rCHwuszeAMwDtoKzEczqFfGtMkTLNqJws9WHJwVkbeNU\r\nS/RmCwvKuFxtZuPXWoBs59uJE82Dt9HH3yuZ6nZFur6kFMXywrSpz2L8S8E6\r\nkysxIuo+geMV+HGcesFV32rTZxuhpCtl7ziISGMNCW0y2i1nfLrnhDChgqkj\r\nnPRmlgw2lq6Qu+BdsoMRGbXKgEWWd5fcnmo=\r\n=ShPp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"f3c0040dc87a741a46d5ad76e4484fa72221c914","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022515163532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022515163532"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022515163532"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022515163532_1655310966241_0.2277683019022747","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022516122241","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022516122241","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c4b441974eec4de921121e85d6f00753ce18cf0f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022516122241.tgz","fileCount":17,"integrity":"sha512-pWkqY+U5tn13VbygSofQjDbHxMSAHC8RCMlmWVUF/40qXYwVEj/YV1JpGlj9KN+1QEc703ENeyMoaD7y4PM9XA==","signatures":[{"sig":"MEUCIQDU6Uu2JiyrpdX8EJUe5mfMDUVmttZZKw/VMhDBoNzjoQIgUdi3S5VM1BXfLdsxzg8iusW8+4rCGZy6JhSfo7qwW/s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyC0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYcg/9EIKFBAyFGRLHQeeQeW83vGjbL6hA2Jz0t9H0C5vYMP8xHhwv\r\nmvi1L6gNyFR5jjlSRr4h/xai0QnbU9dsnJqc06bcETndJ94Nf2XhZJllYQuk\r\nlX49ponh6toZ4LixW4g4m5Bfp5vvZ9/cjoqUWCWP/v+xORPdNTXCeGiviD/v\r\nmiYEXDMz1mptwDDRJW0NwiQ8y5opyQ7YQaTwi9XYrwYW5Cgr3/nivWNdBffm\r\n3NZgCiPpbOiiKy0GAaYmfGqByE3eBcuXrdK+GG2D9uF+RvqNIOsEl/Mw8LBC\r\nOf6JuKnLLAwnc95ewiKspdXTdHureb0vYGst1RPjXRMCp/+FZAmDX66qRgV9\r\nMEN11D+JSCOe0vs8ck6Sw5nvHt+4Rxapw8e/b+m08/RdrciSJYzDg8IwmQ2t\r\nVLpJegxz6gd7PDNPn+O8/xufsLXciZ7N/qnpuTfkIu4WIqg7DV4cx4aJnkvM\r\nrz/Tah5Kfr/ZcYqVNBIexJhs9rRZYE8TqxC+iLFvJIghyE2q1iIB1FJz6iJU\r\n4zhuAfVjAgqyXjWLJOFeMyGX4jac+Y5M8PKJbPq/15Z5L6M7aETWx8fCbPk3\r\nq0XebXDgJFFDTV9xwwcClImHpk28BQpbmM/e9NTDrc8Gxcvq2Med5TA3PX9o\r\naWLlqWtjcNL6yu1Jq0Qmo41m5aQRFWaUkcQ=\r\n=ugHf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"69353f68131cb17f069a17135e8b3ef8888d5f3f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022516122241"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022516122241"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022516122241"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022516122241_1655382196012_0.7378287760336628","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022516151633","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022516151633","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ba9f91d96a380c6d7e107722c6abd9508c385776","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022516151633.tgz","fileCount":17,"integrity":"sha512-JUVD5X2k1BVNH2iZvqZynWfiVFmQlExYAc9JOo9DSuoyX9H5/HIcL2tzzo+rAU54o45adEVVt/KBUcwClMM6hg==","signatures":[{"sig":"MEUCIC+wxL/qW3L3eb5nLgtIsAACZwy1x9wdyjPwb33E1GJeAiEAo5AhjmzVNza3MoQ302TS3Ggtt0W1wcqwcg5rsyOpwDI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0lzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0fw/+J5AgZrO+CfF0+tdTipcpypjBMMEZ+2W2IsxPAd5oubBFoGoJ\r\nGnFxIDiFgDJ0Y4164D+ka/v2OO5rmXukJkmPFiIC261/wKownMg/hGNJ8+XS\r\n9ygFX06WMNIu7ak037wbooWcPo1ze4Zeb4ui8O4H6R/NcQpzDS+a3bhKvkVa\r\n/9S04oOEZ3+I5/JvGkhSwyQxPWgsE4zN5RPoTUV19O0X5Zo8x1+MM0QyRbiG\r\nN7eY7VUDtd34feLbYOUsUXphYr1ggVScYDnG1KIupimAF3d/rHFUz1wAx4HY\r\nqCs7ZilYg0UefwnXCuWR9LlDWEJL6aps/eq/mP6ypYk1sfFM9FDNTUTRn5za\r\n+Gq/9ce/eM6lci1zqATaGbeSPDlIc0UKPa65BVs7kzFFiigTE04GiksS+e2a\r\n3wEQhuNKtGXok7o7SO5tGYAVD9nO9Symw8wXPJ8AQ0vC5T6hg81wgUV19EZf\r\nftlZlD8L2s7qCAWg/BromxcwDMUOD+UNyQAz19RlQoGvufyWw1/d5ax1Igms\r\nj9xHhaZ7wZcLL0JBfTNU4lkjuPuw7fktZfzDjHAV3IS6q1pW2zaltRwXGNp5\r\nCx/JuK/jzpuMh8VPRfAnN7VQsZ/wsFvEhM5lsF+t1cVDZJBtzn4DE+r8PXIB\r\no5/cFR9Omx/rxxJcqkZSasbcfhqKvQ8jR58=\r\n=T97m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b4ea78f453a06eda2019410e925e527176e0815c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022516151633"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022516151633"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022516151633"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022516151633_1655392627491_0.36696363896049955","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202251616831","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202251616831","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"176c4574c95c8c991114146092beac6d8b2882c5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202251616831.tgz","fileCount":17,"integrity":"sha512-33d1QemY9vU2M7B+1okLsJ9+gOnniTcNj/uwMX/7Ah+OC8ZlNLkMVHORrgXxwS0JQ0T3U7K1P1tfY3JJsneYtg==","signatures":[{"sig":"MEYCIQC2ut0BwFUYkOjjheP5T3l29Ei+DNrO+8UjtZCzdwIsjwIhAKJLNolA1wdr5M+GLAgHlNtxw60EarUZmvVhVqUbtPod","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1zRAAiMo+IvRbQbQmaDYuMxQrQYpfhTfU9j6m4xEjQQXmGh9nceGi\r\n8nPJo42cp1P7OPd3KQpAyS5O/jEo30x1LzkJhjQ97oq4SAcHfKPrnVWMkjXf\r\nad9YjAatM5cZP+wMnxw7QS+0wHDS/bMlZd22SNZdzSFmJzKLi1pYb7O49+oF\r\nJwcJDJ7YxciBKfzR8Mm/FVlqpTwSPK02nfviFzTXiwnxZqEoTTRwqbJPNVj5\r\nO/M4uri432j+J+oDDNiutdkKHzv4hiYHdGaWyHDXrCvDUocQRt+AP88pyAZg\r\nvLnl+/Gu1ff7Vn7gE0lTFDxKB+MqVed04DK2APe5AVBf2XkHyfLZVedL8oaU\r\nfnXe5ATDwu/T29g7i64+74qiUZFt/4zDkKxyh6TkurJhI2rZ/c5G4UEgP0ac\r\neTZnP3HEISdp3aXL5JxD7GVXXGAP84sbkvIJc4N8d0hRmBvZ73hUMOy3xxjl\r\njAbjcv7o2J3W1c6IbMQUhH3bKU+k+G8EiTegVjdvTKwXUsqNgfpEgSjFwpvM\r\nSnDB0uq2zabg3qx00tH0oJ5rZujiLUEKZeMllOWePn1OwW+CmHN5Og2Qkzvf\r\nr8tXkSowojLbOFEEYxh5H51qRe9/naGGYC7q6wEAD+4YXle0MP5Z5UqLoKKo\r\ntjwt2Ld5FPIsF7u1vm8drpcyB+R6o7AeMBw=\r\n=8UEF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"aac6c98321e6487894b45cb459e67e5e02499224","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202251616831"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202251616831"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202251616831"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202251616831_1655395750809_0.20720881858753026","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022518113258","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022518113258","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c3629119d14d2994a7ddd2540cf007c2070cedc1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022518113258.tgz","fileCount":17,"integrity":"sha512-XY1OEBcfwwnuo17y5J9y/C15ytrfv643Ucc37K+F1D+iss6mCJypzuD3gi3QCCahbrK1zasPur4Je3HgrGYzvw==","signatures":[{"sig":"MEQCIE4Tym5nWa8BkG1g3lc0G59ZW34Xb2YPIHroN76MvMsDAiB5D/6rEDuhJEltkoiZaUaGNhY5CrreDMpfnSHzZ9WLdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqxfw//S3Sp/K/HS6LllX+TuV5AC3W4wNhWaX9m6pRQP+7XPB72TXe3\r\nET2SoJfa5zgtbHejPQ8TSc9J98RPhpuK4zW6cJ1wnyKWgDcxLXzUTqBEVVBW\r\n349zlAkshknFGE73JSCGrTV4rMhJ1LvagPUTBMCSA8jBK68Fbk3gS8sI21+c\r\nSrrNpFZATVZDER65yQgGDMAt+dzGt6W0HtZLkXbkHZ5OMcGvywE3/khM2lUM\r\ni4T8C+TIFcVHSZ+smGBBni7FAfb+OvxcH9ZrZm+AHX7CLQPyo7NdzhSPRv5w\r\n2fP50RxbtjYuLjDLfDRWEUCbQNr8lh+u9pzl1E35GcF4yYJ+Vf5GzWj26thn\r\nxA4C906OI0JdDOGg1KG+bSEFBlVRCCwQFGfdAGwgS86CFewMmbkqmYAKUbRm\r\nvKjGHgmlG8NpeqpVLjHf+6UBL/Yfhp2ebk9E6ciKZqd6M7AKskC1yX9ZuWsG\r\nPIU4tgSIW5I1jEd004TpR3dMRt2wbBMRTNxvYpkSxGGeBObjFQEbGvLHLma8\r\nhUbRU6g5w59PGj0Dr5r48pdjcZTdOwkz0x8e5wzrgemgXINBhSU7M4kNfUMM\r\nSYWnSbusSQLxSrU6Ikigz6c4d5+eSJZM7CuZmkpwI5kJchi/UlZ1PVYAGeGq\r\nq9KxsoHq2KV409E6FPlVPASGQRvXCJ2R4z8=\r\n=PxmX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"6ecf45646d1558a52b9ed5ecb45e96feed8f09f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022518113258"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022518113258"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022518113258"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022518113258_1655552013312_0.7044370178202455","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022520143145","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022520143145","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"44819942fff3e2a6b14270d7d0addd4861642e36","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022520143145.tgz","fileCount":17,"integrity":"sha512-S9V8irJadESnIztx/BqtUI2usTR5CtFfyuM9W/0KfI1QZG70f9jEJyPVdH/b1JXUkVlRvkdbHZBMb4ju+Bth2w==","signatures":[{"sig":"MEQCIEViZsQ5l+/abgTImn9ZevvfhiVQPuRU0nt1UqLulNCkAiAqbw259aI6eRSVJcDzCHrfzaYhVi4FlAw8B14G3n1YeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisITxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNGw/+ILbwvgNj6jTYPVjsvZ3+318sO7gTIdQ1fBJVIngHcVuVhGi6\r\nepzh5C9C/izZUQ+lF0H9ihcF3CntCTfrxNqwlnodzI6Vvmc6KuymwKCw3Dru\r\nsDEOYMBSfiXy2BDJ8r93Vog671vNRJmxfqT3Uc4DhWjWLH2Ygtb+QJql/gbP\r\n3m6nk0cORBmAQ10iffg0x8rIjBUi2y+p6e0ZGDcK1VIE5UPNJEAXti160SXX\r\nOCppYJUaw0XGbwjlSqElHhdwsVCf3zIBSgTGO/ySkTKsGdnORJqNcqZXiyO8\r\nyFpjWRu4CqWZ4vd+7znQo00W8A65F7jJWALouhCcYeOrmoIBF/nUGq/CJgf1\r\ndjPNi19P3bfU2xTGrlb9RycFhG+Z9hOC7TEFxxfEjC1YYtJhwrqXpXgSXaSh\r\nmOf/5K083LJ17uRIrhBBukPm69zxNJenf2ToaCGCA+boDyzREAwko3H0OKZs\r\nj0wrS6jpV4gXJ8K5cPJ+iIRskr7j/AE+CfmDnO/2OKYp7ZRqF8aaDEpZSvM0\r\nlMQYxS/a5QFMJHuUfzHtAPLDp2CJakkcHzvjNZkU5yyzZuocKCTo3M5smNCL\r\nbKYY3eWuy5xLjRjzpAlJttc3fXo9yr5ZKWsNWZaex+dkd1ICLw0WaveHX9o4\r\nbAvAxMAQVweTdatO8NXeXnASLMcz0aJFry0=\r\n=hd3U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"20f19b09cd30236b5067d6efc19c13340938dfc7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022520143145"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520143145"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520143145"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022520143145_1655735537707_0.007156307984310439","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022520163758","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022520163758","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9e573804f3f3b963af5418b28016c3e5eb73db79","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022520163758.tgz","fileCount":17,"integrity":"sha512-W1JRDIRUD9zsuQCFeFqMbf+jmJTjiu+sl/oqD/V5vqbBwZJqMQAYBC/Muty945ANDv0wBqhLT1SBT86RkA9a9g==","signatures":[{"sig":"MEQCIC8+LDx8kgbakBN7tLIMVtBZ8R9X3dtMgBti+O5cOoFfAiANlntMEkdNsZypGQhjiyXr6FmTN6nvrenuAudwpuqWJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmodxg/+JfXgNotq87FSn/aVTIvtbOn2gfs9maBfSmHnMu439zyRFrWj\r\nlWKv66Ubs2j/BlP7g9AKdPEYcpNX1lFyGyCcDMx7bphO8OykVrmO9RcTycWC\r\nng987oOrid1pO8Wf+J0nuxn1B0x6MH8a/i44YfuStQZiiPh8LCjzj7CosEnf\r\nc7YkfYQ+RZAP8Jm2arbOssmZSfnpid39zdhImbwEHUogN30Kkq1V0RSDrYuB\r\ngC8OIyApxlHrC6AMDt0pvlE7k1Q+ABwpV2eGmsPBp0mO7j5OfZPmge6vhCwr\r\nL2rDMHt1rNr2FwMClXymvOGiO5pbA0tCoFsZCKLnRCPQC/8Kz8W5pPpLdmjT\r\nf2tmjbdaOkSU3hdR8HceiLB4OnMbhQDM/ARn/6KqAmkm2Mdu2Ur5KVS1crNB\r\n+ycAwnB2ac40n72Ug2IiZQbZSzKBn5ds/y+Hmp2AaUSbZaY3kUgTXMr0OH/k\r\nY53Zbm+PwIJgkc1fkhCyW7TtSwOS+hHgZAipZZuZbM4TOZOmRwzs4LHHkamX\r\nhTm5/Ihg672efq7GLUmB1iOOzLQxIpWP37w7rnN0SFbevzsCzToKPMIZJsfQ\r\nEjVsrg/7vm/oR7ngnjHhQAqUH0+V6ZOESnpXy4f/zCqO/93guQ7a8/Ikjn4+\r\n4J03Wc7hz7IYns69Kkk5U/lAbhfmXmZbd2s=\r\n=rGuS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"cd25161aec422ecdaa157c25102c4f0cf6c15db4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022520163758"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520163758"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520163758"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022520163758_1655743126697_0.3606042481421665","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022520164715","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022520164715","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6d0a611d66d11856d52ac4219f5a62dc2475abca","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022520164715.tgz","fileCount":17,"integrity":"sha512-+5g6gPmx9S7/OyRdZLG36/iUBwDkhIhJy5gx9TAeRIe4lE0VpAMprfpOsi1ChKKJSNv1LbT5Hu4rQ7gZk5lAcw==","signatures":[{"sig":"MEYCIQDmRTvNsjQMv8igJoaOBG/RZ29JhQzBG5HI3v2rApWXdAIhAK12xD0ZNgGyB/fCRhjMtRtkG3Ac3Vfw3FSUYOuiaf+n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKS0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRzw/9ErzI7ukuo5JSLgIYv6z87vc44MrzCKDeqmMXTtJoM2S528Pz\r\ndDax7ZG7Y+sEQnhQ5MW9uYT71u2C6jPBr+23xv5CWtIDoBeqr/qYhL918NRu\r\nPhAB48xMUUmY8cGbohEzufnP5GaeKQckkYx44fTI8r+q381ItUMvTkkOBWHD\r\nQG1M1Ynbb3SlLFJfl7z65l6JybFNjkOlZ2mdDxnQR7r+bAMo5JPoK2Efu4vl\r\ne0D0e/XhKJZNDy+04OMmbgWcoLY36xCJL4bwQM5HQnyzir/tqWrjACg49PDR\r\ncQwqAq10ItWKjUd3bIh5iEZUIjqouxABJ+hadXRqE/IQuTDy9gEskyzLl8AU\r\nebPo0vXsvylpUo2pqGGFD9VNQG5DKtDFrdw7k0t05wn55u6EoJisoACcbGA8\r\nWs/2nB78iSejH1Syhy2MpqBwRBnJsf64xcbRHCJOp+LCxSIZqNWhCrFeh6tB\r\niZCj+tZSE4QzcURWYP8VVVpp535Kuh5FnYcC1Y26HcO7eeAGgSvuODhmqsBK\r\nXQ3lnDE7jreXigIlReDi5u7T5bIbdqRl3uo48NVQafPjzEh8ZAkiVYn8MxhV\r\ntk2oF7TYN2+cKPoixiZ3zwg70T9DQsWJ7gmBzMs1bRCnpSqyJjCGHxTP2wQ6\r\nnS3WHTiQbBcJHTfSN4ciqpfGfomh7q0UwGk=\r\n=r5y7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"b958893bd458ee7ffbaf725a4185636f48b19590","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022520164715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520164715"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520164715"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022520164715_1655743668714_0.4629480852349268","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022520164752","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022520164752","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cd6d2ddffaeac4b91f2e189e3f2253b42493329b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022520164752.tgz","fileCount":17,"integrity":"sha512-v7DBjt+S0PTd74nIIcdPWcGLsRFykLMPVQmpxMzOsZGKpv+6OH/d1LD9o40dtQMCTVHm+M1EZ2ChYYgogWJrOA==","signatures":[{"sig":"MEYCIQC5dW8j0jtb+gSFQmfcljgcjyo8HUnwRPVOGlfVCglBeQIhAL0Ou8KN1Hg6RB3kGHRJpKnWadrOBpOVTpIch+3VwHmF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMdxAAlmZILs72GuEdT8oZ5WBjQPzKC4Q5hyCw4p2/42lnEScqLpKE\r\nLv5I2ofbqIq3tO1iEXVGV343RQJ9yTnDVObzli8irVoiuNidDkK8K1IZMP06\r\nDfquD5OFZ9fjpBt4g/5hMWlW2Gw6rXbBwRi/zmYCQPFrm5SH/YzwArYTl8sm\r\nOi4M8KIxaHptfKlfAmYDvIHeylarC5MEfyo4tSHEdnU2PntSpcU2CrRRy0le\r\n3dek/uET766kWWdQNePzA1qe266KDbO1QpNdPJ4JXxpgciK5x+e6UqMfrFpj\r\nlq5YtMOEsJvSFNebAPh4GPuzvwDMX04YQgC1XSdhukrnME4DW+4wTUDW089P\r\n+oZ9FzcbAo594GPWDkuwtYpu8C0pAwJyCV6oEiyGoVQAs51IdwicKCIeJ1Lh\r\nq6MPu1hmJkheR1nsWscWldC0ZBQvGUZbrKGvY07h+aR9IPWo/Z6H8skypuNq\r\n5TfA7tGYP02j9o92l0RhcvaoNCSbWqNdxJwBG5pEpP/mRGo2r6OXb8sU/ba8\r\nPqYwyDqnw9Skuroc3/i/Xdd5RtdhXmqpDhqrEaL9cryx4JGLoAWDPddB/VaK\r\n0sthyVJJ/TQ9UaNzCGMkxEV8KTOZsnqQV7Ip2p+DUunDmm4IJi72fkbKSE1Z\r\nw23dTiqRXpMh4QY17ttBh/Kd7kzD0jz5Ht4=\r\n=1DWh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"3a9cb998b509535923e2673a2f402900151d2a6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022520164752"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520164752"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520164752"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022520164752_1655743710849_0.0386435974105892","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202264144818","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202264144818","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d85bbd5985b966c79610f10e622b57b78f7a52fa","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202264144818.tgz","fileCount":17,"integrity":"sha512-pf7QCL3bBWffaF7vHue35iZ1qNxEeZlpM6RYpbivezCskEu086hh17AtMAY6pDEOeBFxdIRCAaTFW90L/2pqWg==","signatures":[{"sig":"MEUCIQDZmec492o3j29DTTaccU9MTTjXGCBruOyhtg8lycEojAIgM6hCR3YSxZ/8NqEhlOJ8d115GYpaQfWasD1ussl4Qns=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYUQ//bBDkv0gdxZprHEcnz412CzYKZesxK3oAO7FgzvanhIyO0Gv5\r\n3Cu61YxxuxFynYDtvoG+xuWvKUnNzH2ALsWBYJnnY84h7LtOdUV6FveFywpL\r\nyO40F5AOaTku30n3RjVfrIbRsrHZ5RtAIqc9vd29gzt59aVl30sxeUYFraJd\r\nsLGwzeCZoAw6a3Np4ka9cKSk92fX/x5XUheCHQQpzwqS1w8oNPvdgq1SCMl7\r\nQTIFYaUKIWuQu/BwIzsrk0DNLOwrJKWjGd8sy8TK6q+jOXrzCcwJkUmLIl0G\r\nLx9jsXVxOIosh2QXHxxDeX5ePymVant9CgZVzus82JQSRorMogPsVb+LK2bq\r\n1eYraDMS9OXEkqn9Tlv6LSSUuXiy6DsubE0nruEWO7H30Oigx9JIh0rVDqUj\r\n9qX9wlmTYWdj+TJFMRZAyzuIwXWDGBQL8eq5ciM7vLkPR/VawQS1sOEJh+tQ\r\ndZKcl/61UcA+7CIb3LYd0dL04MWe2b4hdVgSfhl0f7HXdpKja3HYY07HbgZP\r\ncKvSQA62GwtI/XZ1hhrvXy2vRqR76I8c+e2/hgPDMPraPak7OfCCyu8gbe3J\r\nIrLktwlc0gX6cITwi6MbL5JICbxDwkcEu1cHdi9qjBg6lDavYigaGWKM1vzc\r\n+963vEzo+9wA3q/ym4CtQPDiFaripRW7E48=\r\n=i6vA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"1a20374c681d03d60f7f90961946e9e2dd29c4f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202264144818","@chakra-ui/utils":"0.0.0-dev-202264144818","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202264144818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202264144818"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202264144818"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202264144818_1656946149486_0.41824171637235863","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022659325","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022659325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a28bc12fdf3727d23dca73985be7e7faeba460f8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022659325.tgz","fileCount":17,"integrity":"sha512-iA9r/cTLZ6K6keRhKt+GaTKOf4CfGcYYCab0EIUAvW6Cot23CWsUyXSwu/l+q/F+/kt056lToVjZRx0D0rWNxw==","signatures":[{"sig":"MEUCIQC6Vu8r+FHI1XcKDTj+AQhEnMcimARx3b/igZHXHoS3JgIgOU5xGj4IWzaubYVT/0ykEht68+jtzkKJ1YPeaCXyg2g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/5/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8pQ//TZWSU0pVeYabi976sWMRKicDlQcDK0rPzzVDiWUcVljy8SEP\r\nPK0RBL/yLVw5aSCTbbtOJPCvPSww8xPBjlNnqsoHSLiPnxweuGEGi4+VFsox\r\nyKFLshjDr5Hby82o1npSzHzpbQYmfflHSUSw5O7iaRO3kiuJbozNPsQEH8hF\r\nsGsJjK0kK6P4LU1oaCjKfR28fxciM5gPsY570QDGt1UuAXKdB0b2cqxwF4gu\r\n6D6R3M+bvG/oS9JSjtme1Om8UIhx3f7cQugUpdDeEfZ5udhbHz6+tf5CLksI\r\nd4kdqStXB+mBby4Q0XAMvUO308c3bVA8g+IocjVW7bSJaV4U3kEWl5z4fY6b\r\nbddAmYVBfrRF1/JvbnI37wNkFx918ccrjOwI2hzA9X2yYOPoEBXZBKgQ05h2\r\nDbIXB1jacpzIgqKrgqghxazCAO8BFy5T24cC1tgwpD1BD1sI3yOWohKb0BQ2\r\nJOANe3p8Wj5qzHeqzhZu0SI+3LLWKoPaE4F/wMlKSRl8+j6boGPhgyMsOlR4\r\nmugRXmojbfwX7GBGXjNjW8LKyby/ezDG2emt/Opj0uTVW3tOqIv5UKn2DDTK\r\npN//of51L0EXRO1w8JqZBzvlOpE3G4/42CU9RUV+dZwg1c10/seaSo2e2gxU\r\nNOo1kJYd7Q8vcANLUkdg2DqrkgLDMc5QziE=\r\n=cuqi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"daf80e3bce5e2431078206cd5edc3e967d4ada90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659325","@chakra-ui/utils":"0.0.0-dev-2022659325","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022659325"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022659325"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022659325"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022659325_1657011839440_0.17761897431573592","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022659431","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022659431","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f9411ae6fefe6db0f3d6fda2a6fa23c808ac9287","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022659431.tgz","fileCount":17,"integrity":"sha512-/W0E/bUE/3q4Shs45mMBIADvzOlK37QR0viVYvaFFGQ0h1FvE96Ox4CLvxrrZ4PhL7uck01a2/JtdaHcdXRq1w==","signatures":[{"sig":"MEUCIFrSzoICevkDbafjBvwbKqPI/dId4YsqFFGU+KUKkW3bAiEA7ybfQe/mtUvjPyRf8YX/yGqF6Xv83tSB5fSXendAExU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/7CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTsg/+O0F8uFWVREz7DUNSC+hd3YM8uUeoLj6zZET3yy8IhfSQVJ9s\r\nJVV+f1EUZCpe94Ass/VSR8EchV/snKfdnaKshMrM9w/DMFNRM9NnhQtxDym6\r\n7TGmS4VwB/GsACqvfsHl0znUig1osDIYrLZTkKd3bEzFDYOmhj2KwbgDtlJH\r\ndcMFmp+iA+JBXnhm5QXqhfGANXByL1Rf32j9kHZ8fXGpC03k2CvqapLwPZqg\r\neMcqpbijklmCG9hDyv41ysLi/pE/VJG9i3i+0FzJT9BY5jDgXkMqavSfmaNm\r\nHT/Zf4ivwOxy3NjJWn500n7H4KyVCQ2eVyNl8iEZziFGEIYY8Jgb2+hBwygW\r\nIu5g3CAZSj8BPzFjh2NDTeMIMZ+X5GXbEn6Ku/IBDF2aHwHY40MNbufl9SKE\r\nPbAPxabtVN8WKvZiloexiIaFwcsl0tLRiWg8nmJ0y85a1hF9Y6V3/xkTuNqk\r\nw9DR7mgk8TtYmGI8nHjk/YdXTbYzKBXJvknm8l33SWmjrDdMSNY3NCyJy118\r\nuILKXc248tOMnqbK1DmIhgWdehGv27wvcaiuZAcaUizznCOqGfCEd3AfVB7a\r\nkoM9OAfCUUhIgJNeujwgGnUhWpNBbYA8VihEZ7GcB47y8xNHeRKX/gZpnKdJ\r\nGwVyhrhmsfPI157xECW+T4QmKz/Xj53kTPQ=\r\n=rzO3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"95c1c98a65355f568f713bd78659dadfaab6c850","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659431","@chakra-ui/utils":"0.0.0-dev-2022659431","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022659431"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022659431"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022659431"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022659431_1657011905895_0.7084649251347201","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022669710","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022669710","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"65a48b24635f62071783213e8df6043cd9f78696","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022669710.tgz","fileCount":17,"integrity":"sha512-dYJgQH48HUQ3iTDrYM8WmQl2zwHFZtt6OaxzwYifTD0mYADrs827tdan7hYqtsAhSLgOy09ng9FPDBV5SIzBaw==","signatures":[{"sig":"MEUCIFNckWMBwrkbAoDtb3Z/t98jnCNCbH8AvJFv6TU4SnqGAiEAordMIbZIKaqwLImDRUrZJxRrM0k6RX6iTm/9DSZDkfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2GQ//bOY1kbmpYX0vLLYXnZ78LrWn+TFwiL2TAPfoYlpSVhnXBBVT\r\np+flVG+kfnDuPEl5ZtCYPSZOksBUoJuRxZy5KrNC/7O+6qrmKRLlFmbRDeis\r\nYLovlzzQSLEqKwojd9akQH7/7NEzn0fCtCgwOz6USNlKEUFIOy7BtzFultcz\r\ngzTjN+wRlFlfCTJleemgHbKuLKEX7YpQuDsN6Hw5+oBVBkSUMeiADmnzsITz\r\n5FvIkEkj3R0fy+RvwNl20mgYW2yKII+rcdWm0M8WulLwKSR2Gnp904bpunyM\r\nh+w/kjniZNc3opflvvbP+WL7bkCYXHmu/em4q8jN72Kf8XFL6xGFg6tjiQ/f\r\nu4YK/2e1OdFrdvXShDxsIA/uHAXgNY7WFzzQ05a1DZ42d1vr7cPDrS3S1ySd\r\nziqK7XNT/RAXHfjiAqKxvw1/Ri6pt2mlq1/aVwGfZbw3wB37WpkgAZzUTd0l\r\neCQGJF23wguy2qD0xYW4188/CvoS+mkJvu/tOa5CxgH8SqA3oyz15+Caf2HP\r\nfrzk6VVqhNAE2DNFM+zamVgjwCuKj/FvkvbEjB0vZ6jHpREMwd/UAorJ59qh\r\nPp/syEYsG6UxLwFA2otZAOsqT4KzzM1182FvPYP3GiW0fY3QofdNmZrK2y1x\r\nWaPvxQiJ2R5sOCFXc3YlYa4lMkGZhFkj2JI=\r\n=DblH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"e2940ab6151d213732abb924cd7ac5201208dcb4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022669710","@chakra-ui/utils":"0.0.0-dev-2022669710","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022669710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022669710"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022669710"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022669710_1657098471800_0.7036326479447732","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202268163535","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202268163535","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a6f5fb11a2f553e272bb15a26cdd799cfde72e94","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202268163535.tgz","fileCount":17,"integrity":"sha512-THJ3jZcH1zicygcL9xFtz+HOfBX5DfoMlRzlephTFjJs3Y054/VhrJuunPZ50EijXUAbtldWLXz3MEFWgc01oA==","signatures":[{"sig":"MEUCIBry6ZjbioULHNoyaAIZHVDEN0/mqb+HHOzjFdCC19CWAiEAhxqzJjjzvx2pA27gx+NBy6j8rhP+g1Zdqn2apnk3P2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyF0FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq56g//VVLXcdeM+3qmbzdhI/iExFUzizAtdGmDcszJ/SpUzS3N2raG\r\n0j/OAmgP+19oKT15NvFtUKYAvRPh0dasb1goESXIAo18iIpDVrSXd6eYXvSN\r\nJ22O1EBGCxLlJrEthMbKtjaHS7COfaAGD6P0MIeYoDm7lsJZN8JEhhKUQj99\r\nen9x1GGQcWw9z5MI3A9nfFpjvYhKI8xVzVdWVZJU10ux4JJs9W30LbDo/7V/\r\neKW3+ijgt7ZzsdH2zvWhgquH8gAXNLEN/fe6I/FjWfMQQJkwH4IG13yrZZz/\r\nh4b49InS9me4qz+SINmt84McUmm954BXQkORs556arnauaAEioo/4qMvxm0j\r\n2wqLuDQrvEOjcGMXjqvhr90J+p9ZBXElqZbMGG3S0QEdroNBn0eEem1aq2qg\r\na3F4dmDod7qHFUgE65nEonaSdND+YA4cx2f6/bcDiekYITOpIIIQHkouA/sE\r\nkQGs2YAzwYHED1C/TsvtH/CkqN8wWCCpABuvOCd+4C06l3PClrVWuA0j2etg\r\ng7SbiBJbnFeVUblnd0yPEKlSuWPrUgbdmgH/mameRVk4hMV6eM8c3i3p+ksc\r\ntZUcuaA++AmSVL4SgbB+ywrTfsdMR6UwFRKGDRaimRnY3pzePQgXtSDh/f6Z\r\n4WYgG0TrEK41vSqBy+KSWF+EfRGzw6LIq/Y=\r\n=Vsa1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"a08770bf04414afdcc5e2c7e8b088c75f5dd949f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268163535","@chakra-ui/utils":"0.0.0-dev-202268163535","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202268163535"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202268163535"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202268163535"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202268163535_1657298181219_0.026732086171262548","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202268165050","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202268165050","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c7f741dd8968170326c9bc6d7176a86a996acdce","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202268165050.tgz","fileCount":17,"integrity":"sha512-G1rzFSmfYlNUUuQPG5g0SRUHYAxK32Yzs7OJcqoO0VndDIj4wEqjHReyPip+0+TusvFInrxq8GNTZat6JSJWiQ==","signatures":[{"sig":"MEUCIAC+5NepcJ0ptE54HtyBA7lglWztujdhDv6Wn19yU1ECAiEAqGo9B8eDERT16AMF3o4eSn73GjMlxl2U7uiYYsLkN6w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/LA//VudvnIFCSQL4Whjx5je5KUVol6vICKt9gINaHmftPrifLdB6\r\n7dsauFTws7dg5n6F1Dwd1RrNOBPxqG82ytoLqB2Dm4QisxnJxvO1GbuUD8Jm\r\neRaUh+NtP61WMfzRYpDkMv+qM+UGjYGOo4V58nchqb8MuQbWbIiJl7AYbKeu\r\n0Pp34CEWAieFG7WOyuMoF+MZedu6RoCcyfpMCTvzGt860Hwn3lpKQuGD7iXk\r\nVf0SScDG0hEYKn6/faBcgGP6/cPTOB0I2Kz/71EdXMMdw8TiZ3g9Po82zdAH\r\n663kZrqCyrs+f0Y4QIyM71J57r32zUAQwURif6vpNAHxJROme5y8oiP0+9M+\r\n37xoWmnivS6BdRD8Eap2d7JT3kNIszXpjAyQFk8nh3LzwxVCciPumTYMj1YA\r\nzIF0ZM3phuEWGR8b5+mHct7UYpLH8cqeztxHudUqK+KzKiPgWdpcaSJo+Bg0\r\nnW1bam8l81xbG9ontjsa669AfbzILbO8gG+R5mwIkPIUq05Xj66kzNL8mpmY\r\nF0SGzkcLuxJBgARzmcKhAdFcstovBlAqnpNc6FowufOyEXQac5M5AyNcf5hO\r\nReDypoPmIMf5dcZg9w3M0u98+Htfi6bziuiZQgI/uqg9sA1seqaarZHBtZd8\r\ncdWpn36vNf6gsB+QqhsE/cNLwAdhvuci0QU=\r\n=MFzP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"8bfeefbb562fc5ada4757309db6b951c421342ad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268165050","@chakra-ui/utils":"0.0.0-dev-202268165050","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202268165050"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202268165050"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202268165050"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202268165050_1657299084491_0.503455631261875","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022610103716","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022610103716","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"81a2770804e30bfe3e589b49dbb4d3ffd16d7f70","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022610103716.tgz","fileCount":17,"integrity":"sha512-NLThTk0PD5ZOxyzn8PZk5233x1XKHJAM/skm7xaLTX/az5rdvtQEQDUMn8ZXDNbXUrENG5b4ana6KS0Wh2wTOQ==","signatures":[{"sig":"MEUCICaE+frP5z2xI481mUFN/j3G/VwG5qMxZ3faKFO/5queAiEAg0u4rqQs0Jk6BJ6ROkwbA1WjUikuNNScJN77kPauw+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqwBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZNg//fFEs/VdAOQUiKKrGKHSdyw29NlljPNYaNd7Sv/fPXDeCWRnF\r\nJjGyUlddVoNdZz2dMznKiP6mkrkQ6nWNgp47Ag3UmSP7JHogIl4IKjjy45PJ\r\ndzJNoiYyE3WnrD6C2vZV++qwreQpBccb755+61eFfRGPrYN45rGAOCR1QyT0\r\nta3YC8gWIPs9qDSbSPMVzk8bVpFYk5ocs/BDurVJgosPd2Kau1EKHZMabEdg\r\nipDeDHv7noVZi4QGK8aS8TnhlQPfRjEsDij+RYF9/jB3TQPdLwWy/Kua7a/F\r\n6UmVxKxOVyj6bBG3LiWHfAGXsquHyyHJR1RHi8oYcm1o2Pc6MTNLtoLwzsbp\r\n/ZJZeZCN56K+6wZ7ykIKb804HCYdQ1sd9/Ot3aBscmXwT3hBKVnAYjQbbrOD\r\nKUXCw5/xT/x/kx2ehPdljNX1TlYKzpVEGqRgwNfBNAkVoM4b/F5Sbt0SqvLw\r\nCMxTwk9QmMEf+GuXw9BY7/uviq5m20SOhuVZ36exjrFiSYX3xnNDMdMjiaqE\r\nHEOdffgnGpy2aTZrQt3sO0Yt438OAJ47XPrHIy5J0iJZDmhNjURdscPKzjNE\r\n+aw7QzIk/ypxK+bM/vJ4ziKNRkDhajbw7cF1WturEve7Eow2k+m2ayKn6zfY\r\n9swp/aNX4Eu6+WNcgESn9Bm93OmQqIeGMKg=\r\n=/NPu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"385ae812e7a8004403e2c7cf7d7471f782f3e667","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103716","@chakra-ui/utils":"0.0.0-dev-2022610103716","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022610103716"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022610103716"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022610103716"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022610103716_1657449472959_0.09924746986516286","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022610103924","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022610103924","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e08006b4da1dfbe61a066e1ba08706f230c2cec8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022610103924.tgz","fileCount":17,"integrity":"sha512-5sF+sOwv3PoGwL0Gw3TFmQj9HMbSNsd0vZ5JIK65+MAJ0oGxahf5PUu15yCttb3T7SdkHQ+XaFs3osGaa8Zx0w==","signatures":[{"sig":"MEYCIQCLQBSoOTFuurDTlsGTqUFvZy2QwRmSlc8HWZVX+OQhuwIhAKhaYZJ7l9zxTuZxVb3hij5xXdXtP1G2pSIO2ytDxUGo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqyCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoz7A/9FuxKVrREpnq+Kx49v2N3U/bo+1h7WTtD8FSs9PpKMoUDNCg9\r\nyDT41cxyG90qT8J2WCb1tZ29utqIJU9W75eT1yJiF8Rcpf3rkL3MNX1J38c7\r\nH9Z6CL3YrxRxm5MqHi9+ScjmzkMnoUMPr0Iej1EQsccMK2aZO1E2IQSav3hI\r\nA38rpz8MOCYu2yXsT2s3fM0sAVPJr846JxqB/GMZWZMRltDaqG0ntm/o8Gnh\r\nINJM3gtNoHIZGyg60yCVxkKa82PddEpUeEm/AfVJUWdejKFruPrAXdFTD9AX\r\nr6ijYzvPLMJTU3YEE7sGy0gu+ByY66sjTS1rYjQTMdQzNw1HTT7Dxwm8OP8X\r\nObk1F4zuqm1dzXEBsPp7ql63Lj3lPBaVfsOtzIOjwcXhcov+NwSdHQlfwXse\r\nd/WduwpKk9acjeIheVphIhaW+q5oG78ZH6q0qtZ3vQLIfQDPXy+M1VoGNqAW\r\n935RB8/p4hWmblEDcoGmxYKGAPcACyaxF4Bu0GK7cicLCZvWquqPiGb1PgVP\r\n/4saxZE2j9wWkEY3xhGdkoejHrViie3y/9bAY76rXvcMkt07lQH02ILcG6uI\r\nlCjwuWr1AnZNMoJnSXAWc2FeJi3ItFpWkF3lpa4kjzRuOjWtlw1eMTBhJE/4\r\nMAOqTzgjZ6LlfyNyeioeMjHe2VgrdWrTT1o=\r\n=86Sz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fa2c993f8383663056cdd4139d5dd3894900fa7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103924","@chakra-ui/utils":"0.0.0-dev-2022610103924","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022610103924"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022610103924"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022610103924"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022610103924_1657449602587_0.7794078088834191","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/popover","version":"2.0.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8e7fbf5e6548564733548f0a2c651f911c7016ce","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.3.tgz","fileCount":17,"integrity":"sha512-i095TIF2oG8zYS69/4GaVmYWVfOaqJ0JJDYI4OYK2AkZlevKkWjp8eITfbG0V2Qf5hcdOl67zryLlC/yQr7g3w==","signatures":[{"sig":"MEYCIQCouGBtMSiJjuoKUKFSgowUhzywrjsXMYx1kXo/4+XYkAIhANAEkffO2cOUeTduod1n3M/nB6s+kcCRmuSHZZ0rJk/L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkbA//cjAk+CNfIO+pOx4Zyv4FX2FOxheHTkoyoQBfXS/6FHakj1JK\r\n7Yau+arB0WoqL6jlDTQroCDQBnPejuKLA3oB7gcYj/8Gu6XD4OfWaSxebX4P\r\nA24+Hqs4tzYT8oHN8yC3LQawAmHIz4C9NR4q1knB4eq+eGYrwOuz7At1nJ0x\r\n+g77+WowPuiKRBMrmjwncJHVUqix4u2/8ru5Jh0OQvzMicNKIHoZznChP4HN\r\nYji7aRVB3gm6hzP8fZ45bjlRkhUSFExQO+wKwuE6G4EbCUqAZb7tADkALTsF\r\nISyptw6fLN8RE2SWqoqRgjyNl5T8hij93vuP7NUQ7wsdjYgH7MRAGDdXXJPT\r\nsZdeK/GejCBEKpXhomFDFMa484ucLFS5kxYIBOKqEMw2GH9foxghMCvi4Q1/\r\nATKUD3BwdBFlywNR8EmEL0bcX+aqkWe1TOe1H7+TprrYblpLH6O3dF4BBJZT\r\ntSf35DPhkmAnLa9HlyAZDrL/9g1AfqJmkS6iwwy6qKPN5VemZBAJnVOJUm6w\r\nL1VIIWQZKrqJVArfKhAkb8Izif/p/HPQoRLZDeVkkTODvW0N4pLY35mglxwQ\r\ncljS55xNvE2Op5mdK55mzLY1KLmxBeLy7PmO2Ce4Uu9HTrw9b+2Sc6CnVTW7\r\nAFJ7pekhRPh7I8IqlG3Gc4SPwtdDNBDOCQM=\r\n=McBO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"c80c487a43a449059c4c345cfbd2dabd31890c61","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.3","@chakra-ui/utils":"2.0.3","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.2.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.3_1657450636568_0.4117273241223278","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/popover","version":"0.0.0-dev-2022612222012","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-2022612222012","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f33731f979687a8dc2a908d7f0938335d5b5fe81","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-2022612222012.tgz","fileCount":17,"integrity":"sha512-jTae2fthjXdQl9/BgfLNgmGzBahAQ5PWrSi074Bd4OamQL3AkhTISmmQxX3+4WcyEMU1n+08At3IfjCQmzha4A==","signatures":[{"sig":"MEYCIQDSYR9RB4HQjrhZO9pxgRHsqi99rqql8cZnD3jnO6XWZQIhAOVNjpKJBlNREUKm2L8BUOYQkyZVO25KrN+ckQzagDbA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfPFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofGw/7B64y0odMCX0l22L20t2uMS6tmGzhHI3hB8BQuHV7w566MzPU\r\nPEEvLNUP3JSyK90fkDpYGi+lJuqaCZN8aCc/c9j9cdtlY/+L18RfzjzPAVAJ\r\nZvA4wzGsW83LPHyApglh2dgcP64Vq9H+nRXq/HvAKw0I0jqhOx656y5W7qwm\r\nPS56MRdMfxul92sY09EIa48WGKgFtsIgbUovgnE33iAz7buSahnqXJsUyEzw\r\nLCTm8SRhu/uSsfxK6twyB/dEOWlZDDKasFbIwMpsy1xv0i4UXFzLWYazVDc1\r\nOSVp0PbeWSWNck4TKs0PRXYA81c/B8P0XtGrMkvSUxDJizhbyaA7Bb7iaywD\r\n09KwHPo3BnHreFj1djuamlWC5OX4UMFKo5hUGf5Ws5QSMQXrJLrxdaHprHTj\r\nPqaDVxhvL+PfZ/YhEgYL+E8RqI/uFEhh5eyeW3fyobEOqv8yn/NsFZm7kTCD\r\njVvZGjtgy57CA9viapAeRLl1ygjj4rn/GvQgnPfH5BFBcGzoT7VHlKTMI1yF\r\n244rOmI2KFhxd6PUrhNibeWFMbowrdm50Pt5NRQGAl8ErBq2lFsMlLNNlQtG\r\n4mFMKeJsysDcqsqkA/ch5/evrRJ8FLeEt5thkKUULUjW4/2hz8Im1E3SoIDf\r\npqE0eYqbeEZmXi03qzew1Uk7RQ99OHdYeq0=\r\n=voCy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"46b495455fc416b166db18f5098ede7752b2e3ba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022612222012","@chakra-ui/utils":"0.0.0-dev-2022612222012","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-2022612222012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022612222012"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022612222012"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-2022612222012_1657664453601_0.003275360223853996","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202261316456","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202261316456","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e9f2c766106f1fcf5e70b88a8750743adaf5fab6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202261316456.tgz","fileCount":17,"integrity":"sha512-UKIdzFWcoJ1SyHlm96ZI/1H9/bE9Xf4toWHqpiyKuiU4vTqRw8eED3lJu9OUKPco6M+Fe2SEqb6tGa4YAq85Mw==","signatures":[{"sig":"MEYCIQCLzIeM1cO769f0U0SpZdm/udceZhgZXRO3Rfwbt6V2cAIhALzX7udx0SEOUy/bH6XzUX+GXNuNTrG3tXsbPOe/sRzs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizva1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDFQ/+M97GbsqdlnK//boqltHAYo1KBw7LsNhk4fdxgXdJLzMYMmrj\r\nnc2zlOjRPvBC4RpjYvGt2MS/hA/QPpBSGEE9LTNtNeg1viH3r8A4jTIF4HRv\r\nV6p2oVBrph6h4QcYRib4wXg7QSTLG3jvhphB9QCy6wJLt9z9JyKV8NPF323k\r\nDisQL1Ax63fAwoaYMXL8P4NtIdiLTKlBFGmpKHUqIjBeGbJkTZW6GL+Gsb+x\r\nKs9UzwPTvLaUur65QMs6o1x7B4kHbJfQWQui+5d+r/hVrEOyRU0I7POD1Ldh\r\nvLWqMKWh6kzrrLAR1oNla4s/UhPSd/WqG8fJCPEVxL5QwuKB9DjnewAaLRGc\r\n2I6u3lhT+Ke5DzIECtuOChettR9uFbuOTXEd7KKW9Cvcue48EEnerMPVprFL\r\nnW0Gf+6xQEGPX9wyiskyBvDEtwTe61F65EHnrNiNHH7I0o48C4mHBQY9nLws\r\n6kCcV4yKFpvM4iHSt5y+lpARo8o3mJ+vYyKv4K7ZsCMEswi4iJjK61w5Fu79\r\nG5uZxKJju+Hb0KdGOn+JASN5XESx65NdvXTwLOrMsfesp6rMZ1L12IVBPPxf\r\no1wpZQ46rxt8e5Uj/cmRZuZuJSz6p9pt/nCynne2LHRe0XMSWJiVQ159Kz4B\r\nXrzAFQABCNI1U3hN91S66W/gQ5i2GJsZggw=\r\n=pk4f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"fb3c09325d7bf58aed13c6d0fb1f72b92ff0ef3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261316456","@chakra-ui/utils":"0.0.0-dev-202261316456","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202261316456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202261316456"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202261316456"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202261316456_1657730741571_0.3883953808743974","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/popover","version":"0.0.0-dev-202261317818","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-202261317818","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e57d5bb7cc45f43827a11e95f651924ca8c201d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-202261317818.tgz","fileCount":17,"integrity":"sha512-4xtHKyooQwOzpi9sevHVHP3Y34D3NqYWZ/S+fJMR/RxBymVIi9WUjCKeFHZunJlqhL/TFAJZMjFcU3vhlvUByg==","signatures":[{"sig":"MEYCIQDphMADouPGj3ivNgH8RruXlwQMufx0Q+qTLIlLsDZaIwIhAMYssedM0YXquNywQw2fVCuO07QevFxSNXWhA7dEYQiq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3zBAAnWDEGd5m3Sj80bP8y1Qe0X5OhCO2z+NmbQDO2uw3tBxvoVQB\r\nn+wOG0gx6HG7UbPiCvH0HIjKNTorPxmzU1X0x7eAky61wX0Pldj6s70ZzqZ/\r\nFwqBPlC+Afmgzm6hcOMgfUJqpgH56U+uue36s3WSo0asnHmz9E3ZLcP0EbyZ\r\nq0fG9I6nUPVtPjGkthWR0hzYDNihDaH/yl0tfu2n/02INmIjflWrG+lrfU/e\r\naGNOztk8s4Im/dRVMW5WLfKn4EUuh5lGBF0Q5sskJg2iXKoHfMPg4uW+8Rms\r\nYC/CiiAiNebHklU4nF/C4nV6wuR8dFHnaJP3He7rUN3U2qpusDe3qPDSvH3+\r\nFnCSMrTVxGU3xxo06qDQH9dNOReph5WzZzQtlfbN8j7S7RdmW2OLbnqUFdiS\r\nCbszNsCN1sAQj+fZ8inV/KO2PA9ILN6JsItz1FbE+6P+YA/9lLj0EHHqiQv0\r\nJZNvTWtKxBsl1mZ4AM8tAD7F0b9fnaTg4PIfa7eXCIDmAJlNoNvqDExsy/8C\r\n5TwAtktbMvCeCq5lnwWXiyDy+TvY0M3OCiqt66TzyqgsYQMGd1QOLHSKNT9G\r\ny8S78KrQ0/wr+RSRVswlpDghf/wpx+xxpYEe+r4bU7SC1+nzcE0rEmZKUXVl\r\nNzQJiVBU3OF3cFzdu2pJ7km8hcZJdX1tHhM=\r\n=+WqU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","gitHead":"4beff94be65026ddb1d8c06c9e96f9eae195f352","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261317818","@chakra-ui/utils":"0.0.0-dev-202261317818","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"0.0.0-dev-202261317818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202261317818"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202261317818"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-202261317818_1657732135818_0.7877029224493906","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/popover","version":"2.0.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f2a2e2f0cb8b56c5b52edc01e2df24c4f053fbde","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.4.tgz","fileCount":17,"integrity":"sha512-sA4HHnaVBLUpgUoe/s82A+T2BRQ9Hb3+XsLvAbrqOwLc16Jh3FZfS9a02fNokbOWs6NDioslgbSoeTvv5yqOOQ==","signatures":[{"sig":"MEYCIQCwNYOYCZFKMERGK3qsYpZr1UyzSHSQLIU00RwbCuE20gIhAMBO47rzmHkW2fmAq2aF5DBgpZKpeuMuIpGgSdQ08z7l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxJ6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2gg/9F0S3d/yyx+AgouZKMthasTG7RTH2QmFwyQHhjKQ6OwTL3vNa\r\n5q0VX43kDhDtdfZlEkEYla3B1kPxw3El0XO5Nw54QeYghyUCEFk/zurlyheG\r\nIbs+yfD9xHvA1DXvhGB4sQGLuH+cUhPAAxj2iZqpYhlp6EloDalQn1ythncp\r\neNdaI+xzhaSpYlL0mAF+wXTevWgu237sMnyn1iUHvLqOosn4qII7qYbRnvPs\r\ntSjy13VNPGRkz8z9GoMd9D2n5WKHh1GCyUsoonh3vQUhVj0kvEwO0UFmtxGG\r\nJtnHsFKuSHxVKXepODxUnIRZSJ1TFoWN9GmOhqtfOPBSB0+YlfxVEx97uWFg\r\n3PX3hXBURj7rucbVCnokK3AexJ+jN62r0SlDyVrPdEz3nv74qlBEANJTZ8Mo\r\nrSR2GSJ+C5FN4jD9/+h+QqrwVupdyz2ZyH2HuS8w4+F8cDQpsc7qcXkDQxdy\r\nnOY5mwKVxop5BmVtimygTNk9M06/4zNjoj91AeldK7lgcFAgYwqafTa/7jh3\r\nedjhrNKQqJq5vh/u+sZtsBp+CfH6Ln4+CigPm5hoffnMj/EaO+VOrf92WSNF\r\nAflHqoFY7JFW5Rl/61VYgMM7vzOncu/ZkS7SjXPrFpiYmqkTE4EO2BTe3y93\r\nH+DGBAT01f0AtfbQ78PVfiSe2uyeMZI8KsA=\r\n=xs6s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-popover.cjs.js","types":"dist/chakra-ui-popover.cjs.d.ts","module":"dist/chakra-ui-popover.esm.js","gitHead":"5e6a402ac446e4ec252c1fded4fafb2a5a8e9970","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.4","@chakra-ui/utils":"2.0.4","@chakra-ui/popper":"3.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/close-button":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.2.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.4_1657737850800_0.6875283902746376","host":"s3://npm-registry-packages"}},"2.0.5":{"name":"@chakra-ui/popover","version":"2.0.5","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"41235636fef0fa987fc4e35179cb9c6df67f1f24","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.5.tgz","fileCount":3,"integrity":"sha512-lrWGt4ED0Pk0rGKYhjUWvUfCjhvmleJhHuJwdATGenRfO6QIwYck18eFGD2ITPAK4iMU7TjDN7UDCmWDsi5exA==","signatures":[{"sig":"MEYCIQDL/PkSwYPTr84vLPUTnvOPdNAnMBCwFBaPnEFg9Lk3BgIhAKDGr4/eKg8ZO6/VY6v28Pp+pIN4rnxnHSxMVcvAEAuB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2yw/7Bqx468JPi1I9LLexwPBfE8PJJ3HHqj408R4SLhrv8Y4uJpHf\r\n+vXMrHznLbuJXlR0TeRCWNUtEHcSpXwm1yDRynSqdLAidrMapCy9XNRm2E1Y\r\nnh8s4GhdY8tOvNco9J+H6AgjAMu3yFRjRyGSJIH4UKHxeTD50nAIzyggYHE/\r\nvL3qE59TqVIc4ZZN0FuNDzYdl2eSPnZQIcuHO8ODJU0GMTyYaBfv6Fz+gLlJ\r\nBtsv+ngVFVZekHBOzyhwDvqecMSDrnd4gzy5Pqyr90zH34Mn5qL80GUDciSf\r\nzF/+n5PTjT/9Hxc5p3u5SMm83VPExwlHtj2i7WVENaAgf+pdaaPT5tbfsxpc\r\nUPHLxE6HlnJyX25Q2Xf4g4aFMa6Fb/+iTPXt7cA+wuLQ++6lV8l9Sd+QPVHY\r\nHOPEvonGuXQqzMsYWZnC0hNDEJnoHEnhffGjvVj0zucBATJSm5MCRJHQWtK+\r\nDFu67NVdKFDe/K5bp27zL/O86/okIDVcI9eZq3Wy5Ep27B48OFrBW2Z789hU\r\ncmUgTgcsoVaZgb8+gTy9Lrt8O8GAprPtBvBoHWHxk9o49AQvKTRF9BGAuXDp\r\nZVyCc4m5tQ9CacLZEygZ0VhFzRCSD8eLu6njc9Cywr1Rf7witjca5X0dmNY1\r\nftQPFwQGsOxqBIBuKgB0BnB8aylUk+D6ZEg=\r\n=ukoz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-popover-2.0.5.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"tsup src/index.ts --format=esm,cjs --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src/index.ts --format=esm,cjs"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/770a57f396370010e162dc98bd5f72f8/chakra-ui-popover-2.0.5.tgz","_integrity":"sha512-lrWGt4ED0Pk0rGKYhjUWvUfCjhvmleJhHuJwdATGenRfO6QIwYck18eFGD2ITPAK4iMU7TjDN7UDCmWDsi5exA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.5","@chakra-ui/utils":"2.0.5","@chakra-ui/popper":"3.0.3","@chakra-ui/react-utils":"2.0.2","@chakra-ui/close-button":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"2.0.5","@chakra-ui/radio":"2.0.6","@chakra-ui/button":"2.0.5","@chakra-ui/layout":"2.1.2","@chakra-ui/system":"2.2.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.5_1658725841355_0.2623886883346822","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220804193103","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220804193103","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9545dbbe08549f51e40f22820fda29d1f1a65d2b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-Iv0A1ihl9jKem8jzeNnG4YPY+sgmQQrGA/seV61TQuR/UwQxXEt8rN5l6OJIfGaiRShk3wZT5vNSCi21JTXcmw==","signatures":[{"sig":"MEUCIQCUv8ofVx0VtIHIoEr213WdvbOpoEJFGL3XgI0UwXyHMwIgRbEKfuHUVXqpQF8z82nANghWiaKTOeLFlQNWehx/HeU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48470,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B7wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCZQ/+Ne+SfSUi3o7oQCaql6lvNOQ5Gy8PibovOuwL3HstxWiWJ/p4\r\nGuDsonJEeB4DbhF4anjDe1/lvoeh2jnXGDe0JO5tvpn2h8oIokgakmHTQ/Ev\r\nWSljYT1THs3o6wLN9Fiq0cfJD72ZjFxQ8RMpAPrS3nkJi6EUpJkn4C8VhH2A\r\ntDpP1yn79A+VZUinq/g1WLI7ENFCBCrbE4jTJ5BdY2IpZPKLJohi/qjvrgWW\r\nN7ZtB5SBeWqvqZavD+dRWsBqF13fUkDWX/nTIjZyYIChQXCYAx6ucx7kvnSn\r\nWaRVGEpi4xvkIGzxZtIM4aZpintpvp2AIHBo6uIq5f2+hKH/vr1itRHqj/a9\r\nxF2JBTywuBAtT11e8LB5NvzT/0kS4ZETCqrU8GdLxIVkp8i5DZ/jzfk8i/dz\r\nvsQOj8xqLNuqs1DdHiD61pI0NDsu1nj+p3fCKg6/Ksrvh/TNJQZz0h/FwUtN\r\niQlG9FUjdaOKD6sXXGYLf8j7l5GJcaIwAF8DQWYF1XHBZEMsyMUYxNk3Xgxq\r\naztXeaHYYevb6D+Wrx89Hq7lquVOXrme53wKnK3eHKS/LOMEO8Sau19eI3BP\r\nO/a9j04LC2AaYQEAEaT/SK+mbDv+NzEDMcyKUyU8YFRvdFOhBIIXFp88fP+N\r\nCqrnwHT8xRxIKWc1wQTJINyyZQP8LFsRCjI=\r\n=ohD2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/c417ebb4eb3b0b52f58728256c26a601/chakra-ui-popover-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-Iv0A1ihl9jKem8jzeNnG4YPY+sgmQQrGA/seV61TQuR/UwQxXEt8rN5l6OJIfGaiRShk3wZT5vNSCi21JTXcmw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193103","@chakra-ui/utils":"0.0.0-dev-20220804193103","@chakra-ui/popper":"0.0.0-dev-20220804193103","@chakra-ui/react-utils":"0.0.0-dev-20220804193103","@chakra-ui/close-button":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220804193103","@chakra-ui/radio":"0.0.0-dev-20220804193103","@chakra-ui/button":"0.0.0-dev-20220804193103","@chakra-ui/layout":"0.0.0-dev-20220804193103","@chakra-ui/system":"0.0.0-dev-20220804193103"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804193103"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220804193103_1659641584741_0.24814327559383087","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220804193815","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220804193815","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4a5e7b67db53e7e2d1eb80a358db338af2545a82","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-bLmE8xEWnUTSqCU7RpALlnE1tgFNCp5JB/oqBoNpi/HP326C9ZPzotVwXM+rnq8Orq0jX3D2QkHK94xO1qYRjw==","signatures":[{"sig":"MEYCIQCGUoyn0zU4pj49zp64K8qYjJ4F9eILLL5I2zKkYM31RgIhAKTBgIZx+Vqtaay7bDFyqiRLD7b+dfa4W5GF6YpvfNbz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48470,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0zw//XMqZKpy2AEp63ZUTG+L37MSCBDB4xBdKg+UGIOIAw1HgfOkZ\r\nqOsEmtTHDjC8cUXEWjASae8agOH+aChk68ohps0pyvwzdau4gYeikHgoVOx7\r\n/SDSB2O5LrEBnCrYzyaMEdnZftHIShuJT0FJNmFJwV2LSSL4COoJagFIgn5Z\r\n49PpUuUkmN4bTh4/C0gbQK36Ctq1ywXpP+ml2etz5ONJNqpRpF8jvrGR4ijx\r\nLXWjNcJfMMPZ7qb7nNW6rE8jY7QgS0cFqJGINeAXSekSxD2v6V9aArsPC0C/\r\nfu+iTqiyh7oripOZH4CiCfJvNj3ohMx4JEwTctSM3bQguuM0l6fNNu9j5FGh\r\nFrUCYy4eD3FuY2vCCqwLI+ILTR09+Wj3rhL/3DX/ljBmSfyC2tvi/joSTHz7\r\nhO+al5Ug/XDnaN2GhqYO2q1y7P/QVVCMOgo4R77WgTvFtvHalUkAVr/OYTSD\r\nvVae6d70LycYsVfS82w6gP/qSmMRyWJip6vFPecgZZzGGeELDjTb05m142rZ\r\nsk69/FMd/5W5iR6Z+3/emKRsDdBrguGx9XeWK9n4p/77BWi/9JBwXkyFVUYX\r\n3CzjHBVwKBvYMBL3gGJ+5rZ0+jQemYbdsvELZuUeDlW/51Nb7n0weu13VMXD\r\nzWcZ8k3W4MLFqP4ffcy5SyNiA9B7WgVQe9s=\r\n=2ioT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/c52c025a7b60ca35e50cafbef9985e61/chakra-ui-popover-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-bLmE8xEWnUTSqCU7RpALlnE1tgFNCp5JB/oqBoNpi/HP326C9ZPzotVwXM+rnq8Orq0jX3D2QkHK94xO1qYRjw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193815","@chakra-ui/utils":"0.0.0-dev-20220804193815","@chakra-ui/popper":"0.0.0-dev-20220804193815","@chakra-ui/react-utils":"0.0.0-dev-20220804193815","@chakra-ui/close-button":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220804193815","@chakra-ui/radio":"0.0.0-dev-20220804193815","@chakra-ui/button":"0.0.0-dev-20220804193815","@chakra-ui/layout":"0.0.0-dev-20220804193815","@chakra-ui/system":"0.0.0-dev-20220804193815"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804193815"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220804193815_1659641938619_0.36872509862946146","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220804194739","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220804194739","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9e1b741ca5b2d8c4806753fcd937f675764797c0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-+EnUwapHCktjUDL1cH96jUVXBQ3oJJItqE/JIMJk5ryJAD7GI0Do9szzZVW3ifq6V/JnAdBMtgxkMtpSs/4x/A==","signatures":[{"sig":"MEUCIDKBShtA+8PWPvljLbyD1/cTH5WQwKWbhvWAv5bpcbQbAiEAg82R0fGn7OGJXypBKp7crdhjs72ry497JvaVdTAKxnQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CKmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMnRAAhEtvpKLrkkbluz3nU4gpcW2C8tEhSrgfApu0ZVIliyeCTBqV\r\nJIFqkSW9pXEgE2biogVBw9f16QVmAlE+Bq9oz4doQN6HUOpP/aHJsGtTNl+v\r\nT/WSF1sHVLoPdu0rSyWh2ng3LIwroqLwSxRsNpYSg9rx3zntPeaIFQNiZCiT\r\nfqBtjrMuD4sqftdoeb7pDe5zEZpf9AFZh1rDGaXzrbxsalUjLRw1r03c3Mna\r\ntplIvd+CIeg7a+c5w+xkMt1hox0LAW4YKWd8pCNSP+Iz/u9Z0gsKDVoMZuwH\r\naU8AXn+3wETzb12mw9qSohGtP9Wu8jReZo+xNnrMO6OA5SpMIqdAvARp3E1O\r\nAIouH93X+qg8HG1rmE0R2frBLAsyY/kPht5HikcCOd53n3r44ctCLfrbTDG/\r\nMVBGW8O+38E26D4gwyE4KK7jho0JfxNiJWSDDJwi7LEtSpVtIl/kkbX+wqRj\r\nJUX9kxFv+hFi5POE7FzNm4XGtKUtuB+7PbMHynr/ky7KjOAKFLQgaglHy7Iq\r\n2hgmTlbFI1FPdCRoArY015MbxwKZPe/skmWM8ai9HrHnX0LvqmZU4IlZW4e3\r\n/0aEqrXG0g6F5HPZFGfKqwoOXSbdRAQS4xLpkJmObDtT/LnjZc95HtyUEvmi\r\nHjECtM2265n+C9MsLrmMidT7DUpfMIjJz9M=\r\n=8zzq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b89bdbafa2072be5d7e70d7df8790054/chakra-ui-popover-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-+EnUwapHCktjUDL1cH96jUVXBQ3oJJItqE/JIMJk5ryJAD7GI0Do9szzZVW3ifq6V/JnAdBMtgxkMtpSs/4x/A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804194739","@chakra-ui/utils":"0.0.0-dev-20220804194739","@chakra-ui/popper":"0.0.0-dev-20220804194739","@chakra-ui/react-utils":"0.0.0-dev-20220804194739","@chakra-ui/close-button":"0.0.0-dev-20220804194739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220804194739","@chakra-ui/radio":"0.0.0-dev-20220804194739","@chakra-ui/button":"0.0.0-dev-20220804194739","@chakra-ui/layout":"0.0.0-dev-20220804194739","@chakra-ui/system":"0.0.0-dev-20220804194739"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804194739"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220804194739_1659642534733_0.692692994685258","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220804200605","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220804200605","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5f34835c76e9f627812ad679cc5c7145193d18b9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-zDgBgK4WMnfRsDnrUqTubc/h+z3e/EYTzK7kExwPOSLToS+NxaFpCfRqN3hH6StkFlkyad/9VHmKVv2Flg8mTw==","signatures":[{"sig":"MEUCIQCU+Kx4NssZnquX1rQx8Vq1SQZnN4aqEl4oX6pLxUXMvwIgfMmfRP6VXqNu5a37wdZBcO8NkRQnpRaKy9nr37GwTts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7Cb0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+AA//Zy6ITBJWNyjZKdowGa7VyFuWfeUOwq+hrP4RHKgVZku0eHlC\r\nqAgHDL9zqZ9VWcU+EHAHR4mrugmiFT2lVvIP5X/a2wYu6yyv2mfV7QANy//D\r\nCSwTuxJGw34kebS81sG1F66GODrIr7Bir0BfI6BXJIk1yD6KaKB2kgm65PoC\r\n9b8Kn6ee8xL8FpiiY34376a8l2V3GLZ9w0nFiy5eO5DISA3AnOgsZJRAcVyi\r\noQg+vTEwYr+FPQvqqeTniS8kA/ACEqw3XOaTYJwcdISxCSeEVady/w9lCDjp\r\nvIxFdK3j/PnM+2R7jT/ltMRTLm8n33/1FOycn2im9UwYmxkkU6m97nahNSmL\r\nyCvmm1LxVcuxlicPCQavKCZTyp34XbMBFzliYKUo2h8jI3Nk0frGTzbfO+PO\r\nB+cM6oKjtuI2K1U8LlooZcfDILeBk3Z8YHWAlEPRQWEGm1bvNSvlcKpy/QIr\r\naCmDJCf1NJ8YlW+hBkNoKq7N8Jb1+XIS1mLf9X9Q9EUVQHh0D5ZDemnfqCFn\r\nIxplRFewPLKY6NN6a5Qz9k2BTnPKJCNtyIhSEDMs80Jb8IVSdXGMb8U6JXxK\r\nplW/HM03oqVdhW5MWoeb66e8prvQxuSfdrXAryJkv3qcJfTXO7YgUrQwXKmn\r\ny2e1wCVdzDUVFjdOKjj2fN+bD1Wlxgic+VA=\r\n=nQgk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/bf321c141e02c8a2fc78e31728baa425/chakra-ui-popover-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-zDgBgK4WMnfRsDnrUqTubc/h+z3e/EYTzK7kExwPOSLToS+NxaFpCfRqN3hH6StkFlkyad/9VHmKVv2Flg8mTw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804200605","@chakra-ui/utils":"0.0.0-dev-20220804200605","@chakra-ui/popper":"0.0.0-dev-20220804200605","@chakra-ui/react-utils":"0.0.0-dev-20220804200605","@chakra-ui/close-button":"0.0.0-dev-20220804200605"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220804200605","@chakra-ui/radio":"0.0.0-dev-20220804200605","@chakra-ui/button":"0.0.0-dev-20220804200605","@chakra-ui/layout":"0.0.0-dev-20220804200605","@chakra-ui/system":"0.0.0-dev-20220804200605"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804200605"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220804200605_1659643636156_0.43443313591472665","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220805062318","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220805062318","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d45f9cc09eaa229ea0ad2c60529c037a0b2ad0e2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-1UJ97Ctmh6HCToS4m7Ol8/aJLCU1ZmyMGsRmF5Et/KI6qWjo+qQ7elZnTsComLFGRkn9ivkbsWm41oi3r+hl+g==","signatures":[{"sig":"MEQCIHv08kTtJJXbNBbc+yZBuNEzep1vEiEdcWE2DIiyF9lPAiAFPO8MzAV05odhrwhig/O4gOOnMEd+f5+tAPdbqyupEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LebACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpohg/5AV4LFtp/zUGBaKKW6K0QUvzVJi2sOtTU5ct4vcbmU1dT9CBk\r\nDUotRYUuQ43CuGs+qF0h5yTCE1znUghTx4Xqj36j+iw6AwoZEMBbU2sRvEhC\r\nLEsoYPPC6X+GijPrdIMfnR7thHlFLdoIhvZ2InE/pnI08WF8emmyms+nzY2K\r\nwNStXfbRtSr0Pq/1tObEvvzwbDI6yr86NLxSxBWBxwU8Z9KpVmk1zh2Xew+b\r\nnaiR3g28LRggIlbvbsw5LmbsOabzEWq+SqgKNSW3uwqLpyGkgzZuG5oBwbaC\r\niD660mF/ZgJok/l/GpgvA4aCf/2FhzIeGhqgbeps9NIK8Zdfy03zf1OHYopJ\r\nETBQnbl1GzJljp0lVITaV5tN5Q8jcWVU17j2+ct8YPa+3rjW2yFHSbIDg/bF\r\n8avQIjlKJS/xXN43rO36bXVyr5ryX4m5XhC/HSsuCQZCzJmAe8/pnD/XQnp5\r\nurrtjKTrhf1iJCCKNuwdpht9H0vi1axdUsBXFMENoxdgdYp6z2QALfVuVz4n\r\n2zG550X9fXE0M5Iur2uLVQq0bsnvgnP2hiHtMq3ebJ/stfS3p+vfd7oTi47N\r\noVU07tT+DB5iDPDyC0eZ+nsq0icriNmDkEzFkQwpwf6cXS5I/gZ3LmTOVzvL\r\nTBPyLFe50FaA0sCgmV6gEFaEQCnaum9Uuwo=\r\n=RfOE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/12a66dc101954fc38a1ada1f1242ba76/chakra-ui-popover-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-1UJ97Ctmh6HCToS4m7Ol8/aJLCU1ZmyMGsRmF5Et/KI6qWjo+qQ7elZnTsComLFGRkn9ivkbsWm41oi3r+hl+g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220805062318","@chakra-ui/utils":"0.0.0-dev-20220805062318","@chakra-ui/popper":"0.0.0-dev-20220805062318","@chakra-ui/react-utils":"0.0.0-dev-20220805062318","@chakra-ui/close-button":"0.0.0-dev-20220805062318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220805062318","@chakra-ui/radio":"0.0.0-dev-20220805062318","@chakra-ui/button":"0.0.0-dev-20220805062318","@chakra-ui/layout":"0.0.0-dev-20220805062318","@chakra-ui/system":"0.0.0-dev-20220805062318"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220805062318"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220805062318_1659680667377_0.47264582442177816","host":"s3://npm-registry-packages"}},"2.0.6":{"name":"@chakra-ui/popover","version":"2.0.6","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3efbffe6333bd60b8d61adc5e2d6fac38c3942e0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.6.tgz","fileCount":6,"integrity":"sha512-v4P15wVSgvTalz0VU4K7pDtoqLm8FQEZ/+rUP03M+FTz9/XCJggjnfnx/eLuTr9l17PYGw7xivwHa8qG5j+zvQ==","signatures":[{"sig":"MEQCICymER7pqrr8BjezPbYiJj2a3xuJFIDunxHooJ7PkwZwAiABQ/hUWetPoP2rLsYfF8ZR5Nf9nxQ6aLJprPW2T8bNVw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49258,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O04ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4TQ//WmnITnkypfR44iJyFx2a0O3Jk+ofE07MgAGvMMAMpxT7NXTF\r\n0hiOXfSoSJw6xm2yqFpLh3bpAo42uRVZwGpQ88YZagzUs4QzOEPjW+dnmSk7\r\nzks6Y7UmZrmZbsHOYZ2pI170bMI1sbIF3BF04p5cVobGUHEjGf632/fuXrTk\r\nytNt+Qrw2ov7rewCNLyhMAw9L0vqZHT2lxzWQWopMvBTqd9bN4jyaGyAqBwY\r\nR5XWNljX91lxKiShtIEaxpYHeUCl/u9XXguLhIzQGkFASF7dKLZAJeTAIwBe\r\n99h1y5wY9D92UGce2+A54V0UTf8YcwfOi4jkXkZnzceMPEsc2cXaKJWR/Da6\r\noghbbz4kukQy4t+vj7KTQ6wM4kegnuZkKf+y/Lxb8+zn0r1ijw4dGDAxYwbt\r\nEkwStHbAVV/3ec+5DGKVh4bhgUG140BHhSggUH3c8LUSNBLn8FHWVlcqaiwv\r\nJzVUHhtJeqHyqmIxhc5Mxvh0kfKTO+IA4xcjiRwmOK3GtNzMLnb8beU2yHKQ\r\nCKXP/DfgilssJZg8lJyjx7NePk5LOac7W585DcsMwJ8w6dRfRotoDLeuRLjT\r\nijO1XDo0YnfROGRqI+qBDmCArtLEVJvgN0xzt1CXECp0NUtj+bjuUkdzX3Yo\r\nLLlnGDahphn8/jEZLp7meh+jDNyoYPvkSss=\r\n=8c8L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.0.6.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/8b460c6cfef0be9f0b9909c4d6a0f837/chakra-ui-popover-2.0.6.tgz","_integrity":"sha512-v4P15wVSgvTalz0VU4K7pDtoqLm8FQEZ/+rUP03M+FTz9/XCJggjnfnx/eLuTr9l17PYGw7xivwHa8qG5j+zvQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6","@chakra-ui/popper":"3.0.4","@chakra-ui/react-utils":"2.0.3","@chakra-ui/close-button":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"2.0.6","@chakra-ui/radio":"2.0.7","@chakra-ui/button":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"2.2.4"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.6_1659694392657_0.3701188134534432","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810112922":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220810112922","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220810112922","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"027dd6b033cbfadb831e559b47c63e41e4cd59c2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220810112922.tgz","fileCount":3,"integrity":"sha512-KReKWjIJIkCYXP5k+e6hnk4tlnBOVWaJZK8K3M6sil0tXaLuAfYRLkF/OxnlYI0WL+Ku25Rj9aBGOLaaG+KuGA==","signatures":[{"sig":"MEUCIG8XRqfi8riYDnd9+gC84PB3TbpkzXmsDcEQpQLwOpJoAiEAiDrDSOaCWdfmgkCk8mXxM20oR8T3TZdsL9KX/S0ZGXg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi85a7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0hA/9F32s2+8ttzMDziNa21B9QD7YYS8oyFFkrpiKxAscI98f8oTa\r\nbp7p9/yuWpEdvdmQpaeIe0RzIMZCMj02dD/P55qMreervach6HHgG0pe/E93\r\n/Cn5t4crFLqU9Ijmr6FkL1uMAgQKL5HEqYMoRXwpF1ioFIZWCAo+GRybWvdG\r\n/wdLbviN4+edle3ZhWzfy9doDd9u/JDsGjpXhxiJJcdPgkNpwl0mJgW9A4G3\r\ndxNK9B/qjFFc/xSxjMw93Uap7S4ix+un0zy5/YoOfrp1/eqnC9z5FsI8LbAq\r\n1x5dGtU/XJidTcavWfAXZI9jalS9lgCSGqYYn5hZCmPJdzxKREz8MUUHf8Qd\r\nWq7dGvCfkDO/jNcweT5dpiU1JQAYnP52fpWCEDkCS/CeD+k0snTmeqfN280z\r\n0PG1h5bGlpx0cQcnCIz9AHwtaOnIHFj71l3o+xElLM4aEmeq7e8ST1I1VNNI\r\nUB5evp7dkx0/L+oxb0Pd3dEueU3eh8TwqeSNK18ilu4lGqDhjjEfFtmkXcO/\r\nARSmIFeq5sLXAlCgNy+t+YP0qdHTNHvMnbl/IfqvuH905tttaNu0oO9Zyy4h\r\nID/mtg2Ns1nZw7Jllwd+vddtPKNtZVBuly4Qnl2+tLjUnwjhOPBrHUzi+UTc\r\npwaArfASEPg4sX7ss2aZgapLTj2+PTvOgec=\r\n=1IdF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220810112922.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e3dee15ac0835ff7fd8eed671b85316b/chakra-ui-popover-0.0.0-dev-20220810112922.tgz","_integrity":"sha512-KReKWjIJIkCYXP5k+e6hnk4tlnBOVWaJZK8K3M6sil0tXaLuAfYRLkF/OxnlYI0WL+Ku25Rj9aBGOLaaG+KuGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810112922","@chakra-ui/utils":"2.0.6","@chakra-ui/popper":"3.0.4","@chakra-ui/react-utils":"2.0.3","@chakra-ui/close-button":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220810112922","@chakra-ui/radio":"0.0.0-dev-20220810112922","@chakra-ui/button":"0.0.0-dev-20220810112922","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810112922"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810112922"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220810112922_1660131003722_0.39061504921160073","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810121727":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220810121727","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220810121727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c97f10cfb07c132145a431dd89b1a10bbcadd16a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220810121727.tgz","fileCount":3,"integrity":"sha512-QBXQ5g1fQBJqFEVhIE8U7p/fEfyVcv/6A0YIrZIAn/a4sRGy2TWWjsWW/x1aOLvy5mvhaeUKwf6YiHtZog9XTg==","signatures":[{"sig":"MEUCIQDFuVVFa3D3IbP24WJEpdPMhdZeNK3fTrXi7WFnnsdpwQIgWvn8QpSLJOR5qGx1hwx9nXxBEami5PWR3ORXj+rp8rY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86IHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsVA/9EbQCa1J/LM9aRZ3Fz5gQa41bskXiduVS/mfheTxgPskQiARy\r\ncirOeOI28RL5piAXhingoOOoHU9WtO1VYMPUdBc3OhzS0HwLR6NHrEEA9CTz\r\nmsKoXUlcoVTHARVxrrw0nzYnESZ0L4IH6rBgo/6s/CBNbfhs9FKHUCIbYhIm\r\nQzsaDFfm6ILbtgooaPAHB+3wGT+F64Sk+QrPhWMKpol0o5N4SLc8QdEl0uXm\r\n6fNPlhv+ywhrtJ3R33VfGMDGxRVAaJm4Et1yeKiiQGCyMxuOvZS6yv3Z/POm\r\nDwHBNkD+tJUwEu2VcVW+YOdk9IRA6PbzJ4S0LIwTaebFH8rgCAlepITNnDBm\r\ni32xEMRf8sV4KAkrQFbW/EBoAORQuAp7sQ0OYUpqk4/33DlpZ5HMN2HpWvs5\r\nuB0/I6H/JLrFVr4+DNxMh4FA2JYN9vR+lGPAGKLR+qUtRKlMNllgAzBdh0wA\r\n6zPy+IU+zZuPlXad0ZI6f9Svgx6yuLARM8TDJbSOM+POUfVYJhnPzGSuZtA+\r\nJmgbv6C9+H4+gTHMG9c8XTs8l3zJvdSPkK4oVx5BJ48TcZ6e4lfnIRH5xk8J\r\nYGl5I9gkTs2B73Fk8LmP9dhdtgzRPhEBxS5VdEJr+CoJVOQU18nPuCd6jkX8\r\nGE2pMMuHxpcpx9Az956sAcu3L96EeOB2DG4=\r\n=UvAn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220810121727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/060f5075d3de577b8bb90841fa466721/chakra-ui-popover-0.0.0-dev-20220810121727.tgz","_integrity":"sha512-QBXQ5g1fQBJqFEVhIE8U7p/fEfyVcv/6A0YIrZIAn/a4sRGy2TWWjsWW/x1aOLvy5mvhaeUKwf6YiHtZog9XTg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810121727","@chakra-ui/utils":"2.0.6","@chakra-ui/popper":"3.0.4","@chakra-ui/react-utils":"2.0.3","@chakra-ui/close-button":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220810121727","@chakra-ui/radio":"0.0.0-dev-20220810121727","@chakra-ui/button":"0.0.0-dev-20220810121727","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810121727"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810121727"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220810121727_1660133895510_0.03677566559412426","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810122556":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220810122556","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220810122556","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f042826cc0e8186dc2b293e825680093d24fb610","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220810122556.tgz","fileCount":3,"integrity":"sha512-Pqd9Jk/agcwSkFpk4XqGxvQoskC5QOdqsEiN2gJcqTVHLMFPVQCXSW3/VVMfMX7bEopCPz3E154orAHFv2UHdQ==","signatures":[{"sig":"MEUCIBZoyhJ2W8cbVcl/69WIZNs6ry3eqhWTjf25L2la9haRAiEAp7XjT0nYZgLdKHG/wrXNd2awj3cDR/EY+OuOpAiSzsY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86P/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGzg//SVFFfE/BD9K9TELdndqyQ69FZUW9/zoNCOaugdRpJk//VEvi\r\ni/Syp7TaKsui3PIw1otwlCXZhDxvrBOC7KHI54+wR82dLq6uY++SKzg6dsYn\r\nsJT95UZDMCuMKkb1doWYSgol8VoKLyXDx9rL89ypckVROiOTaVVYH748wFGk\r\ndQgAyCQ9t+9VdL5ZdjJsOjhRUR8a9m5T1ZN+vhytcgPDv/Mik32n2DWDUnoP\r\nL3hJzrP9nA3zZ59yqYsSRgANHtI7gPPWoThxsB8jqjc5dNz6dCfcr7AZx7QE\r\nCcraz8znAwKShu6uSEr9n6ViuOXixqXV8FHyFIFAHPOEY2mFdJG5/RZ3zR+0\r\nnjgsf6O4XGfThg/++e7tdkw1u6f/Mds+WzG7adEs+WM7ADuV7YeYpD1RUE0s\r\n6/leXh5qWyp5qhraKioxIH6l9Ts36PAps4xCr3o6D3GH56hGr4fsoyt2fY3f\r\nBD5QXA/FHMQ6XxpsHjfmaAHAcEzehyqqL71yrjyEaBbN9gNp4B5qymG6Ye0A\r\nPIKFf6Fm1Rbl40Gq0VinN/yZ9BOF62GHFiR+xw6+60UteVpdW9SI5b5n9iwH\r\nkmTySyBQYMhWR554MwpbBsbxrONQ5gpj56wFvQpYlnLi8Q2q/+1lrPnDbKOS\r\nrNCbdDwnNIzT6VRjY/jWLKHFryjTFngGhkE=\r\n=v3wd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220810122556.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/38dd2284d0bdeab7c0dd96affab6b707/chakra-ui-popover-0.0.0-dev-20220810122556.tgz","_integrity":"sha512-Pqd9Jk/agcwSkFpk4XqGxvQoskC5QOdqsEiN2gJcqTVHLMFPVQCXSW3/VVMfMX7bEopCPz3E154orAHFv2UHdQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810122556","@chakra-ui/utils":"2.0.6","@chakra-ui/popper":"3.0.4","@chakra-ui/react-utils":"2.0.3","@chakra-ui/close-button":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220810122556","@chakra-ui/radio":"0.0.0-dev-20220810122556","@chakra-ui/button":"0.0.0-dev-20220810122556","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810122556"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810122556"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220810122556_1660134398949_0.3253246121838853","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810124358":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220810124358","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220810124358","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e44e3c56c63fdb1c192c7c7a4ebebf899235c2c0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220810124358.tgz","fileCount":3,"integrity":"sha512-AzPuR7T2OHTV57ZkgvhlxpjDHJqlYobI65OZfQh/WuDtnWehxwUE271xYStVRMWITFhMOfk7kpsk8kctcigLuQ==","signatures":[{"sig":"MEUCIQDFT7mgORoW7QYB8ADyEnOjOnYNZLtpZc+Yyeoo5VO/NwIgCGUnQxMy92C+jx1emqO/i5zhvy+4IzNl5YIPgzTe+Cg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86hIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFExAAhbTLE71bBMdX1p3tE60c3lKvugM/89n3HducC3s3LgrqCw3e\r\nzEdE1RGJfc7Ing/7N0BR1QwqmVpZkztskT9YtZMDZHkwTtob5pToL0rQMqjn\r\nMoKAnd88O6kCJxy33YcE3aZ41UczSEMrb/uZuov8SjGUWRFbfLp04xZaWNs4\r\nyCBZIGI+QA9soplauZernI5mBYtcmnao1kWsEmKKwCudTyWnHASpyh/p+c6n\r\nThJhwLNfWD1FsQKkR7Ts4gT6w1fZ6ILmSAqRbC8+nRWpfPqSUW+dko2JHj7M\r\nBKFEUblBNMuplsNLBUzpSop//INkddLj+ymQ7hmqqfRpIHMVcHTCnS4+ssgP\r\ndQretGdoN8XijtRUEiF30Rsynyzm0NUjxgxtF2ZRAS0aDibA67gzs98djtgA\r\nHEKCjttScGai7SmAjNbRbhq/+300225IScbQqImxxhjy06wFCoAmEfPhpFKM\r\nPWvcJ+FUN/OYBz7/1zd+BBNcL5B8KAEeRCeVzQJI0pKQ0UVN4Z7+RsdMe0zv\r\nw/Y7xOH6NsrCOfCNeduqftyjtc+wCD5xqhUnx1I5YnARTEZzRb18DSb4DWqN\r\nlrfxanGCiZYwsKAlw+6uhplN3ThBUH+mqfQqhnCGmwEhz5xVY5RrxRNLQl2d\r\na11Br7MO/V56OqdfOjztsVdy/cNnOMX9Ad4=\r\n=rxT6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220810124358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/be43970e9e763e7ed9e4f989c8f923ad/chakra-ui-popover-0.0.0-dev-20220810124358.tgz","_integrity":"sha512-AzPuR7T2OHTV57ZkgvhlxpjDHJqlYobI65OZfQh/WuDtnWehxwUE271xYStVRMWITFhMOfk7kpsk8kctcigLuQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810124358","@chakra-ui/utils":"2.0.6","@chakra-ui/popper":"3.0.4","@chakra-ui/react-utils":"2.0.3","@chakra-ui/close-button":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220810124358","@chakra-ui/radio":"0.0.0-dev-20220810124358","@chakra-ui/button":"0.0.0-dev-20220810124358","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810124358"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810124358"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220810124358_1660135496306_0.4100156763930567","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810132240":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220810132240","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220810132240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ae1dd9a394c1f21d6b832d6523f614faf065d730","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220810132240.tgz","fileCount":3,"integrity":"sha512-NH1nM0RnyR2+GwIACHYc89ew0ALaGum1MkTxpWaL/ErruD4y2RLLF/OqwDUw0Vfno2sQYKags1E8NSptOXV1pw==","signatures":[{"sig":"MEUCIQDbDN/OP0wExNQWesvGKWyBf/ChlBygpIfmrOXtbIAn+wIgQjR0nx0QUfhEXdKTYWGHrE6fUPq4fgipsbvaKwRDDKY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi87FQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogDg//SJQb3hr5DDyByTBa2jxvUOAgqUKSCYS0oMwdVA17WLLoOzQQ\r\nM2SBiZ3E0ZwP8DGevRXSdXSySpRufo8iGb2zP0W1NO5zp33p1/wFCV//mNB3\r\nHLGVr7ROohDBrrwLJoshVySd3b1773sjHbgbU/ZW0wvohHtXoL8AE25cOGmY\r\nf3cHYlSORjZGdItx7+ZwK9uyHpc+RljWCSfYPq2+B/M4IvSjIg2l7MkjM6zp\r\nwxXohc1RvM6xdYaJtUj/ijfdNsnli1uh4zCn9QMSTk7hCde2KnKet05Tbn2H\r\nERgVg1hMVulMrSWvrajueyF8kSTe6S0D3M44I2HLWVtcxdBQbya4UayeMH+m\r\nHaJhQej8mMRUTfb6BniyI9omCVcn8+jp7/4//CcOBvNjGsa95D/631G5UUc1\r\n/Fx4pEQT2bHebELFYVqobuoSJ/jKl+xBG+lUikryEN/xV8Qxpwx2RY4M6ynN\r\nuPEQcky4OAPIypB6iU4RaOzyFFK0BlCh6iIxVgT/WEz/rjzl02Zd4hJFStOf\r\nHtmUE5gUE+rZtLQeCc3Ek66lMbpDQkFMfmeR/9lr1aSns17KULxLzYv3Pgsu\r\nf17gVFu6sesZnH2+ttDnIKRRHNY9Rn7bxXb2pcG0/sL9rZ7S7uJ6eE09oOsr\r\nSwELMp0LnmW3g38EOwjchzi9SCM/xBHlA8A=\r\n=ZljB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220810132240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/95142fc641ad06fe9e40d30f73625501/chakra-ui-popover-0.0.0-dev-20220810132240.tgz","_integrity":"sha512-NH1nM0RnyR2+GwIACHYc89ew0ALaGum1MkTxpWaL/ErruD4y2RLLF/OqwDUw0Vfno2sQYKags1E8NSptOXV1pw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810132240","@chakra-ui/utils":"2.0.6","@chakra-ui/popper":"3.0.4","@chakra-ui/react-utils":"2.0.3","@chakra-ui/close-button":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220810132240","@chakra-ui/radio":"0.0.0-dev-20220810132240","@chakra-ui/button":"0.0.0-dev-20220810132240","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810132240"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810132240"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220810132240_1660137808128_0.013638925592825757","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220811084042","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220811084042","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c0a25fa733a2672947c1db452df7e623c8feef39","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-NuoCgH3fki1exfoenKhVUCbFuXk02G1j9cqYT5ZUkIjMSae+pI/Apw7C7f+a0rLDcouZ7BBCkUqdQfs+Hnirtw==","signatures":[{"sig":"MEUCIQDyucnnjXXYaZEnXmrJ6MWSnMMtHnbYjnicfdxmmKdfYAIgZvmXkNpNeVh2h36gwOlh814DsKIhjPmavUtV92pDLJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MDLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtyRAAoqOmAWPC+bEYNfaps1V48k2szbJiiJCtE1Wf81ZNFk6PSSZa\r\nDMNiY+buH5MbttLoSjba2gy0c8QJ52pY7qb1XZ0VUAf2RlmX9v0ZKX/RYwkV\r\nI32Q1UAihX7wjbTOk7QoxYet1oBSogCZh81uhQG1hwuWFYa+rDI2/G3cbpVy\r\naVj4x2hpyx9OrBfwtquAN1Q1gfLKdILLCgQoAsqb/zWIvfYgJJ6Rrb/UFGUI\r\nMVp7mO3aC2ASd64zQx+wPlG7sD6BukjUlvxseEo3gWy9UayEIm7CQzmK9HfO\r\nwhNtVtQuRsiuMTqxa6BlC2tf2UuWRyk0uCPLVyk8LlwQeiB2yRpCSR55I7Fx\r\niCSnNKDVmbsQTFwvVelppMg0S8X6K/sPmuUtqq7SlTkZ4a9T0WLOlyv2ITqI\r\n1MCqGnjN3tbHvDlULZ2j/e5mM6zK4wKP5kmEQ6WEpFJNELa5E31xFJAbMwzb\r\nAue/PRcDypbQp66p7xbATOSFNL0sRdNRPqhlxYj7nZq979h8n6YtDpGttSnG\r\np6iSUD8x034oyccGoiaD5XgKLAwfJnmONIcdRe2N3vWNBPJwl52Eu0U5RyRU\r\nf2s6F5yk5uh3PlPG5nLbagZn5uiFLOUe8jbtLjWY4+RpU+B+QMCTxXqtnBJM\r\nT/X0iGso3HYWqeGc1Yrw/e1YNpZnaHYOY4U=\r\n=7AK2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/92a9c3e8d7e34b618c751ac16f1841ec/chakra-ui-popover-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-NuoCgH3fki1exfoenKhVUCbFuXk02G1j9cqYT5ZUkIjMSae+pI/Apw7C7f+a0rLDcouZ7BBCkUqdQfs+Hnirtw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811084042","@chakra-ui/utils":"0.0.0-dev-20220811084042","@chakra-ui/popper":"0.0.0-dev-20220811084042","@chakra-ui/react-utils":"0.0.0-dev-20220811084042","@chakra-ui/close-button":"0.0.0-dev-20220811084042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220811084042","@chakra-ui/radio":"0.0.0-dev-20220811084042","@chakra-ui/button":"0.0.0-dev-20220811084042","@chakra-ui/layout":"0.0.0-dev-20220811084042","@chakra-ui/system":"0.0.0-dev-20220811084042"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220811084042"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220811084042_1660207307318_0.302230659980248","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220811093515","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220811093515","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bc6f8d26dfa8ae457d2fc3d7d24941db230896ef","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-v9DvB5nA5WX3U3iDkvjb2OYLiH4oYnA6OIX+mG2KMT7QPSTYoakQjy9HXxz093fgj89oy8SeqArdSjRk1io7Lg==","signatures":[{"sig":"MEQCID0dwB3+QyZLbJiIL55XAmoVIIQKpJOYGjTPHmh0p/JWAiA1aqDZ0roSXPRRNUS6kCG9XYrHtOX+erblrbWYMmpyTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M2PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6CQ/6Avydtojfoj2b76SCktf9I0vvhpGh0aMgzldL9+lEHEwE3JbR\r\nSZaEDmDifb/OQ11eDAphAXQf5wHk12skvB85IMQ727fY9DgBnXGrXjXBnQAr\r\nO436dNBZkw+Ze73m3QA8E3hDqXMlSAU0o1G7ZH242g0+xVKjyXjiEMUsu8Xw\r\n2fRq8WNz/RhLFjmwdXYzCJDVip6d6ewwkoYbhUA8asf3ebWTP7WSTlc7Gi2s\r\naAWPftbaEjZ5bVUpt5lYE9dYiJjmNWkujAcs1OoiRv/1Teu+Qo8CPPFl/vQ3\r\noW20Qf784wrkpkxhXg+iIpjay+7g38Fnefk902dnMJ1mbxI6PQHdNx/P2+qu\r\n6tqqdgFyonltk8OWLmrXf/ugSCnTW9/Byo3ffyr/8fTvFynppN70U6IbQ11C\r\nTlxzWOptxV6crC/4l+XMncmY2HL8iFBeLseBqZcAxBWqG8A7nV6qPZftAaSS\r\nH1rQYBsnpONBHP9PVKQFyrnqr734s001v55ACsbXj7r8Kg75k4JJxJjovVEu\r\nwSoIAP0/5OEjJOeeaEUr3SwAq7IXSWUVaHyGOQOEebSAe0yATFxRsH6l7UAl\r\nFr9BshFXB9b8Cx98HQBi1wocdvpuI/Mf9qJjUjOQ01kTX+37rd0XzrfeqhUg\r\nzfpyb3+YlCX9JlnFs6+UV74x+AraTy8NTek=\r\n=A0Mk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b9a885ff5134a484182342dd70c42938/chakra-ui-popover-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-v9DvB5nA5WX3U3iDkvjb2OYLiH4oYnA6OIX+mG2KMT7QPSTYoakQjy9HXxz093fgj89oy8SeqArdSjRk1io7Lg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811093515","@chakra-ui/utils":"0.0.0-dev-20220811093515","@chakra-ui/popper":"0.0.0-dev-20220811093515","@chakra-ui/react-utils":"0.0.0-dev-20220811093515","@chakra-ui/close-button":"0.0.0-dev-20220811093515"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220811093515","@chakra-ui/radio":"0.0.0-dev-20220811093515","@chakra-ui/button":"0.0.0-dev-20220811093515","@chakra-ui/layout":"0.0.0-dev-20220811093515","@chakra-ui/system":"0.0.0-dev-20220811093515"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220811093515"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220811093515_1660210575334_0.2929977766674208","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220811160709","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220811160709","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7f309b5d8e6172b227218c0b6a5faac0ae9f5749","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-IxQQB9tTibnSuYcMh86H0ULyCPfnTF2PMvqb2zCuTR1dd14z3n6eCQWtAyQO7nMf4L8K3WH+62tkVxFtv217BQ==","signatures":[{"sig":"MEYCIQDAH3KhR7a7Kqpo0uqqk2bD4JErihx7SSK+AaO01fNQJAIhAPXR4qbaE/Oct4JjZVWW+c6Q/5lK8Jr7niCOP64MZwSJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9Sl2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+lg//X4aixBwVwjBDfEBZpF53qnzddQKBZqhBe1MxjFqX9w1dAkPa\r\n54zcE3xhlKGEahDMeDXxYFO3IlQkDh1O++7q+YGOzcATRinPeRhjDq+HWbWO\r\nBf4+dUZdHdFuSlWidtJIuDOvVwo+e4N3xBOX5vSo/cMdli+XvukCQa7m76x6\r\n2gg6qIy6YIBOOUdNP307f3gNCT9h2FnXKKWH6jcBfdUG8g6D+97PHuWp6aJM\r\nHvO15GmDrvBabP8VB0xKe+mf3iCp2Du0H3BLEBYQORoys/LhU/K6WO50oHs6\r\nGAdvTXlJX2QZE77g0fJviGdmOFQZSajlEIhuEzoYkkJum18kMk9dzJr8E43y\r\n88owFMt8dzqrlZGTG2KLrhq4MlG+Q0iyh4R4ZTO4rOLJH4ZnNCRcsBuxrniq\r\n78guSnKESTxeCWfzF90PFFsgk2g7jrqY5SG2oL5UZEWMTLCu1y+fSD3Htkvh\r\nZQ0Zy25mdbymTA5KmB4JB6JCAYY+9Ue41leMO8NTNIsifCt0sR/kCrGhhZ72\r\n1HrWml8Syi74zwbuQiA0Ky5SJG/HEatPLNNw8zvs9Eqr4Its1oW3k8MFl3iT\r\n2/+bQERQCZ/rWmNl3m1VwQXOZugi2W54vAl8/ThgcwjYahAYlUPYyq3hItza\r\nT270AlF9lPdINZzlLG/PDRUZGyau2B8eQck=\r\n=qPFz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9eee83511ce670103b02569d0b025aaf/chakra-ui-popover-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-IxQQB9tTibnSuYcMh86H0ULyCPfnTF2PMvqb2zCuTR1dd14z3n6eCQWtAyQO7nMf4L8K3WH+62tkVxFtv217BQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811160709","@chakra-ui/utils":"0.0.0-dev-20220811160709","@chakra-ui/popper":"0.0.0-dev-20220811160709","@chakra-ui/react-utils":"0.0.0-dev-20220811160709","@chakra-ui/close-button":"0.0.0-dev-20220811160709"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220811160709","@chakra-ui/radio":"0.0.0-dev-20220811160709","@chakra-ui/button":"0.0.0-dev-20220811160709","@chakra-ui/layout":"0.0.0-dev-20220811160709","@chakra-ui/system":"0.0.0-dev-20220811160709"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220811160709"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220811160709_1660234102578_0.9437337998518307","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220812060931","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220812060931","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"946e5b76a5549c01a52a35a85dcad11c95ed88b3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-u2tyH9Px+on/v7AqVhJT7ogy3ZfK8Imb2zkRq0eRd8uXF2LzeeRNkS/Bk5Hb5+E4T9MLVgMn+DGFPpUSk0SW2A==","signatures":[{"sig":"MEUCIDE583f087TTTib/RDmrlR+thkZ2YdGIs/lPfMs9pKQ/AiEAkXt4NxNaShRRRSxYUyVSEsi6pK2H2xSc/z7X4k8YVqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwYg//RnqDql8apVdV+NyspnsNq3esMn/KUcSMRNNN+Z6/Jv3CUMhL\r\nzEAqOZMkZRezUhfSPFApPYhuF/rpRkALgMGpjQ+DybHHFLAwlc80x2YyLFcB\r\njbwGx+HaSRPIC6p3lF+vycy+jwyEQg0zrF4O4vBepUSBNT6bc5FODFE8vCmd\r\nchQNpokz9xC/5sMJdV/6Vqfmi5rFDt+HHEoKTiY9E2F3K/xAtdVY9X7MkYaU\r\nSpHbRg6RK9hueDjLOjw7x7hLaqlitIyHUpkJutYMzXpI9qb70uG8doCbuFRE\r\n8b+T1Ews8EoBDl+/NS9kEwkkxOAdV0fy2Q5KyCx2UPnjVyFh6j2TCYdsunjC\r\nc3KHeUGWJOJMZb+rnsIrtYQ9oSguuaj5BIbfhwYlyLVQN+Tj6GjAAqivoHZV\r\n0Z+pEkN9AYrzjDQRg1RkMec0oCoOwyEPA+inVPMc2yU6Mw6szBvKmevk7393\r\nwUGN8ImpC23eqOmTBSVceARG+JCECBM1GWzO4rXJD4heSpJ2OApZ3lIyfska\r\nyhWAAtHj7ugXQN4Ip5S/HMshiyvweRVFXQEjVVe55tzndh13HjcIcmVVmb6n\r\nepz3esSmx3GNYGk8Z1xP1bYDqxW6h7t4qgrHuzY/AnqdjJ7WqnToNEdB3msd\r\n+gz/eKzZu0FbWaU5wo7pAbrdnSv3YxArxZw=\r\n=2bIU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0be8fe2373a30510dbfc3a9a243c8fd0/chakra-ui-popover-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-u2tyH9Px+on/v7AqVhJT7ogy3ZfK8Imb2zkRq0eRd8uXF2LzeeRNkS/Bk5Hb5+E4T9MLVgMn+DGFPpUSk0SW2A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220812060931","@chakra-ui/utils":"0.0.0-dev-20220812060931","@chakra-ui/popper":"0.0.0-dev-20220812060931","@chakra-ui/react-utils":"0.0.0-dev-20220812060931","@chakra-ui/close-button":"0.0.0-dev-20220812060931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220812060931","@chakra-ui/radio":"0.0.0-dev-20220812060931","@chakra-ui/button":"0.0.0-dev-20220812060931","@chakra-ui/layout":"0.0.0-dev-20220812060931","@chakra-ui/system":"0.0.0-dev-20220812060931"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220812060931"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220812060931_1660284637375_0.9680983454700824","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220813051625","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220813051625","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"92ea175861c88c239ecda84e4214257f1f4ac08a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-dQrlYHn2UfqMqTyM44JdugpCqJv1RiXgNL941DqtYXzj4yKJ9xmcm0kTM0X4Mrn+o0MevdPLM9IP+7CG3k3Hew==","signatures":[{"sig":"MEUCIQCpQ+FrkV0zRhnnyaTMflD+jARD6ZqKWdQ7Ppx7a0zF8QIgb/69+BMgA/EEeZ6djBjsbBhdLcmXWm5uom+A7mxOvOA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zPrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0fBAAixiOwAioW5tgtGpfRAwiuYDz3qZIz4cMs+KaQWZcNpLoY5Tb\r\nos9rwULnqPJKA7XZKfjukL1IDTaiqGK2bPpKWfhA/ka5cBBxMDoJSQhJN6vI\r\nNQglRu/xvbdPwsXYCGPedm2TFy7DyZAVtTJCcSyn4S6BQcno0Wh/+JANLWv+\r\ncJvm8x8hK5TR9VSwvpFHTgF22L2A2tPdLWUj1cYNeLrCcfWYXglWTYRkSEbr\r\nbs1mMbbJ/aljXKmRQqe9f1inCL/nR1DFeb2FlXXJTB3E1Wh6pFe8pYGTnBv+\r\nZe84+W8uoJyxTdmcRE73KGCeCmeEuz9o96UMQOBV0v59TOeVuEeWdpz5Nl5v\r\ny7gyGZPZeJb4bkV2YiZs1B56h+uD4yJvf+99ruqeKkvA1qsfCwz2QiQTG2xu\r\ncr/YAGEIsA5Rly308dos05suO3zf2sCViWeQCWG3fwjLPs6ILPH/eczwLNEd\r\nax1UlJmMbgW/c0Bje2vUGbsll+D6+5QiAwHHdxFwbkfOD5qAU3xX7SZ82krK\r\noE4SjfCzcCRyB8M+PbsCCE97IIRQ2SZ8VuZSSDmB/QVyQZZsQN24uAx2Cwep\r\n/eqD/V7Igc80ywqBTijE71eQGZuFfCAL7Ma88/WdxKdfIPnYo5y93HEYFDG9\r\n79fXElApA0Inl8R7qSvET3RcpiokexnZFGk=\r\n=COUd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/db56353ed4121e9b60d997ce07e95893/chakra-ui-popover-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-dQrlYHn2UfqMqTyM44JdugpCqJv1RiXgNL941DqtYXzj4yKJ9xmcm0kTM0X4Mrn+o0MevdPLM9IP+7CG3k3Hew==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813051625","@chakra-ui/utils":"0.0.0-dev-20220813051625","@chakra-ui/popper":"0.0.0-dev-20220813051625","@chakra-ui/react-utils":"0.0.0-dev-20220813051625","@chakra-ui/close-button":"0.0.0-dev-20220813051625"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220813051625","@chakra-ui/radio":"0.0.0-dev-20220813051625","@chakra-ui/button":"0.0.0-dev-20220813051625","@chakra-ui/layout":"0.0.0-dev-20220813051625","@chakra-ui/system":"0.0.0-dev-20220813051625"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813051625"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220813051625_1660367851181_0.6794868309274047","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220813052715","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220813052715","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0c5672a1c1479955d05e7c3b42c2fa61c2dab555","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-Vog5STQg7MyrklQno/8qHsgqfEVCZ1AWVipnkfv7Gict+GF32Zv9iRbEla/RJUzLbwk3eQ44sdWXg/HlYWEzfA==","signatures":[{"sig":"MEUCIQCbdNr1Kc5CPuyJJnwQZe04S+fvAXQ2015zpg6CdbNmQgIgV92RUCBCo0EE1Wm4QQxwHOLy9FtPRFTamiMV08wKaok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zZ1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBMA/+L1pbuPfNriFDIbTIvlZ0YbDcAan9/L57vONvVn1TvXxNZY8k\r\nwwOlJ2a86yZlWJfAO0i6SfONyeO7UyQiOUjCEqZ413UodnoYdb+Df55LRzhK\r\nTLikMdVxuzLQ7YGrnPK4KGIwZ3vgRDpQxIlLYlQX7CXpcoyoKNNzf8siGgMJ\r\nVK0+slVyegYeAczNqlQRQP3pCCh0fNwY30BNur5WJrvjJQBkO2BxfjALYOGD\r\nhU+0RazwE7UT+ycZVQzexA5jT/5s7J4d9aofCI+/oquo6xUEKvr9i7QgAiyf\r\nj40XdKs2BgACWPt9bxrNd7zumhZ3F7U66XyhT8bMwmmf5+pit9BIHtDriDbM\r\n9ZxSDf95Jc0FSGZMg9xACISnk/0Z5f5CQwa2/CWEnNXk+IPGFKmNDXn986F6\r\nJFpBZE5Ig97JnqDXRhA0/Sktd4P19q+h0XgDjWKum0+1taL4Euv24+Lx6Lc0\r\n0ncwfFJfbp0IgY3d3N3puii/dbMC08RCajDcqnrUbSgavMCi+2qZsa+irGz2\r\nBfAbMtPClYax2Oj3wwd6aLgQb038RLnxGfRskG4mVpzKXgrS1vaYierSx6TZ\r\nzVZyw9++QS/AJkCKROSq75SP3otdMsvBZJX/eTAVMEh+Htz+Ncht5uqMqimF\r\ntoJWITw3RsBYXd7LqiWX2ndA86iiFpY5Q6I=\r\n=UTld\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e479721064670b8f824f3d5ab6036335/chakra-ui-popover-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-Vog5STQg7MyrklQno/8qHsgqfEVCZ1AWVipnkfv7Gict+GF32Zv9iRbEla/RJUzLbwk3eQ44sdWXg/HlYWEzfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813052715","@chakra-ui/utils":"0.0.0-dev-20220813052715","@chakra-ui/popper":"0.0.0-dev-20220813052715","@chakra-ui/react-utils":"0.0.0-dev-20220813052715","@chakra-ui/close-button":"0.0.0-dev-20220813052715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220813052715","@chakra-ui/radio":"0.0.0-dev-20220813052715","@chakra-ui/button":"0.0.0-dev-20220813052715","@chakra-ui/layout":"0.0.0-dev-20220813052715","@chakra-ui/system":"0.0.0-dev-20220813052715"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813052715"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220813052715_1660368500848_0.681252062696442","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220813053727","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220813053727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e178f18e021da052df7a77ad072e07a8b4b873f4","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-xZHj99BgXNt4g2ivBZtIsJr0ga7NA92aY3zRFGqvkO2azxMYoHUVkWYjKOO/QgPuuGphmPA2qJjOof6KSPTK9g==","signatures":[{"sig":"MEQCIG3XsFsddk1/WHuWg6GyjwQGjXCwhb6TI1Z9L3D8UUi9AiAlgIH6E7lZsYqLHTEVpXY2UdeYU4C7PH81wU+gyEgfSQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zjjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogXw//eyTlZJE3TpLYLm6tPpSBktK+bH300Xt4hC4AHW4xLgu7vWFm\r\npqOSqoxIZmRkoAxuRawaNtknp0m7rCdaUQNkO2qc1PYSc32EMfrvMtgfwd1u\r\ngRGZZdhsrrqAiqSX+XjUrJ1aW2anKwbYl3qpI0Hm63lpS1pQxatMtee/upvj\r\nI+3ElqTcqgxl94dYfl0vXmvpUJFVrlKvIr61eBWQpgruhxW6ZgCvjNnPgyYn\r\ngTl/No5gj5tmC7R8ZGnBAUHciejO6YXty2ntADZ2v3Y8Yv72StPWvfJerfsv\r\n43avf1jCOWAClH6/KrPJHU7BSO17yJ0NUWAEZkKl4cg+0DBmQoD1+YK2/dCE\r\nMmZEaNUZpYlVylnDRFvaHDWyAwmDWCM2JMiDgdcYT3mO5KLhBWJdeprThXnj\r\nqrMXj878n3QBZ2O9i58ku2vuQe8A4RpD4Dl2EC4bdxieD66imdGYdeWwnNQ0\r\nTsYF6Sp4Bz1KZd/ahDvtCgQdLX/zCBXPT/U+1LZ0JlhJcEfOkYYNP/OkhHcB\r\nBNm2zOcmvbGe64QVVuQcgsk9yitwjwA6Xynxm5Okuq4EJqux/qcdxzn5EAhx\r\n1htW0BnuuZBpPl5NgWBUYIA0l2nLF76vUJHJPEo/Q1ZYeAvQBiTot1hY+zde\r\nIwpNAnAL+s1J6xtuWItDotKt3EzzUfqbq9g=\r\n=XDRP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9ccb5800e87612aae1e599bf83915e68/chakra-ui-popover-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-xZHj99BgXNt4g2ivBZtIsJr0ga7NA92aY3zRFGqvkO2azxMYoHUVkWYjKOO/QgPuuGphmPA2qJjOof6KSPTK9g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813053727","@chakra-ui/utils":"0.0.0-dev-20220813053727","@chakra-ui/popper":"0.0.0-dev-20220813053727","@chakra-ui/react-utils":"0.0.0-dev-20220813053727","@chakra-ui/close-button":"0.0.0-dev-20220813053727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220813053727","@chakra-ui/radio":"0.0.0-dev-20220813053727","@chakra-ui/button":"0.0.0-dev-20220813053727","@chakra-ui/layout":"0.0.0-dev-20220813053727","@chakra-ui/system":"0.0.0-dev-20220813053727"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813053727"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220813053727_1660369122945_0.4850657149294968","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220813055957","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220813055957","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5875b9fddfd1593999046cd06fa143fede457a43","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-VdkOjJgJfu2u5yDRxrAPD0hPHMmgwxWPkpPmXekTZsMO0iApYRTGTYegycBYewEfOyXmnWTqls/U+IUNw6MiGQ==","signatures":[{"sig":"MEQCIAdy9w2B9B3RhPRTL9FSD9HQMHnHonRc52gJ3nm9+UaVAiBB5A5W4ql/3Bo4dJYVLSw8nxIUuZdYazmIJfiwC77BNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr79A/+O1xkfx0E0PVlHEbItstSWJ5x9BJOExLoD1E0mDlNDQXZjJy2\r\nvhFR9YlyakFY8KgwLM1Uu5Td7oUZ2wW9DA+T5IICJgLGQSrh9llauHSBEm1z\r\n1Tp/kAk/OdIUlBT68Hq2hvgEuRF0GuVnuIzkEcgXUCptctZecUaBP5ML8z0S\r\ngWsU0WL3DFiE7cBrb60Q+jd1Tttlo7tb1GbzRSjvVj4OcTK7In9aX1Ej0ObL\r\nN+H32C8C3F+9+NKZvofM6GYbMV3Ad5RUKCFbKSdkQa6dZHtDe0k7SgwW8Q2v\r\n4QyeQWMeI+tFKhWDFdxNX3xEoJH7SuuYFDq2Nwtf6ttJsdhFaYyqBXhDLJRn\r\ndJOIO21VEaIu+TwLlVQX4BGsR1AI1M7xn9EGHASjtVGTZKgIWScLipAYvZHF\r\njbDiRmn1mJfXf/2GbDTZ+sZc8Y8r1nFy9RVXTgn8oNPmeUCaJXjltnfiy8+r\r\nZuG3VxxiKAwW0xrkN+0hknkc95MGsvCZKA9VhIsluxtM5JqBd27HtGoFSRAI\r\njPUrRTsgP05i/UHXfHULWaey7dNesJu7expsTYnCabuP2pndLlHqMbnTio3c\r\nPqPmp+ZPr/dUGhhCIAXymDN34kDHLf20u+mjiqqN4XgQA91Ov+BHZ72M+uS6\r\nHKoJH4tO+xB1B5jwAP4xdHO0eE1u/B3u7l4=\r\n=S6mD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/145de1dc9b1f1c146a088d85f28157d4/chakra-ui-popover-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-VdkOjJgJfu2u5yDRxrAPD0hPHMmgwxWPkpPmXekTZsMO0iApYRTGTYegycBYewEfOyXmnWTqls/U+IUNw6MiGQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813055957","@chakra-ui/utils":"0.0.0-dev-20220813055957","@chakra-ui/popper":"0.0.0-dev-20220813055957","@chakra-ui/react-utils":"0.0.0-dev-20220813055957","@chakra-ui/close-button":"0.0.0-dev-20220813055957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220813055957","@chakra-ui/radio":"0.0.0-dev-20220813055957","@chakra-ui/button":"0.0.0-dev-20220813055957","@chakra-ui/layout":"0.0.0-dev-20220813055957","@chakra-ui/system":"0.0.0-dev-20220813055957"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813055957"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220813055957_1660370464434_0.4091847138506173","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220813063717","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220813063717","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"246965b699281dbc83b6cf48929f35f39ee44969","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-xqMs3t54wWwED3JFiw+1oZMC+ONpYAf1XU6PzoCVhGnzu6FGjvvlMhj2+Vwebp056AZh7SBNag41qYTq1eWeTQ==","signatures":[{"sig":"MEYCIQD3O34nYQkc35pCYARnRypfLjaGkuBVvh6lGsIfcfxnpwIhANkbaG1ejCg2binx1B2UKEkq2Gsd6wrhx6sJ0CEcztLk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90baACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphqxAAmH4//hh2AP/p8dlYYMCcQxzTnTjj6Z/keNIVbrJsC1TckXZM\r\n3g2dSQMdb0R6OAsHuIrIL+4WancirT+maQaPwbDZCKMJalJpF1p5uU8tPP+r\r\nidLH2d00EhZ9UhgWvRkjUqfMyNJxWwG4604/YcD/9IjAQ/4zyFXTmcnAMGUX\r\nOHs6c9MBxfnBVARl6PUMjYrZ36f+bhPe5QjEuPXyZkhewZHwe1pMKOxoXTQj\r\nHzLN7+SChrE0NsRkGugPSHIuEpuL6f5XTt3XqAnnCKvFJdgVN3Ex5Lhqp0rm\r\nCirQ3alPfVjW9FTlgZDCL2i+YxW2VAa8aB4IcWSa/bCEzkHFpzcGGdD6czEl\r\nNGLI6DdLzfro4sPageWCl8mnKjVP1mq5T1x9fEZMtKJFgqEz1JbV7/FLEp1x\r\nOn+yPglgMXE94X5ieDi4b3ssfHZkKD1DwYdjjSdHbMUqOYcUwmY4m0ocKNAi\r\n1GyU5xW5wxmSM6t3XdbP4f6RZdVuSWgUR7yZ9eHzTRope2ScYbeFU7ZdNdtC\r\n0bVpX1hK8HUpgkGtGR1x0VuEEQQOoqMyRbA3GrOuUjM9Ljg50EHM6OEbFtEl\r\n2NG2wevw/f5MYxLFoXDls/PKeDq+qdW3DqcQeBGtATOAXyzo9hDDNx7Y6mMr\r\nYLeShd0gzXUEq5dHyAXLOHiFqwQVF4JxlAU=\r\n=u3an\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/68e81579df2203887fb171f271097a1e/chakra-ui-popover-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-xqMs3t54wWwED3JFiw+1oZMC+ONpYAf1XU6PzoCVhGnzu6FGjvvlMhj2+Vwebp056AZh7SBNag41qYTq1eWeTQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813063717","@chakra-ui/utils":"0.0.0-dev-20220813063717","@chakra-ui/popper":"0.0.0-dev-20220813063717","@chakra-ui/react-utils":"0.0.0-dev-20220813063717","@chakra-ui/close-button":"0.0.0-dev-20220813063717"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220813063717","@chakra-ui/radio":"0.0.0-dev-20220813063717","@chakra-ui/button":"0.0.0-dev-20220813063717","@chakra-ui/layout":"0.0.0-dev-20220813063717","@chakra-ui/system":"0.0.0-dev-20220813063717"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813063717"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220813063717_1660372698335_0.22730609964184012","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220813070741","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220813070741","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"94cd61173e6fb544c336be544d0385e027601010","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-mo9nYCMvO18tYQB39Wn6kQDENgd9AkkJ85lQrAI1b7UAHHsmrYoiw4EncSRvEpk3rtNgGE8HgWa/8BzLqjB3xA==","signatures":[{"sig":"MEUCIQCqqRd9UwsDvRT2IQu/ulAwCtVtArPXnRP1MBTMH2oiggIgAmwIyDBuZzan4K0k5g59AKz7G2CtB9y4zwnot02Mjeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9039ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2Yw/6A6Y31Tlt4BpksbKWgnHlChhsni3hoixNq+mJivT+odDLpE4k\r\n5mPGrSCyrc3JmFXfTzykXqL38otZU8uKtfmUlS0VhnolxXkMNOffUWXoef8n\r\nYt3+cCHYV/XWtRcK7Ci4b9/rh5Nl/YjLgrisKF6ryK3qF+jzVbO4deyc1z8e\r\nejy3omHx9nV6mss4sMiQ8vza9jcDTrgjzfm/k4XIUtdmQAgGgAJRtuBoQs5n\r\nFt02agNjlYf3r4CCUQZcLWTLwpcLGKWD/6QxYUM/muCGy93nYBsDgHFpPujL\r\nZ4TKfFwm/qrLwHc9ZGybov+4nwtrdmVMLp3tV0b0x8YNE01J8YoEgGCcl00B\r\nMwLSThIzLaQcdX+JWlRiBdz+ghZYWIfTnwZB2aINHT/iosvU3HeAgZBcGo6x\r\n6yITUqi7wYDdz5ylVIdmSfPCKsHWJF8aDiMEv957wvnF4wKWmueyTisentuS\r\nvGm/GEHkhmBCnPVcQMgzVHLZj//rYtusTqwEv/y4qIxw2d55x88bCTey66M+\r\nH/Qy/VnizmIlut1axeamdChfR5Xae7UTCrZ38KbwD2qLDYXzQaS+6oAlzEls\r\nS3uJMw1UhcS1J12SQ+ozBpR2BNAgniAqTd9SipwuDNQfmndirnn0jpW06tIW\r\nagdcJ2KD4sBn+4z5WDJUh6UEr6z8iJ+6nog=\r\n=qAaD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/08bba262394b6217c9124abd23914c28/chakra-ui-popover-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-mo9nYCMvO18tYQB39Wn6kQDENgd9AkkJ85lQrAI1b7UAHHsmrYoiw4EncSRvEpk3rtNgGE8HgWa/8BzLqjB3xA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813070741","@chakra-ui/utils":"0.0.0-dev-20220813070741","@chakra-ui/popper":"0.0.0-dev-20220813070741","@chakra-ui/react-utils":"0.0.0-dev-20220813070741","@chakra-ui/close-button":"0.0.0-dev-20220813070741"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220813070741","@chakra-ui/radio":"0.0.0-dev-20220813070741","@chakra-ui/button":"0.0.0-dev-20220813070741","@chakra-ui/layout":"0.0.0-dev-20220813070741","@chakra-ui/system":"0.0.0-dev-20220813070741"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813070741"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220813070741_1660374525147_0.9930572547419958","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220813083358","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220813083358","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"19eb56db48cecb969f5b77d0bd47f208814fd448","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-yV5DR/092VVZOn6cFYNV4ahKkVJugSemsS+T67czn35CqZtRPBiHzGSWwbi6KLrEo9UR6TUpQN6tMHw9nUdjBA==","signatures":[{"sig":"MEYCIQDat+E6/TdfAf+ixI6Fv3rdtIzk5najlZulS3SdjbgnRgIhALak2QkcU/PEjmLHDIIYAWyrCZQIu5eP/ZNE8BPVzZac","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92I2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlHw//Q4gsZDu7VRRkAKb4PID9NyOjIswD2USarnn8FPO2sTo5E4cn\r\nDh5pR7bNtZEbrhPReDwV8Vn0CXAQqW63kD1+jsi0g+1XO2/MX7G+JDzyaa/Y\r\nACIeQDPMo283SZE1yRSsbqpjPWjvRMWa4l4257A8GrYI8yjuHaKKQbHPBdDu\r\nE/2A2+nDvYZCmTwoLGx2AVBBzg3vLUDbFT+eGAo88mXIVFqVrNvz56buiBU/\r\nKJ/CcjOZs5CTPzIPZiBTGZDh0ZMQjgIMv2P6Obn0Ecci0fIDnoVygyfTHBbH\r\nyPoviITaVrJ4nFeF2DWNr5lkcYl9pkc7rRPMpVywIUbGHhKe/j9D+RpyfMWU\r\n9RaGrq0RqRWOpSCKXjKEnuDDZBI3IZf94rVICNULbfR7jDE0dywiTMxwwvvl\r\nSBtyGLrDjPr7RmH58bor6IUoRNOlQgW/MqZ+Md8Or0LP2OfAfusEh2sYqu+a\r\nNd2xGOT+c/AT2F1lc3wW8lebn6Zfv2DR+1H/T6iihyFMItfx6K1EdaXsNwry\r\n3nAgJiWPlKDwhaP33fOUNPUgQXc8wZdGDxfSWX2QU+EuLRBmKPbZ/y8+x30c\r\nhxQ3MboQqxM+c4s8+G9Ug5VYv65gBAzj1VzRpHq+M9wpVvGuBP17mPd2GW8s\r\nhMaMrYXGKJPGSA1eSf5byjW7QloU6rxtSAM=\r\n=tf6m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e0043fb777f0546a0ade4402b9e14715/chakra-ui-popover-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-yV5DR/092VVZOn6cFYNV4ahKkVJugSemsS+T67czn35CqZtRPBiHzGSWwbi6KLrEo9UR6TUpQN6tMHw9nUdjBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813083358","@chakra-ui/utils":"0.0.0-dev-20220813083358","@chakra-ui/popper":"0.0.0-dev-20220813083358","@chakra-ui/react-utils":"0.0.0-dev-20220813083358","@chakra-ui/close-button":"0.0.0-dev-20220813083358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220813083358","@chakra-ui/radio":"0.0.0-dev-20220813083358","@chakra-ui/button":"0.0.0-dev-20220813083358","@chakra-ui/layout":"0.0.0-dev-20220813083358","@chakra-ui/system":"0.0.0-dev-20220813083358"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813083358"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220813083358_1660379702235_0.4322139301061365","host":"s3://npm-registry-packages"}},"2.0.7":{"name":"@chakra-ui/popover","version":"2.0.7","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4941244cdbe1b7bc7a93f6ebb4547febc62cdcd8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.7.tgz","fileCount":3,"integrity":"sha512-wajLlGTTwgKijh2kUUv8BC66fAl+E7n3Z6fW8p/43SBDnZZjsTPAt0ecIvUO5MqhaurGWTs34re5uRNn0W3aHw==","signatures":[{"sig":"MEUCIQCUdo4Q6CzYlCS22avBoFRSZf5xr8w/HF3o5jELwDIsLgIgPkFubUDw67NxnPDzdyMAb+HRnXrzA0UY1lbCxhP34xw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94HjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqifw/+NchZV3QsHU2wmCRvZ/YlOEk37fY/lIkRS5BPM0waWvo5/rCB\r\n+A/byzg+bi6x0sFmgFjQPDigGm4tXdPAoQwa2uFdOJeEaPh3tN3IJY9AeM9E\r\nJQ7jMd7sDwsGiEBrMXJzhkoZKGGLZKen/YrtGv5N/myIHcbadIW+/hKbrIQP\r\n8YjGlNcOmbbYKp4Vht2BHZKzkgVfUtt2CC1p8vWxDQGw7Jc0EYjvCmBEVOum\r\nYDG3Ch0JghCJ8jWCcXImwSzT+Qsb9CdtG9UI/Khx6siVF132zxOBBI5QVXLb\r\npYl4hsX8lA78u2vPa2jT2KqXGcFltu82Afe8DXo1peKQjyW/LGJxrLNomclj\r\naAftnitgcEKRbi0ovOvY10xlmcQIpvmXb2WxOSC5hAZd68jz/JDNM8h1p/By\r\nqATHH95F5+uUJzUs3fri4At4ekhOpvD4QN6kl7yajmW5JqgQGGMal2CW+Hq8\r\na1Djvs8qbLZwbybhoyKmpAWxElnAihvf44lsNHehpJcWXIUWUJ0lXmhzHgE3\r\nDZCrZlaFs7eHqQ3o3OQvdN4JQRob/bfbS2tl/2uQT4ClWDC+zQZZq0Eb6mw8\r\n2n2LXjO1tvlTk1xYXDIzfNKi4F0TQPJgb0WyLbwFYg4YM9NtBw1tIV0VpNd6\r\nGzOUq5a0yVd26WhgQw7I2JJaHeCBMJOho5k=\r\n=yfP5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.0.7.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6af2d94b04cc21f167a955128925d0d2/chakra-ui-popover-2.0.7.tgz","_integrity":"sha512-wajLlGTTwgKijh2kUUv8BC66fAl+E7n3Z6fW8p/43SBDnZZjsTPAt0ecIvUO5MqhaurGWTs34re5uRNn0W3aHw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.7","@chakra-ui/utils":"2.0.7","@chakra-ui/popper":"3.0.5","@chakra-ui/react-utils":"2.0.4","@chakra-ui/close-button":"2.0.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"2.0.7","@chakra-ui/radio":"2.0.8","@chakra-ui/button":"2.0.7","@chakra-ui/layout":"2.1.4","@chakra-ui/system":"2.2.5"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.7_1660387811048_0.9687978925060372","host":"s3://npm-registry-packages"}},"2.0.8":{"name":"@chakra-ui/popover","version":"2.0.8","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d14386e5654fad27913b897ec22228170bab53f1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.8.tgz","fileCount":6,"integrity":"sha512-Qe2HMXGYXS+XEYtJg3Gd8JrX32fygjTDyhXHJeuBXZFqogayvdY+q7V7KfFRvTcER4cQeHDiZy6ZjVdoNH7Cmg==","signatures":[{"sig":"MEUCIQDOU/ISXwu2QnzD7E+i1cV4XZuxUDTuuynsD8d+mf2VMAIgPwcJPJ0eF32IJoeJMyRnaYzUkCOqOLkzVhDN8cpozg0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49258,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+KAKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrafA//RRZoEsu8FJoo/N7LF2jw41SEnm7eNRmuksHyftcnr6xGh2UQ\r\nrMunpYtBTCPScqOsO8XInCPzkQsDf+9nggkgPMP0OmyAaVBkflf+2KNzCUnF\r\nfBT2eoavIUZwrt9s9Hx+WXoNrUs52TWTT0Vc8BgKGiPpma+KKTUH5wnbqZBb\r\nN2y6NExte1HghVJDVYc7qb1jSH2QZj8xPHc4JVDH0W2A9LxLjEJ87v75h2dj\r\n7l7DK8FCny/bRouXtlDvWoykEJjv0f4bx3D4O3fluHQ0BDEu0cjtxn5nd4ul\r\nDFEsF+iGyKKaVjhG/FMs45d8VdxjqvjnLJK5Sq6Z2wy4aTHedYWfICUQxSlh\r\nh2/NzXCAyJhXjRs6r+tiyjPhzzh5M0oywqqZ/oh0y9VYfHkiB25yVM1yxjHY\r\n1OJ9MfRebASyJpsoJLJ9zO+vKrcSnAEMuzOFgdG10Ka9DsksNChzhyGV3oUr\r\nOmakGIlODs9gXgbmDpl81Td5U8VZl0Auox5wSTEcqTfUuy7Tg45TFwekzzXP\r\nfMvAp9kXMsrFmnnBbiBqxb/3GiRhmyQM0f9M8ns7YS4ceV1yOic8+n7S21jj\r\nBWhSrhcxXZ6cpQxyamV2GF7Z1LnVsCGz2pgXzIyxZexO3OHfeSwgoE8tsFX8\r\n6S+nbI5j+ErZMoqXZ/adWcosPXbP9BSNpyA=\r\n=aiMr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.0.8.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/8161e89d558f81b8b45c43d3df76a50f/chakra-ui-popover-2.0.8.tgz","_integrity":"sha512-Qe2HMXGYXS+XEYtJg3Gd8JrX32fygjTDyhXHJeuBXZFqogayvdY+q7V7KfFRvTcER4cQeHDiZy6ZjVdoNH7Cmg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"2.0.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"2.0.8","@chakra-ui/radio":"2.0.9","@chakra-ui/button":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.8_1660461066548_0.8190748607922489","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819092119":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819092119","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819092119","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"81f0351c40547ec1c78830033b2fab7e7030a710","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819092119.tgz","fileCount":6,"integrity":"sha512-PDH7ZUKbiOrzwDi9ka01BPu2fUwFOjGDWsMn04jJhAGKHmmVX1jA7XnwQck610GQcnwuEGu7xkQ3i3gR4G9WSw==","signatures":[{"sig":"MEUCIAzOj/afzn69NsNGHKyUnWOBuimWD9BOn/BVIRJP9BODAiEA2O4hFLxM+/r+W0bDZ7RGm036YY8LIEyo6eE6dtz0rAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47423,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1ZDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFgBAAitzh5aq3iK3SC/VO473v0GN0KNgY09W6aXOO+8u5HW9utJsG\r\nW7qiK2Y4Z2MmvlcaDjXeCWDgKMa0iVNiUtDbzOfTXaiNN1ukGQ0GaT212dz/\r\nIYw2S02kIFrD9YydtYZ8iw3PwPJ06noJkPEnX1WmzOUCIq4TCwDQui5naY22\r\nLjpeAq5ktrXNnPN1NEXNF7JAHffqPLv+swC3m1pBFAFlHmCOCJ/xjxXOksA6\r\ncYVFlxgIjHxtt/F131qIdyWotbOcaOWgZlO60Bz2gnmSzrAoUXcOX9AHf/vZ\r\n8mew/nMn6lfMwxpSFItrdoINYPcSzjqNt3REUdjVYP+PHX3uKF7xU8MU8NQe\r\nMfORGS0n6ckhn8/Pfq+hfav1cPOra6dX5+cd8Hv7j3PUNrtAvwEo/hp/av8w\r\nKjosUq7FhTbHEF+TPcGbRjPsAACxPqbaJu99fkQpO3mrJUJNds5guJ5pJA+M\r\nyi+8qs1Hy22wNNJM42EZYIiEkElMtFHJ5sgRkG2Ae2f/AKnSPXNnZjT2N8lM\r\nrM60Oeqft3P9kYRUU/nQ1E9KUVUFeSObyONN/rYOxmBtv8CTqFEF0VvFj28M\r\nIXagpKNu4C6t+XhkgUxJBsYCaDsd2Re+hhM55SZPQjfcOPeCjob4/OpNhDGs\r\nRYqfJlTSw5gr+3bPF0kikoDfeMDLu+NUtp8=\r\n=G3Uf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819092119.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e34da5218affcd22269f266abc97a12b/chakra-ui-popover-0.0.0-dev-20220819092119.tgz","_integrity":"sha512-PDH7ZUKbiOrzwDi9ka01BPu2fUwFOjGDWsMn04jJhAGKHmmVX1jA7XnwQck610GQcnwuEGu7xkQ3i3gR4G9WSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819092119"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"2.0.8","@chakra-ui/radio":"2.0.9","@chakra-ui/button":"0.0.0-dev-20220819092119","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819092119_1660900931643_0.10866893184165494","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819114147":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819114147","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819114147","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b53e6b0304b2383d92e73340f77f2ffde7b5d89f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819114147.tgz","fileCount":6,"integrity":"sha512-E0BQlaX4ksyxWhhii0NF4PIoCT/6xugCcV8YHrn9Ifm/KDA0tLJtxrK/FPGYFehyS6AFTLmrwJy5Bkg79rem9g==","signatures":[{"sig":"MEQCIG7IlYkH/DItHRVFUs2/o4A1PFHDZtwsTOEOhFvFT07jAiAvilqzLLfm4rgTLwyQ1NGrXtBqZoQYVigpBKXYw2Ro5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47423,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3cqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodjhAAg8N9aDe26TNnreRyOw3udZNlQNolQp1p++KWo6EKv5Dix6q+\r\nBOli/PnVn8y78srkGurYUWcxlf3WfCo32pRBESAwmEemc2ksJolGIqXBPVtM\r\nmX08rrUEQBO3hcUWP/d+sE3ILTY6AEXewWsR28YqvgFeF3Ev9B3dYx5WizV3\r\n6yDEbn7DbGeF5rgl1KL4z3kUDhSPVrC6jSTfux0I9cBVgU22cbe8W0YtD0GN\r\n5oN4ZbnFUecpZeMWtrv16S6zemYnntT7MwDD/Q+HK4P9d3E80wmKSGY9f5xH\r\nXGi0u3TvZro9CWYjwgPo+48jhCT1vzrfZkYfWmYA1ubY43eKKWHx4yV3c1q1\r\nSWvAK7ulC7CaONJYuJpIla7HL+KTCwgbpcpedbXWLWWE2dSnf1ynWtRHp9AD\r\ns+VgXiflqDfyWkkSdpt3rz+l6YoWefSxjNLqhihIb36boqRP2XTt+7w9zgPZ\r\nPyigFYYwjhvvCtF9SUkM2KBCpHAwyf1qaNel0UQfv2KhstBZ+jA1lbWg2/Ac\r\nlNPtxGIqEakbqrm7epIqvKm+M50uE35YtzQpNEzh1cEgdc8IfgoJ2vUvupiB\r\nOa4axJcq+7Jmz0gpzxp7ONZs4kqBSBn/XmsiyRVct4XZ4CGQPaj0WJRAh9l8\r\n9DoMZGstEOoawogZz3jx3+JsiTFIdTAo1eI=\r\n=1U7P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819114147.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cf0460cc2148ac6540c42de0e38e24a7/chakra-ui-popover-0.0.0-dev-20220819114147.tgz","_integrity":"sha512-E0BQlaX4ksyxWhhii0NF4PIoCT/6xugCcV8YHrn9Ifm/KDA0tLJtxrK/FPGYFehyS6AFTLmrwJy5Bkg79rem9g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819114147"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"2.0.8","@chakra-ui/radio":"2.0.9","@chakra-ui/button":"0.0.0-dev-20220819114147","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819114147_1660909353845_0.3887730418634583","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819115812":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819115812","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819115812","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"12c604aa2faaaeab8dc35fa4da079eb2b59be40e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819115812.tgz","fileCount":6,"integrity":"sha512-DUZc0Rp6qBIY84o0ogKri1Cg0kTy+Brq66j26Tke3ap610QjLczN/jpXWtfUmNhz5kKbPqnhPjm695ApSncAcQ==","signatures":[{"sig":"MEUCIHSVVtr7djCoGM0aH/M7a443g49CyeX79BrLtT2rUccgAiEAku3RdgY5806p0u2rwnQhL5B2tNxVsaH7nSzNQueTils=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3sPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2mg//c2ymY171SbDVWE0l1Qu5VlMJnRAuDID843DBaw/YO9WGQd6j\r\no5Q+dZ/E+YL5jgr3dS1Vsr4+7568FxlNs3cjLXnRlntxaH2TOnnrt30Gh70c\r\nPy8zDUJLrQTie5V3GPSIZ11fM3k/jLx7Czg+sPE5qOs5WsiDM1uxU2JgekLJ\r\n5XzXl2evFaNawlC2OfHGFR6Ue/HyFq9hJH8upWa8zF+TrsdTELvtqtAtd+lA\r\n2+UxANsV7biti55PdMMa2Ej2qfqXlH3PaH/sPc5ehWSuCS+cZE9buYEZhajO\r\nFzyPV4bExKSi0eX9rtbRHv67T1qOf854bUwfKgujlLUb3yL9TyUvnaSGsG4W\r\nnzjdJ+zCJnyi7LfadjvKkam1EHbILOP1hvEnZEeX4tdg2bhZJCjpYwgGSrCO\r\nMgP9yPgi8ps/I9oH9eapUG1U3j1nPUJi+INCqTF9tZbADwy+DW52qd5ztg/d\r\n25X6KFKmgZ5o7aU4dZxM78TgaADcp03AcTjhwHM1Xy9PcahHbslCndO9RTdL\r\nluyq15si/aZZXEdBo5SVEy2Xg2Jfo5Ve+w3+0igeAuJRJHgVlc7byN96K0kk\r\n64BetEEH98V/auxQz88U1K7kOdI5nHMVvGVZrT/7bYXivHCJTdd4uN/rzMVL\r\nJVwDigH8YZYOHbAC6bn+FgNPcA8H3o5e51g=\r\n=YuqG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819115812.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c2b2a08e129a8f8e4fe5563fff22b95e/chakra-ui-popover-0.0.0-dev-20220819115812.tgz","_integrity":"sha512-DUZc0Rp6qBIY84o0ogKri1Cg0kTy+Brq66j26Tke3ap610QjLczN/jpXWtfUmNhz5kKbPqnhPjm695ApSncAcQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819115812"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220819115812","@chakra-ui/radio":"0.0.0-dev-20220819115812","@chakra-ui/button":"0.0.0-dev-20220819115812","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"0.0.0-dev-20220819115812"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819115812"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819115812_1660910351526_0.4280638237918184","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819125800","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819125800","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"49040b36227e89e5dd07d88dd1f56549411a1047","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-hiWzgRqeXGXT8C/zLzpOn9BOJDAlLeL/CtmAK94BPUjCiuivhHVxcZlZukOVsDdmfrdkrdW9LmToySNHkcZ+sA==","signatures":[{"sig":"MEUCIHCyKifok8/fF/YWhgW9K1XNldmaflTnqXwvtaSi3yheAiEAp2WTkXmHBmY1yy7xhkdABqx9wrEURgpHhdjwfCnvV4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrsig//dWAvywDcF3D3Ot3QQ3YBj/wudt4SgYxFeOhqj8xxfA2DJO10\r\nOagjLsMNSy637mB9v1diuVLHgFvXJC7jZ+JXxa86orKFJkJSBBPIXb9/faDZ\r\nhvko4RNsxrQVfwrdHC8zbdW6pXj6TbDhatOAiLjMjeTIZEclbDAaxETm7vxk\r\nIkvKcdcFrn0ZCctwf2QpQZd02wrhwCOa5R3TgDAHmY6aI3Q5OUzwjr8fpwRD\r\nzYZPxcnzqSJHpESpHT6mvNsQ8mKgpSpP1sU+aZHZpkkpV2jgQAgWVSvDulO2\r\n3skeEJGyJdMEQW746d6/OO3706yboWeDopsEztrVBLHw6jMnxHdEPoANppsU\r\ndMMT1AsbJ8bqHu6+K1MOm0y0BAuhdd764kV3GX9/cLTn/QYetJUyOF+85/r5\r\no1T4XiLm8yrFiePzL4Q6DPhJQIy/RGpIxb+pwtGI6SwjgZ8Yu2ryivLJbAlN\r\nl0aBrADVZzq+jIQh2VrHQwqS4ZXt/O6Er08r+6vD5lzjoocPMfffWmWky1AI\r\nX2+OMrALa6YJAbShpOBxXbddEsH3+nzZwgH+iruTjyEqPGz227uzudNMCSMC\r\n17Et/G3ECKvjhTml15PLNlWP4hxE1DpdivK0xhaBKa6njG/xK6w7lrHl79Gn\r\n1CqzFU5jQHjBnCeKhRyyUYIAAZGTUKI5MPQ=\r\n=oad1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2f0ac3a9bfcc3739f106df1f6a532f1e/chakra-ui-popover-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-hiWzgRqeXGXT8C/zLzpOn9BOJDAlLeL/CtmAK94BPUjCiuivhHVxcZlZukOVsDdmfrdkrdW9LmToySNHkcZ+sA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819125800"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220819125800","@chakra-ui/radio":"0.0.0-dev-20220819125800","@chakra-ui/button":"0.0.0-dev-20220819125800","@chakra-ui/layout":"0.0.0-dev-20220819125800","@chakra-ui/system":"0.0.0-dev-20220819125800"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819125800"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819125800_1660913954211_0.9156681862307154","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819132034","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819132034","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6f14b902f74cb2d366d7a72d31b9d4989491a7a5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-KKXjr/oJJzYllL2hVXEANbGMbxz5nuGgKFLI8OPzBQH7DvCpOxHmBY36k8hXQS9rztaTi/kOArwM9RT7vhPHAg==","signatures":[{"sig":"MEUCIQDO+lhVnm5i3O7HGb64Pf6gaRhXHv1MImZROfqZCgEqBAIgFNP1iR8sMh+DQ0tyrSmOUE8qHow8fW7RteOnmlP+e/A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzCA//VeF4BiGiqpHfbcaE8iTsXGTgIOXbPHJlGnifkRIxp87h6K/g\r\nmdLMDdWX3brspda0Ks1Zy6mH15SXF6fZfkLOw32fucrZWxmfOjqr8/4zwGuK\r\n1hVhtunbF5miVXei3ZN1+P5yYkOwnYWbDkdSxx6OTz6SwJTb2CCXvINlX9m7\r\n3+65o0XozKJwg4akWnJfyjER9p+orh9tbOpLQVXt1yht8jGILjSFPOyiYZSf\r\nYdbtpNM+2HeUDTNlWd3u1SQTgjaEAH1wpEpAcaT0cyMzu1K3V6W/+Hcaanyz\r\nVNzQPDqLhJtkCg1n+9Z9+KUbQf0nbyv+xeEdsEJ7NZ24gVSgEijOGE/RwtFW\r\ncLvo55UimeNgyqVI3Dw7jHx1k2UqjWgVFJ2FmPXxnQpf2W3f9W2D2pOLtjEK\r\nfXnl8cX+YYxgAqjEungFWQU6lUbUUOysMdBf2caFGQbNj4aOlcNCfBZ8XGqN\r\nkIi97GILNUM0yXmDGEAublKS7uF3aAO/SO96QqX/5nR+XcbTtEW4dHTTMHN1\r\nw8vJ5tqkROBjUnM4bJZ/aOYIjEO04YxfjCZ9fdqUqoyYQAufJ9ScAUZl29ly\r\nNoPP857lkUvEh9ft4d4XOUCZsjouDDsf71JInRadPwtcjmLMwBu31sPqZRu7\r\no+0EmWGv5QddpKu+/fbKFX7ctqxWoasBAJA=\r\n=p3e/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/59104aa111396f13e6a5fecee5a8a3ac/chakra-ui-popover-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-KKXjr/oJJzYllL2hVXEANbGMbxz5nuGgKFLI8OPzBQH7DvCpOxHmBY36k8hXQS9rztaTi/kOArwM9RT7vhPHAg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819132034"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220819132034","@chakra-ui/radio":"0.0.0-dev-20220819132034","@chakra-ui/button":"0.0.0-dev-20220819132034","@chakra-ui/layout":"0.0.0-dev-20220819132034","@chakra-ui/system":"0.0.0-dev-20220819132034"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819132034"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819132034_1660915285889_0.3548356143386391","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819142048","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819142048","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"33f548474502af3d849628ec54af1686f44d0c2b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-2Hw1f85i/NOxXZUOWiNOUXdcNzvl35rvBuwv/cxwOEG2WSNyzG3PypIs9/65PYT3XJeHYMZAEK3iioBSifvCBw==","signatures":[{"sig":"MEQCICqxCU5onZdaRch77yK+N2Xpx2hysfeOBI5NC2epRUWBAiBT8BQPPTaaK6V7IlLUUWaWhJ9Ar5nYNFxviOzAzT8Jpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5x4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrA7BAAmShJAecJg88sLhG8CbaG5h2qRt3CmhMJqVKTGcFcnwrm9LTw\r\nxLt8fvPbi+RGDHOMT2uCh+U6Cn04VO5Z3z3FUAbrlRwVb+60tw4e6TiyLCsf\r\n97XHVGvhQDf/xo2YdUKJkDjgZLzCp0OSLNOeQ0xpIbcUubs29fPh4ClRXx0d\r\n6y+4eUx3aJk5rcxnpbYcRUrSUYq/OcSfqp/jrDPwPWmfyhK43wtgoz7Si1xx\r\nVgqzJq/R2iBo+6yKt+abzQAHmDsIdSmFhdPe5QcAAOxcV20xep4hyqabZAsA\r\nFMWzsEnlgfQzkYhyqStwGatyfHPuOXmrpJlCHhYDxK9ffb1zXZw8jvtD/ai4\r\ntaSylqroTHd0DxTyjYVVUU/JaXtulhOVjGYpFD85d92csBJmqfErzTK9fnPG\r\n/mWOpsydpW6/sy71pTrFNCuY0pCbC/e9gb7HLFP9v+/NQb98wvWkLZCoN/b5\r\ndq6P/g7AWi89MiSHv3TK3ZGcjy+LYZUNmp3K/JkNXI9gT8OF9G5eelGnROxU\r\nXfhBsurXF0UgyJ+ju485RjRaUAJfC2MwMoEaf76tmn44HZtz6D/RtRZhTTcE\r\ndcO/2h7xXX8VH9At5aipS+uDbLR36X3AynHbibdWMGB5Wx23aVihC/BTW9oM\r\nsdrvednZ5K9Fa/3CXAcLVl0k6DpJee5hDCM=\r\n=CcdJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e61a60b11b618c0184520e0b31726e7d/chakra-ui-popover-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-2Hw1f85i/NOxXZUOWiNOUXdcNzvl35rvBuwv/cxwOEG2WSNyzG3PypIs9/65PYT3XJeHYMZAEK3iioBSifvCBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819142048"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220819142048","@chakra-ui/radio":"0.0.0-dev-20220819142048","@chakra-ui/button":"0.0.0-dev-20220819142048","@chakra-ui/layout":"0.0.0-dev-20220819142048","@chakra-ui/system":"0.0.0-dev-20220819142048"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819142048"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819142048_1660918904156_0.07367439163583711","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819143632","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819143632","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0ad78bd20242bc75b74b099758fd7b463a0f10f2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-SvHbP1jV84AI1QHsakKDWFczVNAByJBi75y9qQzex4bDpsKyCmbWih59H/+vwt/FvMRGdXzMXLD0/8R4UfY6uA==","signatures":[{"sig":"MEUCIQDfp3DTX9uToqfSa6n//9imltL8m+BU4Pr8enOcSZg1cAIgW1wnIycXepQydbMPmuv9rSW2AbSlk5xNXA6P+IFz7js=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6AvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7jxAAn+HNTzZvfmyTU3LBXeWwQs/UWrs1/F4hHD8Q6ZQjH1PQmuLb\r\n1wCNdEvUYQi66YLeOghPpRkyfN7RpplTdN84EkHL9DOunc3I4iR4pqd9Je9Q\r\n9D7VTWG7Gn3NUAR06tL7lSCMoLcN1ouGv2U5yBVRUO1Xu1q+1O0XUAKzQFtV\r\nhHWKPJQKW2mHECf2PBQxd4vZE5o230orIdd8IIgU7/twZHkAiF3g+cFA4cJq\r\no7DYorcsVy+j35LuM7m+rY4pk4kv4x7i4pbZ1GLYxX9OHEeVkvwMv5nDWtvo\r\nxykOIBObzpHFZv15gZlJ4tkF3LPEbwVKIdJ8G1MB0tqIXmzGKmmAJDoe/Ftv\r\n3ZYWx864DOF5UAfMt1EtBDFfBHtyidRnkUoSdcNXOb4rHTAfRjW5vTSHG9vY\r\nTDFAFVWbWjOJal23PGyleSAgWyphLxu7EtQ4kRIjeCO3PUf+gz0VNttXqsDp\r\n1+xx7jPdhOu5rlPA6vUEcpB6zFBTKfakeoze8pIRMTg1lCTjZDUc+puq7/VA\r\nj2gS2aYOgpO3F08zC34ryOCVd1r266CEsphcu0tBLUSZyNJmj/sEHdnmLb1W\r\n4Ul6oM9H8N60AAc1nAhuljKcqKg2ooRqXxFyZMiDL02nYk/2cw2OE6s3OMlv\r\nOTvDKcztYPuX997bqA8w5Q3NQ4Zx2Hf21U4=\r\n=1AAj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/eb06952f8e1a5dcdd670cc506e3b2439/chakra-ui-popover-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-SvHbP1jV84AI1QHsakKDWFczVNAByJBi75y9qQzex4bDpsKyCmbWih59H/+vwt/FvMRGdXzMXLD0/8R4UfY6uA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819143632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220819143632","@chakra-ui/radio":"0.0.0-dev-20220819143632","@chakra-ui/button":"0.0.0-dev-20220819143632","@chakra-ui/layout":"0.0.0-dev-20220819143632","@chakra-ui/system":"0.0.0-dev-20220819143632"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819143632"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819143632_1660919855101_0.9713652022787025","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220819191103","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220819191103","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9498ffa5529014d450fec77e7a1eafdcc7d3dc71","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-+rwET5C7vXrVu3mpjlmvLFLUS4ZQzLVI8iGQTZLwWFSsxfr/X/xdkwWUwXO57TuqeuutvuFUoZrElFPDlGXIjw==","signatures":[{"sig":"MEUCICULjJ9x7we1S3bcXhFt2UtrjvvdMai/GuTN5yF+6Q7tAiEA06AjfCxJ/bVJAL5/TO1r91sPvwVyOkLKOhDk3yTV3gE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+CHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3xRAAkoHOVFI618luHCsx26xhkMu77aFfqM+CuVv8DzOkb19I2jPO\r\nOreWulSaGxgljZsQGLyV1whCYavNRdv7lwvwGvBHuNUiCDv6OkrlUr8NKwsc\r\njQGIM4+E7CAqO5uNiZRr6qK2SEwuUueEaabBn0sbWLuAP5PTd80AAe58cond\r\ndTvQG7jCdVzVabBy3ptlwD66ipMPJ57K9V08o4mtsT4sDGlJk/e3mLUx4Wgw\r\nUSM10jyZyGqUGL1SBmnq43UVGJj7eXxE+PWafhRVq6j5mLPJ4uwn4UadKXBY\r\nTAPfO8NtIy+z1i/9RgBOfyRtWY7qItxRsjU6J7U6uy3P7QZTNOv/+P5btaZL\r\n+WRAnzKFVTdbQ+NB2Eh1N18oMv8SS6ZIpR33jMmIBK8gHhdj05TaG6+fhgvp\r\nkYKS7K1Q7mwVdYzEIsaAY7kcuP7kjt+3St0SQ43RcsUxBtZu4hdzlMghNzlz\r\nEzaDd+trRgWrIgXV5pjbfB2iRdJc7XNmAL2kFQSXZeZqqmQqniPqkVTYOS7s\r\nuqGwjs0r5++5Sh6BXJXWZ860hJyPi9z2tT0FOMx+hfkpe3TejBEfxviXA6WN\r\nWz9z0plBb9HnqGpZsIt9+8R6uLnDgPRa32OPWP3Wg6Asb4Gcitiem3ZVUe1u\r\nonLadmxWmeBezDe5luHKpX8MW74Hj0tbPW4=\r\n=DsId\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a3986d449182bc0f79982f73a20cac6a/chakra-ui-popover-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-+rwET5C7vXrVu3mpjlmvLFLUS4ZQzLVI8iGQTZLwWFSsxfr/X/xdkwWUwXO57TuqeuutvuFUoZrElFPDlGXIjw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220819191103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220819191103","@chakra-ui/radio":"0.0.0-dev-20220819191103","@chakra-ui/button":"0.0.0-dev-20220819191103","@chakra-ui/layout":"0.0.0-dev-20220819191103","@chakra-ui/system":"0.0.0-dev-20220819191103"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819191103"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220819191103_1660936327238_0.8336576103147213","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820120308","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820120308","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"48d25f73b99a4e02be52c4a33d3278da3d93c247","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-Yl4p0BzVPIdKjE837QQEIGOe7oghVWLuTxUWiRHLBFekgkAEXz8/YR+Hkx5puLd+JAtplFZR5Xs1KnsQZYPYsg==","signatures":[{"sig":"MEUCIQC9WUtY7u6KVVvgL6jo81+IXJQGOg5pKkHPqHB6SXSrTgIgWgU9WBq/ecY6PMY7pkR1btjwVwrHhPWhe5g5CuVb0as=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM2wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP/RAAldO7Br/DJUhJCfWjd3feyhs3AEkYCSNZZ0n684khoEf54WBW\r\nFaVEdwn/sxoXyuyFm4WTFOgaw9ek6r0u/OOMQvAcU5gjh9q8YXythgyxkR+4\r\n83S4iGoFz22pyudZ3++MvSycOVU6VjlSmYCNNjXZUZRYxbY/jEwVt9SxG86Z\r\nMCRbN6Wh0wA6h8Xr7JN++WawGDT1VHaddVdgTWQ8eqEg+bPPmKmcB4XO2g08\r\nWJo7cGueBmu7AO2Sfss1QgLVVUYVagPDDdTFOCgb3U5HpUkFNmWz33Xg+Iz2\r\njMqMWMYgGDaq3qBiCG1uI8yDNm0U9MmS3Q5I94lNtoaHHRdAv+NV22O+nsGJ\r\nl57dqb0c6Crhm0KrZ3ZTfOUudvy3Nx3y4wrD47jOmGmM9M3JdxE/k/GjvniK\r\nJ0TQv9/B7CkQt7+uGBLnBWFXIqRH40Zl0Tv8bQ/K/qvxz9rOm3qWntUxITnH\r\n+9SyLaMTSVO8c47wW+wHGDfRe+qGdXxaYmdN4jcp5b4T1cOklPnrFVZ7ABrT\r\nHzN4/YQ/TyFKrC7CnfLJhWfqfERPlj/WDeeNEtZWvv/a5Zf0j2rXD9J4l09T\r\nYIEGSi1DIqcM/MqkJNPkY2uu1dZ4Bq1DKC/VZRi0LcgZ1GxlTYq9d7vcPnrs\r\n21tYF/Mo97k23YTmeyy0NvEl5LuEOPvPG4I=\r\n=F/jb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e68a62cfcf77b74809b24e10b8161d83/chakra-ui-popover-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-Yl4p0BzVPIdKjE837QQEIGOe7oghVWLuTxUWiRHLBFekgkAEXz8/YR+Hkx5puLd+JAtplFZR5Xs1KnsQZYPYsg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/popper":"3.0.6","@chakra-ui/react-utils":"2.0.5","@chakra-ui/close-button":"0.0.0-dev-20220820120308"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820120308","@chakra-ui/radio":"0.0.0-dev-20220820120308","@chakra-ui/button":"0.0.0-dev-20220820120308","@chakra-ui/layout":"0.0.0-dev-20220820120308","@chakra-ui/system":"0.0.0-dev-20220820120308"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820120308"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820120308_1660997040095_0.4852702709878032","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820124231","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820124231","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5b9eaec3656a8ddf75b6f1d7717e2c51d9f1e0f4","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-G801TtUL0HUoU8b7U26jHf+f3zy/CPdmizJONsONEnnJw9iqDa33xHopemM/ebuIUjxJkf3Qek9Jg7MlAkWZHQ==","signatures":[{"sig":"MEQCIFp6b9lq6pjXOuz5mYyP3hZsnuXYNMf2nGy3HLIvC872AiBlO6nnGXxPy6HmILvoGYNAY0Ez3i7s/V68V3UpPZI4wA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANcHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+9Q/8DYrwwefE/laGRhZis+CDUKoBpR2QmUAhv4UImnt57R1OXw0x\r\nAGmKb5dgI8qXu8IOHuucXuQ4TW5jLrZfl2AvDJH7g0uO83+dYXkLdeuRBASg\r\n9GFcgU+g6AX/EyS/kakxsw2XziHQo3rxyWe8MtXMfHdz++MRRsFIC2YEuVRw\r\n3DcjEpHU7v1CHQkZT361/BfvWLmWhybPIRltaB2upl61v51nZFogZm14Stlv\r\nHuHsEk73QsJFOvwhNIn26kYfUzY6gklzdw5z0mPdssNZt/nGNEBJSG+eoTEp\r\nEdniW0W6vfr224ujuvd1d+eA8YHFAB0HaUuXLzjx2gxUbdV0lImICW9YN+C2\r\nbG2/pWGUf/yznDmU5LxNVx4/JqXM9IvWvmGawO7wu/x/fMgi9cVU31isQTNw\r\nuCg3y0gT929a3wmufdWYd63HKbwo+TdwebkzNnf2uwPY1DmgUykbiaSSvWtZ\r\ninIHHsV/A0wSBZPTQXh28uZcokibrcLjTz/41C3TjGCSVjsddNPRTldUTCsU\r\n+82hDwEfLqkubyS3kvCwj9vpRufh73eTC5si0+46v6htTkJWjtGp926FjgSy\r\nA3D4G5sOEjZtGx6nZzx4UdiYm/2ZDTsOZAWoU2gc6XGQkyHb3XEhBY5wzpW3\r\nCrK7D1aiwtk+LVoDHIBWWWatiDuK1XWEZ3c=\r\n=aS6e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/085186f1281294fd029e04013999497b/chakra-ui-popover-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-G801TtUL0HUoU8b7U26jHf+f3zy/CPdmizJONsONEnnJw9iqDa33xHopemM/ebuIUjxJkf3Qek9Jg7MlAkWZHQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820124231","@chakra-ui/utils":"0.0.0-dev-20220820124231","@chakra-ui/popper":"0.0.0-dev-20220820124231","@chakra-ui/react-utils":"0.0.0-dev-20220820124231","@chakra-ui/close-button":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820124231","@chakra-ui/radio":"0.0.0-dev-20220820124231","@chakra-ui/button":"0.0.0-dev-20220820124231","@chakra-ui/layout":"0.0.0-dev-20220820124231","@chakra-ui/system":"0.0.0-dev-20220820124231"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820124231"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820124231_1660999431325_0.4083156153034926","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820152257","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820152257","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2090ed363c7da85ed61bda75aa2396a13af39390","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-+wFr6rXCXwFwLvUyZMmXLG6ZikbxMnt3yMs8AqwqUecWTLvJ9nJjhTQH/lsnwObzvbbvRPGpPYLZVkOjfbnu3A==","signatures":[{"sig":"MEYCIQCT2F0KNrIlCuaEopZII4veMBgtXZHFstj6wTPHaTVEBwIhALTXINv7Z1dVvr1DIo6d+ZhOXa3J62/xIuiAymospqxf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPybACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdfBAAhb/Fziqf3OViNRWKfPIN9rUvoB6c3swvlvQlCJQFzf2qqZF5\r\nZjEoQrMlGBNT1YMZ2qlL/K5iehy6EJd0ggoZmEaK+vGSudSJ6VX5mlbetKhb\r\nm8jUzrs9numplQWQRz2KWkHG8asi+okh74aqgFyewr/Z9WsQqcoFCBmgHe6D\r\n50Q/89tcgixVBo3MnDiZo3Gld7C8bbkMvBfW+DAQEcItJIl9r5rF5JkDFGjF\r\nP6SAl6ziE1VciCpWsDJXul0jafnVNqDVzwCYx1stKX5C5iOb0ddQ50feRjB/\r\nHsatq9EUpXFS2lH00QhqhwBnGn6PR/vkc3VKJ7dvlyU+iXdl8fveZJZccD23\r\nKIEIMRtm2im02wlCi2p8a5UJhoHZQixU9bmQA8an2xvyXXBoghJCrApxYyHY\r\nF/7xtUZkxDDO51N/wRZCdjEKVt8hXhGxIwDMU8lyLE2LwBOAPunbbqkjqCnT\r\nVZxgzEfLhU7vsepp3FWsyRYgTJ76vFuLmx5fJM6f3/6y+f24od4dHHWuh/hD\r\n+5WmoRTGNm4gvVlsIUIAm9M394uNL7lt5n0DZVLg1EXciGOFhWZdO1bgsrPz\r\n/Hod2FoFZ/JXYQxOw1idcTtJ4DpxS1Md8AnXLNcbty3qk78tfqbu+/DEfeV5\r\nuTldRQjQuYLcJX37x7JEddOx04YW29yNEW8=\r\n=JMhv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fafdd1dfabc3c0872e8c765b02c16ebe/chakra-ui-popover-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-+wFr6rXCXwFwLvUyZMmXLG6ZikbxMnt3yMs8AqwqUecWTLvJ9nJjhTQH/lsnwObzvbbvRPGpPYLZVkOjfbnu3A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820152257","@chakra-ui/utils":"0.0.0-dev-20220820152257","@chakra-ui/popper":"0.0.0-dev-20220820152257","@chakra-ui/react-utils":"0.0.0-dev-20220820152257","@chakra-ui/close-button":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820152257","@chakra-ui/radio":"0.0.0-dev-20220820152257","@chakra-ui/button":"0.0.0-dev-20220820152257","@chakra-ui/layout":"0.0.0-dev-20220820152257","@chakra-ui/system":"0.0.0-dev-20220820152257"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820152257"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820152257_1661009051119_0.7325614639082172","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820165925","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820165925","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2191b704ab15fea257b472fd5e20208ff5d4051e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-LbstHGfuGg8rh0tl3tgP9t9PpkvIdGcrctxvVA9FwY13BMbzxXBewlX5v6jcvJrp44MoLO1Pz4xXsOB6oMBvsA==","signatures":[{"sig":"MEUCIB/MplRrrxRjSGHL7zPbeC5Xf1crVJDxiaSOfY3HWRMEAiEArGaVFgXsFBbvzgF4iwrKae4FP3UqhbN12PS0O/d2KgI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49259,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARMwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUXg//UvMBR9BXrrLRUX0YaxkdDvjMOFHG5Tos6SenAkQ7fMLjnPas\r\npk2xOxmo+0sVkIzTQXQQZBBzR/YnY5yiwHlx3U6kaF5r9uF6ZVB1QgoZq1h2\r\nOqAeGSn1JdybmGfdYVIhx8JJ2YQHkjWL+R7y2Kw88G8c6dreuASWM5XVyAQu\r\n0F980uquYvAWvdSrajhO8UFi2j6rsh6nk5IbZ2ZJrZWvasceHO85O/SeJQvg\r\nwXq8ki9bLRdRMiypfioHJ9SJwBU98rHaKEyKQ0x6U6zfyK5ksUlYjcI/ag3z\r\noqkP0C74ziKH1C4Rhy24Cf621OvMK4NTtePaxOeimu8gBND6DWdb3SZp0Hhw\r\nF+3hfsBVVrTyK///KxVTNW27Musk3hfC1PBeAHQfHf9qygSqGmQXALSxKVAs\r\n4zrjVcvj7pv3fKrO0J1o5jE8zn4F38uFhI/r09kfJtnYl+YFESab5UAsC0uX\r\nurmw6bQS41zvwqGhk2FPJFaiDLGo6FBqjo00g6uA9x6cPdRusWTW8YLOfwpP\r\nLsyP1/mmcKGwyFUk8dd7Ui8M2BDQwdo669cGsWXQ+dlKNT9tOoEeM0lKXst9\r\ny3YEoQwVpxqZejP1SeUQY2tq+xnEiml3iGILF52XqT48z1hRNak6dhhDTxyO\r\nTq1PTYrYcUUvA+Il4IT4XB11DNjudIgDDY4=\r\n=kCdC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/555bbd6ff16b16cf73d9409bf6020325/chakra-ui-popover-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-LbstHGfuGg8rh0tl3tgP9t9PpkvIdGcrctxvVA9FwY13BMbzxXBewlX5v6jcvJrp44MoLO1Pz4xXsOB6oMBvsA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820165925","@chakra-ui/popper":"0.0.0-dev-20220820165925","@chakra-ui/lazy-utils":"0.0.0-dev-20220820165925","@chakra-ui/react-types":"0.0.0-dev-20220820165925","@chakra-ui/close-button":"0.0.0-dev-20220820165925","@chakra-ui/react-context":"0.0.0-dev-20220820165925","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820165925","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820165925","@chakra-ui/radio":"0.0.0-dev-20220820165925","@chakra-ui/button":"0.0.0-dev-20220820165925","@chakra-ui/layout":"0.0.0-dev-20220820165925","@chakra-ui/system":"0.0.0-dev-20220820165925","@chakra-ui/shared-utils":"0.0.0-dev-20220820165925"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820165925"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820165925_1661014831870_0.8634384728892941","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820172220","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820172220","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bae8719d7b444126b9c7a8616d2eed54c0dd0e92","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-S27svf/mVMPu6zD9jBbXXDjdllHizHu36jmkI47ZPwKvNDRnsWaXH9wraE2juYA84yk2x91ZIP4g4ifzSPHUBw==","signatures":[{"sig":"MEYCIQCXU+q892Ihow6dndAJ0QDBF2KvRD6xuT2KsuzqpvX5nwIhAO+hRUvzYr54H8PpckGf7HgNmiD+KwnMi2Ewa66ivPg2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49259,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARiTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrX1w/+K8W+vp/RwoWCLPqRoKYmXaTqIDmZDTAVHDxWE9JZ0u5jNkAE\r\ntoODnKSoNfOzDmQiDi/9wOwCuMuoqMpkTCWsid5JmY5ecgVkcDJjc1zIAeqp\r\n3i0O1X1egtVlosi4tJGEP6pfQiqPcbOtcdJrBYxW7QFmh4H5cVECatz0Rfqh\r\nvxFGWqh2WqKcISNhYewxDo/z7TbFlKo8ksED/oPMryyK5FdJMa7hq9W3FXR7\r\nKkjvTdYamQGv6hPPT7TfZ9UAGg3Upv6MiNFS++dOFD4JzAOQWt6Lzfaii6Ra\r\nPriYfT/+FnmrRWeDw74MCIHkAfKZplj50T/4WQQEzPHHXtDMixB+Dw5zdNKf\r\n15TQx1Q/53RRg0M9q4EzsLcZT0GX25WAp2VFuP9aCGWGgtkn5v0qQxN+DX83\r\nAZTOm9WBIX0pHgzb0rGqoS7C5txFEoqf8Ytz7BFYWa4D3j8H75YXahYgoMKm\r\n/UTgArpwa7iozYDJ/jZj4skkYkFkeClw6JavcTPegiqwpI6869H3kcxQ/4hi\r\n9BiJOOg8NLYEbgbsazavgVk4BBt2Role06+lpVY3tS5UpoBAoyQMIojQwGdn\r\nqgLfyhxXhUNgY6AWuz6zot3KAGHvfYK4xJ2jrc6VuXYCzaNf+ATKpzVe82GT\r\ncBd3idn6QK6WWswTOVVM4mwKRrlYuTkQC9U=\r\n=Gmvk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2cc43c075210445402f7d9f874fc37c5/chakra-ui-popover-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-S27svf/mVMPu6zD9jBbXXDjdllHizHu36jmkI47ZPwKvNDRnsWaXH9wraE2juYA84yk2x91ZIP4g4ifzSPHUBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820172220","@chakra-ui/popper":"0.0.0-dev-20220820172220","@chakra-ui/lazy-utils":"0.0.0-dev-20220820172220","@chakra-ui/react-types":"0.0.0-dev-20220820172220","@chakra-ui/close-button":"0.0.0-dev-20220820172220","@chakra-ui/react-context":"0.0.0-dev-20220820172220","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820172220","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820172220","@chakra-ui/radio":"0.0.0-dev-20220820172220","@chakra-ui/button":"0.0.0-dev-20220820172220","@chakra-ui/layout":"0.0.0-dev-20220820172220","@chakra-ui/system":"0.0.0-dev-20220820172220","@chakra-ui/shared-utils":"0.0.0-dev-20220820172220"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820172220"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820172220_1661016211119_0.4160502696416535","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820173639","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820173639","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1710da3a24fed49662b18e40c997cd73d589fb4d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-BOcVDSfjQ4qVEHcLOAxsJaIjspjvDxAHVory7Z0p6nXVzQNqFchUzdxxo0haas17MjfUXLLsJ8A4qQ0XT18/Nw==","signatures":[{"sig":"MEQCIC2iaQTp9GI7qYrqKPH+F2RnS6hmoFwKwjHjP9IcGRR6AiAW08OCNVKlPjkGqnYQgG0Cbwas0iTRYP4pLRnFcGE9vw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49259,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARvpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmreew/+OVJu5hVJ/4v/9eosKTCQREsSqWq10g3bkqpCylzpjm3FOfxT\r\nItJhUJ88mARO4LHpVdAwX59Hx94PMRqLPKpyOU9Ur5ukMNHp7B1O7FNFQTLG\r\nk7WSC+t9iY1tPKeRLr8A7TKusr1np4pGG+tq87kkhlcOhL+9EmdX6t/d7+pd\r\nrtlZd+lLmjWiXaDTtc56viz5GeIpXAkukYbCh0CgXCrq0VdYKdZwW8R4qXLl\r\nXQxesYxLTjYdhMvmvhw4mYwA+yRiIQJzwu03n3nHZ9mLc0pIB41f0RcRmXyx\r\nwKBVJ8DPXW+73iEGKqZ1PBY4fPZlthsT4Wt4O6+ZiN/ixdGdnU7KNd+kd9Zn\r\np89WF3+lcrvtNeJKdYBNCa7UnzgNGQk0RO25bsQQF95II19qvtProlvfS+Pz\r\n9RHxqRtUS3sq1cjAxXVDlNmMopWtd6RcnOE18QRnWtpAoSDho6KYxakoIxyl\r\nfvkGIcH0fQqouqCLOKHIMrVvXECfbsIe83xE1NOOAWuprz/ud+DEv4pN+gnQ\r\nSoHtTefEjP9/Hvy0PrDE3ouxwOV7rd87jBpuKz8PihGZNYAwLDCIyj7Iy5Vi\r\na6V7k2ueuoZpIqpZuH6EtTBgOfRcYh+j2oaDxPaoSXs8+q0dWUjP9gg4meBl\r\nnuSJ9wb/s6/i0ZOtKk+19So9Trg5q01VChk=\r\n=lfx6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1a9dcf2ba00051e61b4070db7a5d5ceb/chakra-ui-popover-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-BOcVDSfjQ4qVEHcLOAxsJaIjspjvDxAHVory7Z0p6nXVzQNqFchUzdxxo0haas17MjfUXLLsJ8A4qQ0XT18/Nw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820173639","@chakra-ui/popper":"0.0.0-dev-20220820173639","@chakra-ui/lazy-utils":"0.0.0-dev-20220820173639","@chakra-ui/react-types":"0.0.0-dev-20220820173639","@chakra-ui/close-button":"0.0.0-dev-20220820173639","@chakra-ui/react-context":"0.0.0-dev-20220820173639","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820173639","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820173639","@chakra-ui/radio":"0.0.0-dev-20220820173639","@chakra-ui/button":"0.0.0-dev-20220820173639","@chakra-ui/layout":"0.0.0-dev-20220820173639","@chakra-ui/system":"0.0.0-dev-20220820173639","@chakra-ui/shared-utils":"0.0.0-dev-20220820173639"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820173639"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820173639_1661017065201_0.2061853142186465","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820185458","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820185458","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b90f424e7bb119629ce87edb6578c02bd3178da3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-UtMiU1deH88rmKVjWqOIVJEudV57pQD9Qh8uPmISSFNM2f/bv7eNxCx7yxeGtSlrB1+d1U+xtcChIRXvadgUbA==","signatures":[{"sig":"MEUCICOXMO7F2AUOMMTfDXK/PXCbaCZ8sHLByP+K6tYoHAWhAiEAsGKnVqq4Djd4i+E50y/pys0x78i/6m8ofQOhmwqa6c8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS5IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphWg//dKnycjbD4tL+3RPGqVuRWh3wcbCXIRkbMcrzesEA5pwaeTqq\r\n7oNgRi5L16jK0FOheOjDgUfcNcOHy7w2qaUGCqFdw/B4G624onHCxxVTRp3t\r\njOWjPzXIx0l0u5tBK94+11o0rFrRuXmoVtpUuEPLsi8SRWwL/M+BL54qkEDa\r\n0GmvHHmbgqpLqTTQHQpvvAFvq3VPgPR4EO05RmgaeGEPjZ5NIkwxBA6ExgXp\r\npU9jnq7ZBIQxoJ6lOZICNv6xhqImnkfUkYPxvhp7au+HoGM7fZs1Nuol0bWG\r\nyHguQCMGebv4ubQubBUJaYMMvVfk2fdmnuTLrtrmNAeR9JbccGI7TNGR3DVr\r\nSoVbv290u7UkUtNi3/LHcqAt1jOhfurPwj19CVvFITZU9dokJvZg0CMHEOWk\r\nGP0M4113csVW13LiYYNZMwFs/Dr4AjQBawYABo+UsdarVv2DvMUoFBRlx0m+\r\n0Y1smQ6/QZ53zTUq0evjZ5ElmqeDoJ0UYLuvOPeSM0Z3t6t9vUEpLNRwwgd1\r\nJHV3jSOmoxxo4gj6n4mGd8vZ5FG4NEfB6oZRWmJUDdcZTKzX/fk1xz1SpB3T\r\nEwIGIBDCN+7p7+OtJznMU8qX1aRNNxwEqzWNZ5RuKt/k+fazP2rusKBtGk9h\r\n/YoZDit+U7f6vElhOHjMg+wDj2Bo/Kc1338=\r\n=2Jdr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d5f34eb6804bbff764b268dcf9b6606c/chakra-ui-popover-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-UtMiU1deH88rmKVjWqOIVJEudV57pQD9Qh8uPmISSFNM2f/bv7eNxCx7yxeGtSlrB1+d1U+xtcChIRXvadgUbA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820185458","@chakra-ui/popper":"0.0.0-dev-20220820185458","@chakra-ui/lazy-utils":"0.0.0-dev-20220820185458","@chakra-ui/react-types":"0.0.0-dev-20220820185458","@chakra-ui/close-button":"0.0.0-dev-20220820185458","@chakra-ui/react-context":"0.0.0-dev-20220820185458","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820185458","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820185458","@chakra-ui/radio":"0.0.0-dev-20220820185458","@chakra-ui/button":"0.0.0-dev-20220820185458","@chakra-ui/layout":"0.0.0-dev-20220820185458","@chakra-ui/system":"0.0.0-dev-20220820185458","@chakra-ui/shared-utils":"0.0.0-dev-20220820185458"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820185458"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820185458_1661021768214_0.521176132286745","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820193723","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820193723","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"feae1b7ab12cd9fdda20a86e8650449726a4fc2a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-7NsI+oRKe2SfMuZSXwdjEAsQ9IRD/f2eCwgBHw6jIzG+AH56I8osnajgW1VPehAA/dhsYFAvn4/DwVkgenf+Gw==","signatures":[{"sig":"MEUCICA/6BaBtPsPmdLgLUlHWHZDc+TY+APGYZ/tFP/SV8adAiEAnHs4mPNHdiEk3uhWW6xSrQj8O79kKRYMfsoMmjwvCg8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATg7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAkA/+PMWPBU2oRZS7uzNIu9p8X3Q3AI5bGr9kpbt7RrICRRE2r0a6\r\nK1KWplgNnvJe7ObxhOgJRabS2uz2iwAla47EZfewG7HHhPL5YLQKfsMwMyxJ\r\nry3U1kn7z5FS8SVafWZkYNDiJU7IGQFg2Ylm4La7stnPUYJHvvUX/+9o3Iu7\r\n1J81UzOVyvBmEN7lda4oo+QydKPMn98HBy4AYtfw3Id79dJjlRsyhP9yDOA7\r\nktF64m9hPHZA3UMb03tApvO4K26R7HqrD4dReomqkONnExPBj33IwYJ1VzAL\r\nC2JjkymwpOxeByZ7hZhAmPWzgTwGlMzO/mb55wjRhnVdKtrn/QdoNzXBPp6H\r\nIdxhUZcJyNmtNUS2zeGO0qRWrhnAHMdbxXkYh+hopPFZrwraTMGNq0CpSQ7E\r\nt+I9J9jt8bLzxHw/r6bBncqIOvU4TKeUMA9MLcJLysoDluP3hAdrZLvS03m0\r\nP0DvjI2mtwk+rQE2NMeqjiVlYRWmIgRaqwIbhBnASz9311ZaA2Y2z3WZoyuf\r\nx7cl1Dgey47rOA31Qfu9vjoE+kQuBYsWN30onZtc3QUjWUbh/6pBJRQRHPJN\r\n95b1s9Pd1Mwpe1lZgJbcdGv8DRKlw/dLk6879IxcsblRQrXypP5dzJOE190E\r\nfusD18xauqwhufGbL440HcvMH+cl01k9dfg=\r\n=o9dl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5b316c7e598e5c4cf00774645265cf74/chakra-ui-popover-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-7NsI+oRKe2SfMuZSXwdjEAsQ9IRD/f2eCwgBHw6jIzG+AH56I8osnajgW1VPehAA/dhsYFAvn4/DwVkgenf+Gw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820193723","@chakra-ui/popper":"0.0.0-dev-20220820193723","@chakra-ui/lazy-utils":"0.0.0-dev-20220820193723","@chakra-ui/react-types":"0.0.0-dev-20220820193723","@chakra-ui/close-button":"0.0.0-dev-20220820193723","@chakra-ui/react-context":"0.0.0-dev-20220820193723","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820193723","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820193723","@chakra-ui/radio":"0.0.0-dev-20220820193723","@chakra-ui/button":"0.0.0-dev-20220820193723","@chakra-ui/layout":"0.0.0-dev-20220820193723","@chakra-ui/system":"0.0.0-dev-20220820193723","@chakra-ui/shared-utils":"0.0.0-dev-20220820193723"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820193723"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820193723_1661024315475_0.9134331964633489","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220820195548","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220820195548","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a6f0a1300d96c0abc8c8a6af0e12ce18e783a53a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-gL08eldNxGGHtQ0AHMGuKF5nRzHwA1oTs06npgw60dzJS71d18GXREzHzTUIOBP8WNDBT5sJV/XG32ZcQUhDHg==","signatures":[{"sig":"MEQCICiwemRj5dgDP4Fg17k7EALwRsyC2S5IbfZI5ocsy1S8AiAAmS0ZkK4ogartrjmt7VwEC30khe5FxZjx/lGtU1YiDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATyKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonNg/+P0xGIT1fAZYla7SGM62o3+Sv5Wp764mzD91HiU9X2C69NEOS\r\nzpxQMtjkoCyH0wyoz2E8Txe1OGpwe3F6o+gRp5mh+2HDmhX1cXHE17UzKKVy\r\nyPaHo3vIdS2AMvUg4a8PB1/JPTKWhLe3vAm6lpWYOug+8qEnBsqWxS/kkNEK\r\n2JcFIEDgc6yqMHsMrwnFjjMvd0z6M1P8Xvl4kVzWbZMvBwGHoiAVYv5R9iDy\r\n+8Ey7KW4q7KfmZpjdslp0S3MdfNjCwkZ/Ne6R0G9XouSg+IUjgKar2Wlg6i2\r\n3QylBVvRQxEfcZGXuPww5/4Q8UQCQ1iC+7taPrCVyr/ltCNpKHh1ePEpUgge\r\nWjKMLFIipkcf0JnQ6RCSuutQPL2tYBA+8B01V+aMJF5Drje7aRSLJf8S3Adl\r\nhz0ZegV8UoQseYyobK5vevLvOtawDV7MVrltd27LWK0I1mXWtjmzWdSwRX52\r\nff/oi1+mR/9kgLtsCh0Z3AG5iaqzF5tejYEX2TMQ2OnIGQHBEWOgyrFyeLSL\r\ns6w1f9iiNARqf93IWIyj959AN+M+rL23ni6emfNEyTVxpoyjVjuTylOkaWYD\r\nYfrdEJ7xr0LP8d2C2bhCHiuc3AuUO6ao+HrUmG2ZRFUtJ0SsffZkmMBMEvq2\r\nnUqTWKWv7nRJlYgd9A+zHggiLCPy7QupdZM=\r\n=Br0u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9a055572818e676f18ccfb5368840498/chakra-ui-popover-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-gL08eldNxGGHtQ0AHMGuKF5nRzHwA1oTs06npgw60dzJS71d18GXREzHzTUIOBP8WNDBT5sJV/XG32ZcQUhDHg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820195548","@chakra-ui/popper":"0.0.0-dev-20220820195548","@chakra-ui/lazy-utils":"0.0.0-dev-20220820195548","@chakra-ui/react-types":"0.0.0-dev-20220820195548","@chakra-ui/close-button":"0.0.0-dev-20220820195548","@chakra-ui/react-context":"0.0.0-dev-20220820195548","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820195548","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220820195548","@chakra-ui/radio":"0.0.0-dev-20220820195548","@chakra-ui/button":"0.0.0-dev-20220820195548","@chakra-ui/layout":"0.0.0-dev-20220820195548","@chakra-ui/system":"0.0.0-dev-20220820195548","@chakra-ui/shared-utils":"0.0.0-dev-20220820195548"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820195548"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220820195548_1661025418554_0.6443355726172191","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220822051456","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220822051456","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6c0a88dae7d03e4b0790a747ab3bc2a438defa6a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-+Yqbt1bBM40PXHQYFaJu2FneZsWDPrLOMrjX4V198KldHeAfH7Ft03888BjcMPKsnwsHGKqqPRrR1ryaYJY+VA==","signatures":[{"sig":"MEUCIQDetdB3I1XWd7DQnwPfbaiXFXFsf0EPyndvk5n/AO+z9QIgCkvEPM4A0cj3IpBcKavNnvgREra18jfJwlFE8O2K7Us=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmDA//ewvZZAt5e/dMPaovSjW/LX8+JoKkZzNqUKIHTgDDFvfQxINp\r\nqA38uGQu3+1jd+pjnqkd5AnFoL1H+UFaiCS7wbX5f18mkfkDnOkY+HNCcblR\r\nniSwif0ZrFPuCzTBTqyq2TeOLvCFq3Fxaz9wBhcv4X77DnSWooSoWbyJt2cV\r\n21U+sAQv+pbKDgpHFhi85ekgOWsrl9cdFDryv0CA55O5ZlKBo/b9aq1WyBfA\r\nqUCqvYVpdlp0gy98dnlrIa2EFoeoW2LNLyN20pgTho24PsfF1U/mSwClxK6g\r\n4lEsWOlyuKo5hd28tO8C6F0tzEPOsAEdg3bC8yKkCKo4sHEXDZJhuM6L8mYS\r\nTfcBR9rxSpLJVTc+97X0p5KjU9b8NTM9ipun4A9Z11o9TQq7UTIuTajp0zz5\r\n+DSJ0fzXQx4jtwzeAPlyq1rAXTrab6941yiWEtnipo03TcJIVfgA9jo8ZesN\r\nZBt7Ks8J9OKm4y59VIVU0R+znreLiEajZML7UX1qGIlhbYOz/aF+iZTTmRd+\r\nEpHDBipXQkKBwVNJkUhPSJcghiRo7nCXmpGgF9BX1WQNLb/13ZU23GnzH4Yw\r\n2pQnzY4v8yeTNRSRDDVJNhA3fEneUK0+FFBWRfqgoMMYzSEiDKoi8XTLk90r\r\nrYA6mSsibA1PU6d2Lj6S0i30Z0p6qwko9IU=\r\n=i3zG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4e8ff13dcd71cb03feacdddd4983a6b6/chakra-ui-popover-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-+Yqbt1bBM40PXHQYFaJu2FneZsWDPrLOMrjX4V198KldHeAfH7Ft03888BjcMPKsnwsHGKqqPRrR1ryaYJY+VA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220822051456","@chakra-ui/popper":"0.0.0-dev-20220822051456","@chakra-ui/lazy-utils":"0.0.0-dev-20220822051456","@chakra-ui/react-types":"0.0.0-dev-20220822051456","@chakra-ui/close-button":"0.0.0-dev-20220822051456","@chakra-ui/react-context":"0.0.0-dev-20220822051456","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822051456","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220822051456","@chakra-ui/radio":"0.0.0-dev-20220822051456","@chakra-ui/button":"0.0.0-dev-20220822051456","@chakra-ui/layout":"0.0.0-dev-20220822051456","@chakra-ui/system":"0.0.0-dev-20220822051456","@chakra-ui/shared-utils":"0.0.0-dev-20220822051456"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822051456"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220822051456_1661145372568_0.47768413857331793","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220822054045","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220822054045","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"51aa50c80391bf6d2cd8c1e2750a243edecffe8b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-vGJrhpZdMLHbQyvqkLQzbsmZrAaer0gOx5XyxBJO8Xn0RGO7fYGYeMIM3WLSrl1IUfheKhqohCJN4DvyBpIogw==","signatures":[{"sig":"MEYCIQD9rYDrxH8k8vyCZrf1eYlEfZtYxf30ESZPgAUuSIOHHQIhALw0DYg4ED+IBmbHkCUH6eQrqXNvHx24Dzo8Z7uSpY25","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxckACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmom2BAAl0huMKQWHUBURDI4TXytytBtpQDKqunNCPY3io91Lwwy+PqO\r\nl79UsrFI0U964Wn199wsMW8yzDkUIicOYx8tJRW+3qJ4qLEuMNPhcQJpfJV9\r\nY9EeKsKf0kjTuXbm7R2bdtc0DGWLk3V7+nXRc6qEbwjxnIgtaoTO167DjgA4\r\nKKTDs9ZwxzRPanafpNtptnyeBsFLHiKyBYfR/iA0T6QDxPweYSCIQa1L7XBo\r\nLc8FP2aw2u14zPKOFpDLVAXXu0DVupFP3o5kZcojdnmm5u7qnW3G73ouFqSj\r\nMpXBUh2H5eYhL5EBziwP9wTITnFyFgeuiQ9Pm7ID13ys7h69gOl28p26NsSu\r\nfCqvj+rZQ0BgwvHKW+9MGyMgzkwhXT2dZdBXNba3Jw+e4eiOgeF6v/Q98pSl\r\nRCic6lcPJr0g7YG7I4QLgl9KqEuJjU/BZwemgsL709wk8tP3YiLRE/ffxfd7\r\nFPO8Q1ArYdyvoZQcPVjFyc7fizdVMtzWgyww5CWmmifisBsVEysNyni6t6Z6\r\nGHYDxDk6UYgzXCI0Iu9ZauoEQ3cT42iVT5jgC9awH7sAA+iIWlkcnRaflsWN\r\nmleooM2uhqXwahI59RWtLXYAZQjmB4AKXqR0EC6C8PurTdCV/UbuG9jx5Le5\r\nKZm46TclUBBZeadraFiq4J93bcGtkHwejRE=\r\n=N99p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9ff0315b1d34cfc02f50752b3edc22ad/chakra-ui-popover-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-vGJrhpZdMLHbQyvqkLQzbsmZrAaer0gOx5XyxBJO8Xn0RGO7fYGYeMIM3WLSrl1IUfheKhqohCJN4DvyBpIogw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220822054045","@chakra-ui/popper":"0.0.0-dev-20220822054045","@chakra-ui/lazy-utils":"0.0.0-dev-20220822054045","@chakra-ui/react-types":"0.0.0-dev-20220822054045","@chakra-ui/close-button":"0.0.0-dev-20220822054045","@chakra-ui/react-context":"0.0.0-dev-20220822054045","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822054045","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220822054045","@chakra-ui/radio":"0.0.0-dev-20220822054045","@chakra-ui/button":"0.0.0-dev-20220822054045","@chakra-ui/layout":"0.0.0-dev-20220822054045","@chakra-ui/system":"0.0.0-dev-20220822054045","@chakra-ui/shared-utils":"0.0.0-dev-20220822054045"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822054045"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220822054045_1661146916640_0.22198709604495503","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220822055339","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220822055339","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5028d5e3f633dd7f56982df00258d70b65289366","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-JHjVP/q3azEr0XJ48dR0eQocnIqmfUJ9Fo2XMGxK87c4TvrweQTFo45orNLu5+g6gfTvd/LMN9QSsPmcC0C1NA==","signatures":[{"sig":"MEUCIQD1Zqxv8e/M2PD0oyyOcbQKlb5iLNIfq1R/H1M9Bo7CGAIgEgzc18mk4o1Y8x0gGR0EATU3ko5zjljsuqT3bbxWtZk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxo+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqffg/8D+8O5Q/CsfG2W2FLQ89wT/uvOA68ngAGQbVzXBrmg92cMI+2\r\nF3GuW4RositJbnU4cmL2WzbfaH+S7ofZT4u9MJDT5bhzJ7DGNZlR9COxYGTv\r\nxDUGR6bsOAxWeldcyHg7oow/B6XhXKFXRcEvs8M1dYKBp16zJShc6v5caNAN\r\nd/E8WXik4OeowdRbULAi/y4DR118phnwHRGA5E9TFMQOdPV2pv6k5QKiWoAd\r\nVfY7RQ16xNYnDZkyzOvmpoaImAkG7+FaL6CBi5KwpMK1Dq5EKgSxAh7zjI8F\r\np7Zp7Jkx06xmFl6Et5CeM2aPayMYa/wdDmB1mWMfcdkcGmAqqh9U8qu0fWJt\r\nxzbW8jUvdm7R8mtwHeVZV1TacmOVKwSSx6Jf2l0pxIHXMXgjL+YgdNPfTrw7\r\nZiM6UUGni1OOvz1TCUoRMp8xDaSR/QsQzrT5LBYCxjCt5CFipQ76kFRAB01c\r\n2bcohg5Scyu51TAAd23i8N65pLaueQFs1T96QJ9dAtFxR0iLys9nVfat8h4o\r\na9nZmiseguSpa629sgYGhAh7WP35kGNN/t3xv7GiDZkys6JAoH4H4yRhj91I\r\nTINXFTvX1uPSRrmTq1iaPEdVVHkZlg+EdK1DM/h72/EqTu+MVJIx0n5GtbHu\r\nNonsQeSVefk9dlpd0AWefvVDqbQh3VbN3Wk=\r\n=xCD5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b68d75ed401b9be3751193a38367935b/chakra-ui-popover-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-JHjVP/q3azEr0XJ48dR0eQocnIqmfUJ9Fo2XMGxK87c4TvrweQTFo45orNLu5+g6gfTvd/LMN9QSsPmcC0C1NA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220822055339","@chakra-ui/popper":"0.0.0-dev-20220822055339","@chakra-ui/lazy-utils":"0.0.0-dev-20220822055339","@chakra-ui/react-types":"0.0.0-dev-20220822055339","@chakra-ui/close-button":"0.0.0-dev-20220822055339","@chakra-ui/react-context":"0.0.0-dev-20220822055339","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822055339","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220822055339","@chakra-ui/radio":"0.0.0-dev-20220822055339","@chakra-ui/button":"0.0.0-dev-20220822055339","@chakra-ui/layout":"0.0.0-dev-20220822055339","@chakra-ui/system":"0.0.0-dev-20220822055339","@chakra-ui/shared-utils":"0.0.0-dev-20220822055339"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822055339"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220822055339_1661147710629_0.9146522206044398","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220822103611","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220822103611","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"67e65c3c3df6412c4a16c9c3d63339c550129959","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-+g+2WwnDQpY4FF4Ty9bQgfh9+Ho887gD5Dpmjnpn/Hq2JMJFdrK3b+eYzf7oADdH6ZqlHgOWGN32GjkUCTL6og==","signatures":[{"sig":"MEQCIGLt9azyshRisYhYvyuNpViCLcLwHvJheGDGkLsdldEFAiAjHAmilolhEKAN5DlL8V0h7G0M3tRuuS/PS6BHwJ3cVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1xvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6nQ/+OCJ1onCd74F0PogKdhSIQwvcY5jDLa5W2/bviarNMhnA57TR\r\n52gyUpiyMeF4+nUkeaabHbhqK/gAWGUE7VBL0pvgGYClsKn5TTz8VUxAQoBF\r\n6o4yRYKodB0ajuKr7vvc3I1noEm5HGnLx8JQfqVS38GBaeBylYcojar3zNhj\r\n6YegwBQ6GiZrv9Eu4EX4bvRdcElSw1uMOe9X/o/PYuaMk47VYPryiH0mZbkH\r\nycTka0clYaEQbkdqKvycY8hw696crwB0EX01mv06kY4AKbipKDWQZiSfC3mm\r\nL/UZZOZ/yywWp2fYUNyCgR+k+rKZb/TP+LId+ohmceH6ny6tvb+NK3H41mYN\r\nLCxeiEhFtI/5npViDWDCV4gZZjrEAx6l6gwSX5Hc95zfLJIgcyB7PtJF/9z8\r\nnYnqj/dOE3Me7cQ9OXBN3u2TR3tJHz9lrmsPXGuxoaW8pmIIOi/f5ANwKYjq\r\ncHcwrBQ/wSkr+3XIZZiYPqD+k64XU/HjKQXGWY8tS+KEAqzhSHTDv7hHl9NT\r\nulJ14axxrKmg0K5svFW7wLO/TbhtB5F/guOuREu/V42esO4oxm8zq4hsgN5w\r\nemgrG4I87qZi07EUJHLM9byLCQEBHn1F38T7btnh//zqZNQ5pGK2RcUPxwc7\r\ndPWGieVwIBqZVw1Sq1sJLV8z+zb7QSMw858=\r\n=xltl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c836a9698d5e70f572491310f6b95c0a/chakra-ui-popover-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-+g+2WwnDQpY4FF4Ty9bQgfh9+Ho887gD5Dpmjnpn/Hq2JMJFdrK3b+eYzf7oADdH6ZqlHgOWGN32GjkUCTL6og==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220822103611","@chakra-ui/popper":"0.0.0-dev-20220822103611","@chakra-ui/lazy-utils":"0.0.0-dev-20220822103611","@chakra-ui/react-types":"0.0.0-dev-20220822103611","@chakra-ui/close-button":"0.0.0-dev-20220822103611","@chakra-ui/react-context":"0.0.0-dev-20220822103611","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822103611","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220822103611","@chakra-ui/radio":"0.0.0-dev-20220822103611","@chakra-ui/button":"0.0.0-dev-20220822103611","@chakra-ui/layout":"0.0.0-dev-20220822103611","@chakra-ui/system":"0.0.0-dev-20220822103611","@chakra-ui/shared-utils":"0.0.0-dev-20220822103611"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822103611"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220822103611_1661164654886_0.04050676477692239","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220822184448","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220822184448","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f67fbcc68a2351d4efec9449f215562ca721a168","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-/Zi7o+d1d9QBa2fcDcZrUEkmUULPdJR8w3jkuNOsZfpmaBr1LCC7CGqRHloe4CWBHhlA84445JV3Aaup6LExow==","signatures":[{"sig":"MEYCIQCrvgHwIlIWbiwDhVIeSB4uvTI0tkV3nw+60iGW+/3FeQIhAPtdtgoySe3xGin8OXdkcTpYJISlnCav97jpmvmUFsFD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA877ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7MQ//YqkuuxLwF0qbVLVgmiOqyjsKfyLytFLLYjkY0YPIAAL+Ghcz\r\nFB/Ns85Rz8449orqfqqJRiZvVAvBEk/AYa4q8NyZqjnz52MNHBjXWrPtr4OQ\r\nEht2CMBLPxilOgmfU0w/rQBAvdyEyPbFm4ztaoHaK3KVe6sFZNzLy7mN/bH2\r\nvA9/O5UpoiqRGhFk8n0RsOjEtTWFpAJ/vvatX7dEsLoR6rDJV280SEL43XIF\r\nzKv7a6IN/ANTLFDzQXjgHGDUkBGwoUhNZy9LV6wbR5nVSFZkKKVh0A8KxSyj\r\nRI/Lr33atSkW3owyZNmNCUUFNbgwZAIPtAMSXRn96TMfy3ncOxGX3sIKUWoh\r\nQi312ZK/l+qDGo4mya2Gzg2Tr4QtmyEz+JBY9Y6GdXnag+uvu5K59xp4AcRi\r\n920ZR67y/QbscCHhAz5JHuxCPuABdXTtw0lYKG4tIg/hxmyW74u5PPOYwoBy\r\nMGWV+l8RLuiKTBmfuw4vlhVMLoa9T9AFYWw9iIL5WKMwgW9vthnyQtgRfc19\r\n1vLxihfzTLxp+HTIBaM6RFtNXKa8uidnwVKCVFDlFkWk2dqa5xPpJ4lekaFE\r\ngxLq/AxmBPArxy9r+ybEXbbTzuenKREgBiVnMTVBqyU6fPP2sq444H24yl4A\r\nSWcUWvfSHbrTaDqkjzW7lMJZ83fbjnaGKh0=\r\n=ooOu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0a7015ec559610e87e88617d15a3903d/chakra-ui-popover-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-/Zi7o+d1d9QBa2fcDcZrUEkmUULPdJR8w3jkuNOsZfpmaBr1LCC7CGqRHloe4CWBHhlA84445JV3Aaup6LExow==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220822184448","@chakra-ui/popper":"0.0.0-dev-20220822184448","@chakra-ui/lazy-utils":"0.0.0-dev-20220822184448","@chakra-ui/react-types":"0.0.0-dev-20220822184448","@chakra-ui/close-button":"0.0.0-dev-20220822184448","@chakra-ui/react-context":"0.0.0-dev-20220822184448","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822184448","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220822184448","@chakra-ui/radio":"0.0.0-dev-20220822184448","@chakra-ui/button":"0.0.0-dev-20220822184448","@chakra-ui/layout":"0.0.0-dev-20220822184448","@chakra-ui/system":"0.0.0-dev-20220822184448","@chakra-ui/shared-utils":"0.0.0-dev-20220822184448"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822184448"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220822184448_1661193979520_0.7409499467341443","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220823150801","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220823150801","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f0b2072cb347b2f435d895f3e6f284354f8a1af6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-LooLt7dZYKsBazsO/O7382tIEufT67W3XjJgeue71LwqKOakKm7YNIDN38PZoXH5AVXuxoF79ZUxShGOPBui6A==","signatures":[{"sig":"MEUCIQCK3hckDWw1ctpYS9yz/18PRhGihueSmBy/74yFrhnvOwIgIbidKd/dP4WuwfecM59ktU4V1vtlCpzPrWyxHgFt7PI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaIg//Veks33QqZi6RpmSYeTNDGRl2WKqCXX0kCExAFWh2tSeO2v5h\r\nDrxEMs9sRdUprpnVtwv/CgObZsBALs/VQ3OaApsHudNjdDOLlMrMR8m2cy8K\r\nrUdhNXWosDMtkC6bySFbyTQZx7FHe+bBRACsSwX+58y2qr+eurWKJYpdZCaG\r\nCqF9x1BPqPILG7lVP86XGqgkXNNYaL91sOkXPzyyTii4BXU7BnE1DDDybXKY\r\ndGXWJSddB9Tgkvg4ajWvJYGB+/KcYMVk0pb/GUXhZRN8AklK6C7onsIVBGVL\r\nkKpUtVR8ejagE91v/P/F0KcnecM7eHNrUFRg67fF3xLh/vj9Y0BfJW9RoOz9\r\no6qyY1QIhsMcFWPRdzdtS9v+3NiYUNGegqbUgftdmD2vHCHPUkdQtua3DF3C\r\nsXFn4b36G4uRmcI9Uu+/5vOZsS+Umr2TvdiOBGM1NZoa991UPTRiA7yfRUQh\r\nXMijy1g/gxDylIPIZUh2NfxBrhNiTVSwBZ1LmMAbngnRGLNpGciGUMPBm0jS\r\nXyIr59vXih6900au6XHmAE84HGuYOJ82I5veUigGoqfUzQYimef3xk/Ew97C\r\n6hxMOOKZ4VrKoSgP7Wa4LqokQTf4Ap4WWRKO1P3F6ZE46MbUSWokFk6fDkvO\r\nfavVpPNPk2XN/a+7xjJMI8IB1J55YoqSix4=\r\n=Zv2G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d24ff1ef0f9a2fc8b9c104f1f03925aa/chakra-ui-popover-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-LooLt7dZYKsBazsO/O7382tIEufT67W3XjJgeue71LwqKOakKm7YNIDN38PZoXH5AVXuxoF79ZUxShGOPBui6A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220823150801","@chakra-ui/popper":"0.0.0-dev-20220823150801","@chakra-ui/lazy-utils":"0.0.0-dev-20220823150801","@chakra-ui/react-types":"0.0.0-dev-20220823150801","@chakra-ui/close-button":"0.0.0-dev-20220823150801","@chakra-ui/react-context":"0.0.0-dev-20220823150801","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823150801","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220823150801","@chakra-ui/radio":"0.0.0-dev-20220823150801","@chakra-ui/button":"0.0.0-dev-20220823150801","@chakra-ui/layout":"0.0.0-dev-20220823150801","@chakra-ui/system":"0.0.0-dev-20220823150801","@chakra-ui/shared-utils":"0.0.0-dev-20220823150801"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823150801"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220823150801_1661267356717_0.768539043815931","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220823165602","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220823165602","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2141bfa41096d3b24894e0ae396c9c8c5465781c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-dgfoc537j9SsPGCfl3ENBf2UB1KlZOiFT4aNLoB3OBqUc+v/GijKx6aOslbLU0JMnAjDSZMhMAtwRgQigsjrkQ==","signatures":[{"sig":"MEYCIQCBOX5Lr0InIAdPoFyFWKHmDhGruqAQdJrTWTsxg7HOFQIhAL5LRuouFWoka4mRzcAAu5tkDsQe89oVZFXO9N2EVtpE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQbsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWiA//WzVrT/PKL6K0E2WeX0n/IAoc+pRub6A801ESHuA+NuR8OBl5\r\nPte71v5yyDpCxJc+hPD7Ey/ogCWnX109hWixlRFJoJBXl62rJwt+kgcqNQwO\r\noifI7DSOJX/ftnomfdoSwfmd/LbfxEYls8NyfTNhdaMBw0BKLig5Zbf2VZ2S\r\n2Im5sP2HG+4fextg5AyN10H4vJFbAOuht+N0WrIZVremPU+32lKlTAjYhe5x\r\nAIA2LdIrgheQOfz55wvV+1HtAAAfQ4sgJlgs6sd7qcznYSEf3bsqjX6GOcwv\r\nlQXaV3vHJ98BYyNlA758iuNtqkVNaen/pjyzk0Bm5T9JupdvWn6VV9H6XG5F\r\nxM0ZuEfNgXRab3/WJ3Rzn0bMpkjmBV5jRjdiVSLbqVt5R4ogtfP6eQekMeNj\r\n6JZM8fD7H8RxinySY410RJ3TMN7Qz0FsxDDnBkSJUdXQCKih1DcFfhwUDWKn\r\n9ja8z83u5eKKSHg938GilOvVGAgfzSmCwbGx4yayWyuC0CApMgr9yBYOAwaO\r\nUp3Z7r/A1g247ZXlYKf6t54ksz7/LTIOHYJ+E0QY1Um3A7Iw0tT0ncrMp8ow\r\n8Yyca8yny+zfIMCd565FF1NnYJj1P7DXCbEsGaQKkNuaYH9KQMgpx42oweap\r\nqL75ddQulnj6EnZZj3yyFIh0ILni7M6GcOQ=\r\n=4ZlC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/99357e9d977390ea3879b2f865f40ab2/chakra-ui-popover-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-dgfoc537j9SsPGCfl3ENBf2UB1KlZOiFT4aNLoB3OBqUc+v/GijKx6aOslbLU0JMnAjDSZMhMAtwRgQigsjrkQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220823165602","@chakra-ui/popper":"0.0.0-dev-20220823165602","@chakra-ui/lazy-utils":"0.0.0-dev-20220823165602","@chakra-ui/react-types":"0.0.0-dev-20220823165602","@chakra-ui/close-button":"0.0.0-dev-20220823165602","@chakra-ui/react-context":"0.0.0-dev-20220823165602","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823165602","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220823165602","@chakra-ui/radio":"0.0.0-dev-20220823165602","@chakra-ui/button":"0.0.0-dev-20220823165602","@chakra-ui/layout":"0.0.0-dev-20220823165602","@chakra-ui/system":"0.0.0-dev-20220823165602","@chakra-ui/shared-utils":"0.0.0-dev-20220823165602"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823165602"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220823165602_1661273836188_0.7243036539940251","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220823192757","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220823192757","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5bb3a4833f809d7aa9fd478cc65d0ec1d90823a5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-8nMt1Mma9PeChstgVGxydCNojH3xqPR5n+W6OZHAi9bHK0hWgwJpAfK15j+SCdsiUXR22QdJQ3qDfgpvh2mBPw==","signatures":[{"sig":"MEUCIDtYfAz93IYJAYDR/l8KxYafPQn80HSt2DrfJ7O7NrVCAiEAglVm1vKaML7reaL8YdJh3RKMqBYC4EJzrDwl0Dqay+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoG5BAAmj5Rnhl/6zDulepkcVqApqZhOGUGQWLux5Vy6ahvEiFwD0k1\r\nagEs8VcFl8+guriDNJIsTcCLfuTHsYv3mA+WIThbiZLun2wKVxumO4BRSZdB\r\nv6KAPgyQgHrfVK4xY7Lh1c+GwztKeJDOG45vP7x1V3tgKioIkm81Tz8hV0RP\r\na9fRKebsldyWKidHzc+boxGF7III2S3iZ5KW6L2UUijZwyh+wp7D0XF+Tkf1\r\nc5DQ1qquqSF3CfltVMzH44m7FwJmZpxWRFftBuJJ86O0uzr7GbrHQaUK9b3Z\r\nQe5eChPOINjIRcsGsvLiijJq/DNu7miruUOatiW0hWCgDIu2JwDC0Q5w9BrC\r\nrNRTchsfzdvSiH4zCTKve07OL38jwr4IOqU+gyK/UhHOugKGAtdXTVB/qHFd\r\n2zdx9pET7r6eB+UPfApFY0W7NmiwCY4N6lOk7QIKVgOqKTvIx1uLQ+oskLUq\r\nqOdFBgs5oFf3rN6pM5Pxmte4MBW6A4kOm7HDLQMOBeG91hTP7WD8PJtUL1xA\r\nTqkA+jX2n3vbn55SMU5Ea+pmJqaZI3VA+xDwq0ek0U1SFSXW6uUWR4jxdD8Y\r\nyaor7/N3PfI6QBoCq6rzqIYPeIk2AWUUbCPPgabnAmzhWZPBd1lbtEh7qgA1\r\nAQSs1SgBcrkSBxK3l/Z/crEWzuztoM4ktCg=\r\n=4woZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/91cb5c816212727e1c2c348fc1a40176/chakra-ui-popover-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-8nMt1Mma9PeChstgVGxydCNojH3xqPR5n+W6OZHAi9bHK0hWgwJpAfK15j+SCdsiUXR22QdJQ3qDfgpvh2mBPw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220823192757","@chakra-ui/popper":"0.0.0-dev-20220823192757","@chakra-ui/lazy-utils":"0.0.0-dev-20220823192757","@chakra-ui/react-types":"0.0.0-dev-20220823192757","@chakra-ui/close-button":"0.0.0-dev-20220823192757","@chakra-ui/react-context":"0.0.0-dev-20220823192757","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823192757","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220823192757","@chakra-ui/radio":"0.0.0-dev-20220823192757","@chakra-ui/button":"0.0.0-dev-20220823192757","@chakra-ui/layout":"0.0.0-dev-20220823192757","@chakra-ui/system":"0.0.0-dev-20220823192757","@chakra-ui/shared-utils":"0.0.0-dev-20220823192757"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823192757"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220823192757_1661282969478_0.2529048269485983","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220823195046","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220823195046","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1be1587ce8fd22de3f1c2eb240c48fe94a11d553","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-D1gIyYWMJEwT34Svax2CG/DRY0ZmlToJdfkJFhZxvgCyWkuhpiudegtwIittTjC68CuDXu/SyXLHR58ygT2UhQ==","signatures":[{"sig":"MEQCIFNH0RX7me45WSHt2EfVfwjHiZD1Ng3DsHtFBAvwbmCJAiBrxy4mQLgZfeng5rouZbkW0dA0hSvnKUFpqI2DpVm6FQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBTADACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoc0Q/+P2VEw8A/GiSMfNNG2zkdtqZRN11zL9K344MOrdfgf2mImkb9\r\noOHVBgJHNu+61+65MhsVUXPw8Ji3ST+5ZVA5Z87Xwz/sLrwMcjheHAeo73SG\r\nGTQAkIwjkhjTri8Tos/fkfdG9r/FFkUq+Y3G0Rq+8ppBTBNdJPTlmw/7L+HO\r\noctgfVyMphiJZmTP1CaenNAp7VIOIXcnEgAY2/d5xtG15MBQRRBRzfW+i7dB\r\ncEhGEtsxQjngbspdK0OMAJNkBrZQB388ijRuyPNKCsgw04/2SM5mvWw0Q/jz\r\nb0ztUPewc9/styl/RGpVib6Oqyr1RBAJoIQTcdcelo+3snLpfvOuhvx6wKQQ\r\nHScuB7CNAiPVPpb0jEPIkmAELHnsaEolAN0XqQxUURH1BwQ9JSTA2yGYSoOa\r\njaqTKK3Xc3k7B945+uSYUnTBPHeeVCCXTaEpINIQS58SEasux2kvmvbuPCz0\r\n7+JGAb+zdzGoOpYCYQ498PUKYYQ9WNCflY3opz9BeaQDM/Y+OFDflYGx8QWl\r\nEGatwlU6UsthYMOQ1YOXyIF9+PpEKocD332ukYRc1tFt4d1LeBk8TysubuF8\r\nUp3kY9qtzCL1BhNQ469syRlCHNyxWcKZIeQXdzeQvUqYJgCI1aD8zIcpe5iq\r\nIz6GQ7AbSN7XCikfQSgS0yZ98LTbXQNCqX0=\r\n=u3Vb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/58292437f96a15cacf79bd1e951bc448/chakra-ui-popover-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-D1gIyYWMJEwT34Svax2CG/DRY0ZmlToJdfkJFhZxvgCyWkuhpiudegtwIittTjC68CuDXu/SyXLHR58ygT2UhQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220823195046","@chakra-ui/popper":"0.0.0-dev-20220823195046","@chakra-ui/lazy-utils":"0.0.0-dev-20220823195046","@chakra-ui/react-types":"0.0.0-dev-20220823195046","@chakra-ui/close-button":"0.0.0-dev-20220823195046","@chakra-ui/react-context":"0.0.0-dev-20220823195046","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823195046","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220823195046","@chakra-ui/radio":"0.0.0-dev-20220823195046","@chakra-ui/button":"0.0.0-dev-20220823195046","@chakra-ui/layout":"0.0.0-dev-20220823195046","@chakra-ui/system":"0.0.0-dev-20220823195046","@chakra-ui/shared-utils":"0.0.0-dev-20220823195046"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823195046"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220823195046_1661284355052_0.6468834974684061","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220824074122","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220824074122","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b21bf674ee0758ca705241910bb48c630a1eafd8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-TWe7b4+fho9H9wXWJJApkHF5faEpJ1P/fs5DCCDF7peU4qxM2JSQE5xHzzk3IIuOXxehcUBLO4hkTlXs59xZMg==","signatures":[{"sig":"MEQCIF17xh9+GlcJWitJNl/Zl3tz8u9GmauBHfGkejg0I+GXAiA5qezaqQgyit3Rphp2wZ2xePTQ5IyKzEHsJmZf7FjAfA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSKg/9F6R+A+9mbQfDyn1qerxg/9/hLzA9Mkc4QrYACeiJFKc6Qatk\r\nrYf8MEv7bxuEhSSR9IV2Izij1261WU04+zTFBvcRY76V9CrVoVMqBiAYSN86\r\nnpo/v8yEBGt21lszk22nJ7onN18nScP1Fi0HB2zHqY6keJplZHezyOQDgj0G\r\nbbpB1UKScMc1OxqPswSVmm4H5SN5DPeDaPUbyLUGn/KdA5herHIuNFkw96Sj\r\n6ix+RR6gfuultCYYQsapTAHsU80fHTLaaLkLVxdHm7+7y9409j3cwRvMyPcW\r\nGb4gKdH98huNHQncTJ49IzA7zYJlua8x5zKj4ApgAYKgSSoq/Jy5PdV7aa/I\r\nTx93zfRYDJ/44FFkvvMWV42C5stWAqdC/bm8XrrMI0nzCYbkFsvk1QvH0lYi\r\n/iSX/gFnC2406lzvuhpt2clr32uVQHrfFlm7MbNtxCCIzw513/1CC4qDCaOv\r\nUnQOzTBz6Du6odj2UIAg4eqox7kW5yTXqFackq5lFpQNqF0dFbSnlOdC3STi\r\nuQ71LoQgSYyelr6Nixw+6fBLHf+3UHzU5z4HFtRvWW2qL7CpRsT1mPLSMGU+\r\nY/hkLDkyf6EsjW6o3BeYRDFjoY39GhdgKroVVc9QsPP5zdWm1paYCQDmu7MA\r\n6FHNbxYZdVST0no7M4TxcT9Gm05QAgcd0Oo=\r\n=9LGN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/30881524ffbca03c60c3bfa4477b24e0/chakra-ui-popover-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-TWe7b4+fho9H9wXWJJApkHF5faEpJ1P/fs5DCCDF7peU4qxM2JSQE5xHzzk3IIuOXxehcUBLO4hkTlXs59xZMg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220824074122","@chakra-ui/popper":"0.0.0-dev-20220824074122","@chakra-ui/lazy-utils":"0.0.0-dev-20220824074122","@chakra-ui/react-types":"0.0.0-dev-20220824074122","@chakra-ui/close-button":"0.0.0-dev-20220824074122","@chakra-ui/react-context":"0.0.0-dev-20220824074122","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220824074122","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220824074122","@chakra-ui/radio":"0.0.0-dev-20220824074122","@chakra-ui/button":"0.0.0-dev-20220824074122","@chakra-ui/layout":"0.0.0-dev-20220824074122","@chakra-ui/system":"0.0.0-dev-20220824074122","@chakra-ui/shared-utils":"0.0.0-dev-20220824074122"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220824074122"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220824074122_1661326954952_0.2587045436500055","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220824080240","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220824080240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"07a1e2870a48a46e050e3939124f3af3b85b3072","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-ptYkBp9Af2kkeMr50Nt2a+9IgBSVFwtNrA8FHnJWLBUnMTYdA/dyZE/pvkuyf948BLzRIr1n/ysmsw5VHCXBcw==","signatures":[{"sig":"MEYCIQC1OgBhZ8bhCplsBT4chYZfkSW3NVSgmEnxkICkjLmFEQIhAM2pERXvDJGEUfqpYuP1pSkgaU5fs+4pl4EMbY7LLwHI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdtpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprAA/8DWz6sha1zHHVtU3ImnKl3uFrcdxHVIxz/CpQuphNk5MHXD5K\r\nAuN8fNfpnN88l5MGLABLsaiCSzNkPdvCn/D3FCkYlzSiDo6Od+EhvGzpmABu\r\n0xILwFaB4kUVTdxAZTRodyjgEJRpSAmvd0grhR0u7iKJ3lvc98RQVBLCOe/w\r\nBPC1mb27gdED+zHKFGsZ+iZROdj6SvPU8TkVA1VqVIrM4njbnkw/HM8qhLIu\r\n7kI6ylWLW+BXUObVWMlOah9bA4FaCSCZQW3XRqjewpYCmHjFqMBNkoCLra/t\r\nbU7EEM19OD2HFyPsUgpmc+8B41MiweoN9LWHwC61m+SdjgrANj6KhBBLg3zB\r\nbLv6DbHaduRlbSskKxwrA27gT1mwcpH6h0zFiuviScm6mHacS/1AOpVnTD4Q\r\nL4xxZQfipk9H+s1QakbgSQdbUiCr8ZQepxavAtZIglsOHUqkUs4vLKmGqFM8\r\n83ZXpdT+GuKQpj0KIZEgZ1TXhV5ifWeSlrFFZ78p1SOwY3Os9DZ+mKuQXYuq\r\nkHjqMTzV2gvBgzLQk3TQH78FLHNAs6UfhhPCp4e066WgrFOc9SgfZCx+wWYR\r\nyxo69vAA+ijnW3fkd0OmvOQ40vk4Y2rbjuA/bEuOzqS08syVn693umyIS4xn\r\nvn107p19DbW1F5GD8yZQctQCQa30FvLpaj4=\r\n=K0WA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6cefd7d59eded30b43d16c109c16111d/chakra-ui-popover-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-ptYkBp9Af2kkeMr50Nt2a+9IgBSVFwtNrA8FHnJWLBUnMTYdA/dyZE/pvkuyf948BLzRIr1n/ysmsw5VHCXBcw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220824080240","@chakra-ui/popper":"0.0.0-dev-20220824080240","@chakra-ui/lazy-utils":"0.0.0-dev-20220824080240","@chakra-ui/react-types":"0.0.0-dev-20220824080240","@chakra-ui/close-button":"0.0.0-dev-20220824080240","@chakra-ui/react-context":"0.0.0-dev-20220824080240","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220824080240","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220824080240","@chakra-ui/radio":"0.0.0-dev-20220824080240","@chakra-ui/button":"0.0.0-dev-20220824080240","@chakra-ui/layout":"0.0.0-dev-20220824080240","@chakra-ui/system":"0.0.0-dev-20220824080240","@chakra-ui/shared-utils":"0.0.0-dev-20220824080240"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220824080240"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220824080240_1661328233268_0.39621636648399616","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220824082222","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220824082222","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"aeb40fb417cf8a44b527556efb6a907480f7836e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-ZZhCWSQ6z0YvDZQoXTNezbHkil9Ens1Gv3hgl8M2Hsk+s31I3TBb/k8+FQDnG6r/TpXd2XmQiKLl+Esw1gPZ8Q==","signatures":[{"sig":"MEUCIF2GgLLl0489FYh4g6JHdosG1rpRP+IHqhYyVTiLHpF9AiEA5S2xojifTBHDSpEeOEqoTTm25JHciiuXW5BxkN/HVYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeAhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8+RAAntII9xJHy9iYiVcIOsCza2I062LSv3tM2NA3wL48hHIlgbnM\r\nfqWLgRYzYyiMRbzCigghntA7aUTUNxf53GdK5m7WpR3bzpuUElX+N3HjBlRZ\r\n+6ZsLjjksFnX327qCAW7kameQ9p0q5DT2Lxj21Krr6HGPGyGF0P0ZA/k20H/\r\n8kpYTfGSBOSpLTSuTkFEnpQiCypGITkGyAsbcGMTEr+35vgzfzwGKEG/V0hc\r\nalopcQ1UJ6Vh2X3nyWAxQO6JsVNh/upDrxqS1NP32yMRj9wi/1ALfwjDQkJ+\r\nBDVH3kBFxRmvNI+6185lqK1nKT4tbajUr0W9zR6y1ML7kkvkYUDCertRCFFO\r\noyHZflp/dGgqsKgLFz84z5Dn83ddL/g4uQz6P1ZPC69tzIFFjo9HoO2wv4rZ\r\nV/rlrYRYqLOsTSofrhMcExgNrAbEXg0H9YC6l+uYSN2cx0pEzi9oN8GlTokv\r\n/zw9V21lktowdzpE+q2AV0nOBcx7GZ5Ps4n13KgL5v9sdXVYlpzbEsJ7P803\r\nVZlaDZVSyZLqxLYehm3+I2ljUV7PAg3ZyWLsagDvsAe6GJbSmm7fNIf9DJdg\r\n+fqWxjyCqknljXMXKD241f3h5+CsbIViCyECCsnkZWKtKhBHjNXCtNmQgoS9\r\njRDtrZXB5BU/a1iwuYSbmVpR9Z9Ujeb8Yms=\r\n=ujua\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ebe84d3441481d2401e2a37ec7c2baa8/chakra-ui-popover-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-ZZhCWSQ6z0YvDZQoXTNezbHkil9Ens1Gv3hgl8M2Hsk+s31I3TBb/k8+FQDnG6r/TpXd2XmQiKLl+Esw1gPZ8Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220824082222","@chakra-ui/popper":"0.0.0-dev-20220824082222","@chakra-ui/lazy-utils":"0.0.0-dev-20220824082222","@chakra-ui/react-types":"0.0.0-dev-20220824082222","@chakra-ui/close-button":"0.0.0-dev-20220824082222","@chakra-ui/react-context":"0.0.0-dev-20220824082222","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220824082222","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"0.0.0-dev-20220824082222","@chakra-ui/radio":"0.0.0-dev-20220824082222","@chakra-ui/button":"0.0.0-dev-20220824082222","@chakra-ui/layout":"0.0.0-dev-20220824082222","@chakra-ui/system":"0.0.0-dev-20220824082222","@chakra-ui/shared-utils":"0.0.0-dev-20220824082222"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220824082222"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220824082222_1661329441342_0.11715573679435964","host":"s3://npm-registry-packages"}},"2.0.9":{"name":"@chakra-ui/popover","version":"2.0.9","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.0.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7f2df4cbbc3eee7440c311750e18ba00150f973f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.0.9.tgz","fileCount":6,"integrity":"sha512-+7tH4RVuheFQOyAZ5KT9x+qsLvz7rGuKaHtb0427+5bhUzLaSAghtr/afzOKHDwUVBwF2tTUNanR23ipW1fXDg==","signatures":[{"sig":"MEYCIQCujd1VMAk62mpmGvLMHUi3kD1KNPt2MZ6apc31cXRR1wIhALJeviYuOvPqGWHsQPnYCTgY1aVn4iWm1+WBLOSTRpec","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeWKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqxvw//RvmoPRSAKt+97pkdVVNnkNYhkP82X/S6Bgic2IkqeUuyBi16\r\nvMdYS5uimvDExXRsGVnKu3cHK/ZrWLLgpGMEtkca5uBgtdu/Jz4vTm/peY8/\r\nE+2Hy395+1Lhm7UUDkRSXvBnrn2v7W2K83WDE/ESDN5KDz4GIwAErNB0jczh\r\nlx6S6AoyJ5nAJzlqb3tn1hm2EIyA1Zk7RkqKMiexCYiImcVX40etmQvjtU60\r\nlm05es1ntD3/CBZaspngLkyD9E3+/+DQM1V27GsD7Nid/wdDpf5aOOtyT47X\r\n8F9g4q+6hOFphj2ZSvvxXZswWFnAXGbT9p0sVqBGnTvcQ9Cq0ALSriImF7RN\r\n1cBAjpElq28xc/KOFxieuORRUPoBcUDWgcVIFBRpBgru53NjecqjNnn4XLUW\r\nQVIRDGbs6xLkcNesc8gB7QD3m+YqPWcW2+FoQpTkqMEteCIskKCF+fAKQCcr\r\nuA/8HMbYX1ozQD9jR4Sx/9bIButSwH+El8W18P/nbYims8vUyHkXgdg2TjZC\r\n+iznPrxt8fQQPJcOWdN3QPDjgOPYLhMCDqMAaEEcwESyNjtwdPdIxqVt2Xdl\r\n+ZYR9CWbDe0GTGyx0Vutl8TuvMRHX7dXpuJNiXqhNHNjoVt22B7LcjMRRFs7\r\nJwhMi/xrhvhl6MKQkDVoX9eMAcpddEMdaAM=\r\n=tyuv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.0.9.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d465a98e54fb979e04ab14ead9d3d109/chakra-ui-popover-2.0.9.tgz","_integrity":"sha512-+7tH4RVuheFQOyAZ5KT9x+qsLvz7rGuKaHtb0427+5bhUzLaSAghtr/afzOKHDwUVBwF2tTUNanR23ipW1fXDg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/popover"},"_npmVersion":"8.11.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.9","@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/input":"2.0.9","@chakra-ui/radio":"2.0.10","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"2.2.7","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.0.9_1661330826342_0.7898468309341709","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220909123132":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220909123132","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220909123132","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a1b3fd1707cd4b7299c6e895b3e1b3ec50fb8bd1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220909123132.tgz","fileCount":6,"integrity":"sha512-HOhBTGckw8IPjhwThauAEiFDwTxcF1USNc2n5rCBIfDE9rdTGSMNvwZt0TOBzm8R1XlSDIlBeiNaNhIXiXB1Vw==","signatures":[{"sig":"MEYCIQCSQfwG/PFWO/0wnA84iO13uY8nuMfyLmPYgAuENs6rEgIhALB8D+UYxDTz4qP7SlQySJ/mFNBDbS+s1KiNAL5E2+DD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGzJNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPxg//ahUrZBh+T8CweYLnLK4ekydq2HnyYrMEofJI0frCetbepgqc\r\nlsKO6YihWZRvfBOV1KkEFW05U/gc+rg8FWhnW/AdnabyZzyKkKM/g9SOnzd4\r\nnbRytxz2cOo2ftkUExO+iJ0ekvOKCC5add/K0cuFjcijYZZYl9i4bb4rSaq+\r\nLgJfAbKrJTmnnUOYgm/TAa2R+MRaS9UI26wGFvvnLSiEUWAxDgSijZSb60lu\r\nCw0WyFESV9Yz0CjCP1ptLIBL5rZu9Bd42EUUPzKT4+T3JkS0Qk13ZOd5vBlh\r\nCLlxv1c8sofAggX2GG7Z6+dCX8l2I80Sm1CAKiohlJ8OTdo4LLuYvPD0zry9\r\nKNpOZUjbsMyzS3PWAe48IBfKx+fdbUWv3iXQnXGiryarE5OMMi6XP8bWrQvN\r\nxsr3VB6ZFIbSj9rEigJJOyEaIq9zUk0ZY5CbNGH4X3XTxKDuXXoTQ+Td/EQL\r\nDJLiyRdmb9iE1djXM6KSC/5cIucugOwOmakMS24A7CKIwddgyilh1Sae61uO\r\nfE8yZYLUI+eNFjfjSVheWRuvInHYQrHwgSBl186t2M75UGNt/5J9ZMk3xKP+\r\nyGuX1W08+F9wUotyUrXAIQfFbXBsMRuPi8xdiIjzHIzjXK3bNmwS3JeAhtuj\r\nq0IfyAAv6qipChsHl4YN7i0xrE+ktpuxIWQ=\r\n=TBv0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220909123132.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/102301af146b828536287a998b8f488b/chakra-ui-popover-0.0.0-dev-20220909123132.tgz","_integrity":"sha512-HOhBTGckw8IPjhwThauAEiFDwTxcF1USNc2n5rCBIfDE9rdTGSMNvwZt0TOBzm8R1XlSDIlBeiNaNhIXiXB1Vw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.0.9","@chakra-ui/input":"2.0.9","@chakra-ui/radio":"2.0.10","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220909123132","@chakra-ui/system":"0.0.0-dev-20220909123132","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220909123132"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220909123132_1662726733280_0.4273925088152788","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220909123934":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220909123934","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220909123934","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"638197202fce7bae9bcd4081ac3ec9fb09c586c0","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220909123934.tgz","fileCount":6,"integrity":"sha512-3rmld0SZApnjY3ATV4+XI/68estPz/EUlZXZEmX4LWOfZv/FxZrwGFoJdxTKjm53cteAH3jYYrGVzpD8AONyKg==","signatures":[{"sig":"MEYCIQDzUy7WslcHOg7nRj1kofguJdk6NHXHpFXiR1JNeiKF2QIhAL54W9rTth3GLBP4rZ5E7WK6IrAwZSDABcWDI/UALAsL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGzQtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp02Q/9HIeJEQZtACWEg2TYzXPCO9ihqlrlt0b3y+76SGw4gEeaLytH\r\nebP3dFwaUwa8JkFWKF6EpNIEwKKmYt20qY+NzVfn/RC4lhqcIN+a1ejQR0Au\r\nxT9FzzsAMTtHQG16f1f1cU2vBE6C5+1wvdl1BOxaZylwG6Dvy+jJXMC1MUw/\r\nMKN7pXGywo3wl6zjsDrlK34hzg7ZbwM/Z3hB7WOgByLjUo991ozA0t+Pqhwr\r\nex4dNCfxkcTqTbIk/udTrog/PALlAR1ssexHsm3ybRGCroO3NowoNTY6Eaj8\r\nMBmX+cHpSMdCKm12AI0ObVvO/hCaJ2uYuxTr9LTnD3SQS13+MoeKtr7bKu10\r\n4XCuIQuJj0LesxwJIQ9W8NtMVa/hi7y8w09YykKpJuvuc3Dt7qYaY5fqbnGU\r\n7fA6CmsumVFJyIgAlHB/zoTrqpYKcgdZyzpcjyZ2zDARxfnqJqgW8aDMSiU8\r\nFhH+l2Fv4x0Jn/PHvyTs0z5y0az1HViCN2OQeioR9dAH+Xj/M+H8ZUyZM7FH\r\nhWdUjXzd5xX4LVBrht+pAlhXDs/O1dirnwWMj3HZI7hIQZUAslazkzAq+fGc\r\n+b0wPK+dIWJQ6nuBLBf1s7UzPdC9BKWUk/iVC4DgF68G1OuHU/aOVY1rohOm\r\n5YiBk5RQLdVLrjqBF77WhH38mkknE7HVHhk=\r\n=A+6c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220909123934.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b79bb66102eafb3de93b1355044fb137/chakra-ui-popover-0.0.0-dev-20220909123934.tgz","_integrity":"sha512-3rmld0SZApnjY3ATV4+XI/68estPz/EUlZXZEmX4LWOfZv/FxZrwGFoJdxTKjm53cteAH3jYYrGVzpD8AONyKg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.0.9","@chakra-ui/input":"2.0.9","@chakra-ui/radio":"2.0.10","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220909123934","@chakra-ui/system":"0.0.0-dev-20220909123934","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220909123934"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220909123934_1662727213291_0.3738250549965789","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220912120959","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220912120959","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e817cbd8165c1f42f5cc5dc9caee844275147c51","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-U1e44hGyxZWOz6V6R3If6yQOCWx7bLxQ2nZToGy1OMzNzWrOJ47fOZ/7m4kNhcEPrTIY96udScJox9NHKjgLuA==","signatures":[{"sig":"MEQCIDe8hYjEE9129GXSA6VdY0QVkqzVqj7gsh1hu3WYVUFHAiAn39qlE372Y20DQvqC6/Y14oE/H58VWPmvGcDSnTvc6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6vg//WN73mY0HJCt1BQZ5gKufHiqey0DCXHkqJQurpWUKvsdmQ9L6\r\nhcTxnWoRs1VdV4m5Bt7TF6MloiDgGfIJU2ZJhZlp2Y961Ph0bY4TeDNKfv0T\r\ngyVKH0+wNWYI36+ZRZh6v73zm6C8frx4nampWhEUAA6Ku4Lq2FIJQXy0br7q\r\n87jgaDcjGrn7tHsHWMETQDsOkOpGTbK30dEHtO70mz1ymEQ26JTfLixRd6tI\r\njN/7w7nBATydypZiCjPQyNx0himiggKoFNvIo0z6lWJQoplO7kIoCdIxXSR3\r\njuqr5J0T86/TQyqEnsBnnW33twIo6gfGAN/urMp9Sf7lixibXOX4i35fx3lT\r\nfqYSOcUnpWyI4Aj8m4oWA76p0QoH1MsoPADSXHP+gsHI91K28UFN8lsgCAo6\r\nBi45tC/lCeFckBZ7kDFDvF8oh6q4qn+EKdGFkzzTpFzH1QgAOlZ+tYpngyDT\r\nTWAYUiGOdOeI5nlKOQNEeggKtpHIYzNWGadXpZhz521Wq3j8+D+3YohMuJpI\r\nVD79IR/72hFEN8F38k8QelEbEQSC+EcXlV5J5TLri2/XtMtrB0xINkBjWqXx\r\nEPDwe5lJyH46VxlhTsViN835HT2JfawK6nKhuknbK1BJcGfInNaEKrLbJO3p\r\nhxCHaCCBk+DdUtxCimxsylXjoua+hNdHnis=\r\n=HI0D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d6e23f6b812adbeb6664db4e468a2084/chakra-ui-popover-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-U1e44hGyxZWOz6V6R3If6yQOCWx7bLxQ2nZToGy1OMzNzWrOJ47fOZ/7m4kNhcEPrTIY96udScJox9NHKjgLuA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220912120959","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220912120959","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220912120959","@chakra-ui/input":"0.0.0-dev-20220912120959","@chakra-ui/radio":"0.0.0-dev-20220912120959","@chakra-ui/button":"0.0.0-dev-20220912120959","@chakra-ui/layout":"0.0.0-dev-20220912120959","@chakra-ui/system":"0.0.0-dev-20220912120959","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220912120959"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220912120959_1662984659342_0.7401571587022335","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220912132201","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220912132201","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6681f50ae6305813373b9f255e73477ce2176d26","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-0E+HGLTyaeV/R64YrvAK2o4OvhhgvbP1Yel8mo+UEGdl0M8Dvqk+F/A/E+cCr/HQtf/vo+9BYIxJ1NFldL3YBg==","signatures":[{"sig":"MEQCIAqDAaP6TrOvaTdUp7Dm+lkGKqigMzM0UxkkJFNmO77YAiA4otvGskhWAfYnCLYYpG1c4bIZ3NcL1cn8MK0M3Hkq5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzKyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoC8w/+MIpiZx5uiC8MLcyKt+9wtep5EkjcES6Fd9TXg4C2NNhwkXoT\r\n4LpgEjky4iIlulWgo+xEt3Sehg3zsIUFOKCtgjI3yIINo1FFTj+XKtxlTZj2\r\nI648sdV0vEWtNYQsAAd+BDMKafXkGaNwWObniRunthT04ycuqEJUl1NkMgBr\r\nmQ/OoVTQ4EjUIbxDq1Yp4ji30bRXSUMcQc2GOZQv2PNBWeDW5cSEZomhT2Sj\r\noiZ6PBpIA2+zUQwo1BzWbQf9TqtNwkjDfJoqg9S9ysAX3tcAl52EkRuCVc5/\r\ni3ixrSSw9AUiImmthXV57ph9x1+LAsUeAfgYaoXFBp8HnKbGvIz118n4Nm5z\r\nFgvB02UE7j3l4HaxVuRScomrehBOckSOX2tl5N5C0t2p9zr57OInJIdr6r8E\r\nZWMlCuu/PeTSaUoBj9Gbnm2iN5D1UggZRQA3QBrMhWsyquGc1mftd+XeSsRT\r\n7OtTn3oEtog3updqF1yYSO90R8twguBpBjAZSipXtDFUjlvgwxdxF9i9oOsb\r\nIuU7PaKyl+S5+2VISR7XK5bl2unisRDI06UQ4X0xA2AzemmObFx/TsJJt51i\r\nsh5FgGEtE0k7qF/WPWlDQSCByqoKeAUgZXXQgcwN2c8KxPNkwpPyk3YH2l7U\r\nReqkRYzw4jevfdAl0vKiX71J4hX6YuPGMnM=\r\n=5bcL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/16eb30a5b8031198c6b73dabd45e1a62/chakra-ui-popover-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-0E+HGLTyaeV/R64YrvAK2o4OvhhgvbP1Yel8mo+UEGdl0M8Dvqk+F/A/E+cCr/HQtf/vo+9BYIxJ1NFldL3YBg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220912132201","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220912132201","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220912132201"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220912132201","@chakra-ui/input":"0.0.0-dev-20220912132201","@chakra-ui/radio":"0.0.0-dev-20220912132201","@chakra-ui/button":"0.0.0-dev-20220912132201","@chakra-ui/layout":"0.0.0-dev-20220912132201","@chakra-ui/system":"0.0.0-dev-20220912132201","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220912132201"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220912132201_1662988978539_0.24743422750332278","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220912133211","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220912133211","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6b19a9ea33c72176b3706862a2efdf94aad06ce3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-XhtkTY8xX4ZNh9TFnqMMVOZg4BlV8itlPnlTHUsuDC/wv8U9ToWQQO+xHPh+vV9fc4fxQiazrkifCksBe0nu7A==","signatures":[{"sig":"MEYCIQCSfUWnRm9D8GXTx2K46oqCanZk3KmyvDXCN8+TB39ENwIhAIoQfoRP25WwbZB9aZdEoqF1LdUWPrm1GSz2Vib9+1Jp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzUYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi2A/9HFP4O/l3Xj6zGLSI4ZLAVnNdOGyNDzxqkM52mLLi9S61Ww7V\r\n0coousCZFK1w9fmnyo4peLCVCM2vGUYULPWnFy7Em82gyTbvmCloZYIXeLl6\r\nVQMn06pwcAttjJ3u8kAvO13Ynyf+4kxkOJEPFq1RDth2gaTM3XuT035qbB/i\r\nEDGTFtp6+D34he1Kzd3n9Yx1BRXd9D2Cpcg9xoeQmW6Y8/FvFM6ulS73U/wH\r\nINDfIL7aQZ1MfIwI1/6FCi9JxV+522nJQaO1whkyKelLjDEygfZnTCugW+LT\r\n2p4vodYzVFXi6mhMHLT5OiGNzEOu25U3XYOoBO2L8NLPOoQCK7thMs/E8LiF\r\nCxKaW3pl1PWoEzvCHpHvfSVLmfJmX1LO0bZ2vqtsUtEPEhLTAqYzzRBo/oxb\r\nXSse1cQ+4cUYCgaCoGmr1kqGw/ErIrL3RVX8B18iN2aU+63Wye/k7ttjwetK\r\nddPBSPnZ0h+AWOTCrLXYKVgs4X/LwRKiBT2CllhLEruCr/o++t5YCnvKV542\r\nJtt/4M70KsT7O2ssXzkejZMiv87it2ImF0PNu7A/2DnR+uyL2fSjHjQntCKr\r\n4N7TQZv2MNexd/7UFet8JPKiR4Ta+56VAvyhvtTLAsikTuXlXFhqY3KJTrig\r\nb2X/MOBlBN7YEHl4YuxLY8hWfY99Jr2LwiU=\r\n=pkpU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1f79e288eb7778a9479eecd5f68fc351/chakra-ui-popover-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-XhtkTY8xX4ZNh9TFnqMMVOZg4BlV8itlPnlTHUsuDC/wv8U9ToWQQO+xHPh+vV9fc4fxQiazrkifCksBe0nu7A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220912133211","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220912133211","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220912133211"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220912133211","@chakra-ui/input":"0.0.0-dev-20220912133211","@chakra-ui/radio":"0.0.0-dev-20220912133211","@chakra-ui/button":"0.0.0-dev-20220912133211","@chakra-ui/layout":"0.0.0-dev-20220912133211","@chakra-ui/system":"0.0.0-dev-20220912133211","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220912133211"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220912133211_1662989592533_0.13672280964570094","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220914090509","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220914090509","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6ca7f24f7f20b84b7d83e157d8f0da1c6f4d320a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-+RoX2xZZQGL0ecbku0l1HnZVrMSmg6h0h2jR5zEeOGHHs38y0PJqdv1dmfcHJ6Cd3+sLAB7yxpL1Nho21mdRHA==","signatures":[{"sig":"MEQCIArQBhbF2EypKbtZTm+sziY38A0dpikQuQZnr44l4e2mAiATXu+LKjk5b+Y2zecCfWJpnjKdkzy7YZgZKR6Yng+iSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZmLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqN/xAAnk6YasurboOjOzAMA4lGN4Neud/K6YAoMmS6s2sZjps21ALU\r\n6ktyMInapwCK4sjdcWbtfBwss6yxQ88kC1eSGtauIss/LoyiLZs9V9W/Kuwn\r\nyMR/KEjmRHp+Q6Ukg9j8sZakvbIefSorS+1R5Q3YHjp5on1syvOxpesxDukA\r\nnC2bERZDrig/ESB+LR2jLb9xiUTPvHTMAMSSPsXTQ4E7jmXQaTZxhYTWg+Ni\r\ntCkocIuVhTJPPNUamXRtyGzr1Tnz8BvjUT+vgrkA8moC7ap+xCilrZB+jUdu\r\nLCIH9pRt2SaFcCotDcW1GRjkSC2ZtB6PCT2mmP5OMZLRQc/lwLlG44gCAE4S\r\nqHQ+SdDrLal/ZP5ib4b5EXOnlSl6M+Nf0qWOtWBy1A+BIfPSe4cepoTvbC1W\r\nxoKTEeGHT3jEJk6/LAjQ4AaqRXRmsaNRacXV/K3oauytvUgQrsqoay2Aala0\r\n5U255PXOdc8TdFFiX0Le78naM3xSNRMF8SkQIwbsjU3JLN+udYwgdBpATdFV\r\nbCx6a5B6Sm3pxJyOrXWzvXaTkK6QNFSvEiEOw2wNQXThOHNjx6vRCPh1t/Mq\r\nGi4yM1kEkeOcBd2CFvp4d8IFwOsZSrrQo7um9sUrlpSWViLDhu9yvQkX54EX\r\nKswKDmvsmgMZ5lihe2Ii9mnvMLrJuSCQI50=\r\n=rUIJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/11e7b43503adc6e23e718e998ccf06a1/chakra-ui-popover-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-+RoX2xZZQGL0ecbku0l1HnZVrMSmg6h0h2jR5zEeOGHHs38y0PJqdv1dmfcHJ6Cd3+sLAB7yxpL1Nho21mdRHA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220914090509","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220914090509","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220914090509"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220914090509","@chakra-ui/input":"0.0.0-dev-20220914090509","@chakra-ui/radio":"0.0.0-dev-20220914090509","@chakra-ui/button":"0.0.0-dev-20220914090509","@chakra-ui/layout":"0.0.0-dev-20220914090509","@chakra-ui/system":"0.0.0-dev-20220914090509","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220914090509"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220914090509_1663146379471_0.17371453223854938","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220914105014","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220914105014","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"88e5b7fadf29623f188aed550cc0bccb8982aad1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-grH0RwvQLUjRtEkvRSTwa5bfWcJJhlzaWZ1Fzngh4WAp5flb23vCilZpHODOhLRPrbrm9rAD8feplS2J9PKkVw==","signatures":[{"sig":"MEUCIQCmLHlnMSHrr9r6VG4JCA/jpnRg657o2vUirJVTMsRLmwIgKyVFkCfFqrDm+fb/V8lRLPhOGV/lljMacJdstq2lGuY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbIfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8TQ/8DsjyzLq0zJuAUbbNi3w1Ic4YLBQsFBe/pB4jZHDKUKYDAX/Q\r\ncg5R4pkW+4WrR43ValxzcXoSeYIytpvZwhVN3woXllL0cRyZn1G/8vXoFGEK\r\nu9wP4PTxwqB7ilvKf/4IlJUFET384/B/HD0XPpR9mrtJwEQtgDdWqVHnnWCA\r\nBnmf04lzz7ZqSYvBSmWjz5mqo9veI2ZjnxjmaeLOFA4kUfd7gdbL+vdMJXI2\r\nND8uQjj/GeXkp35vuZxSEV6vaYuG94mLNbJVfZtOucHblgHTCfy6dWh+2kyy\r\nwHdCfH3lrFsf21PLdyD2un+UMjjycKjoUvUrhB/GwVisrnEK0ymrHd9xp5nh\r\nR7o39bt31YoJsAJDiQGsvllPv1kKg4+zQdxPxTwo2QnboeDcptsWPu0SLBEW\r\n8/VccpYUjy7FTP0EvFIZ8YA+t5NjVMBd4ArjlRFdyHWBFAFU+hwDol4Wbl3O\r\nnMPShIbBjw9D7Rrbn+++NPz06/mHvdCcQs+yKUaQmGz22tIRUWElSnxLD4go\r\nt5jsQa07M0RjyUL5x5zi0dgzUEbdF9HYWPuenNk+DQUvUxoj6CfkVe2Sq8Tp\r\nnB6lW2tfrMyZN4WbjVuPOzH/KPX4DpoVrPfZlOB4SdepLC110mQDDzh/rRGF\r\n5IwmEGfwA/7vI+5XYTHn90fQYaCzQqh7Bbw=\r\n=89+Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e3a4d051bb20b7acf93fe8c7f8c58f6f/chakra-ui-popover-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-grH0RwvQLUjRtEkvRSTwa5bfWcJJhlzaWZ1Fzngh4WAp5flb23vCilZpHODOhLRPrbrm9rAD8feplS2J9PKkVw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220914105014","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220914105014","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220914105014"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220914105014","@chakra-ui/input":"0.0.0-dev-20220914105014","@chakra-ui/radio":"0.0.0-dev-20220914105014","@chakra-ui/button":"0.0.0-dev-20220914105014","@chakra-ui/layout":"0.0.0-dev-20220914105014","@chakra-ui/system":"0.0.0-dev-20220914105014","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220914105014"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220914105014_1663152671255_0.7057800354037309","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220916140800","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220916140800","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6179e72218add602883449b0d13d77bdbae95f1f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-sR9IENchZWFVfo65h+Ib/DVUP0O25iCTLinlmRGXnnMlNCc94aqBFvB7+RHfbO1/QS/eCjxxRmnQYubfebss0g==","signatures":[{"sig":"MEQCIGoXCy6X4bcbhlDon5Db2UDowMIqau/yc0zgdsYcM6ryAiA7dv46Cpb7eIteWgRCAgl6l6MvDpwzUu1Ctavu3BssHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJINxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGdxAAiyrH/SZ2rGHIM30Er+GB/PEZGov3HE/zbQP8Nnqrt96j3CAR\r\nmSEdkTcTmY4GpobhcRrQNWLtPBU3WauftCHpt0nfZYHBCdM05Ze1GAaqW9rO\r\nnS1jGyjPpaxox5J5YjD5vIpDcqxfI0ueAxsjaYnJkFPIB1Eug7oWemfkrYSs\r\nJXRLBlXHAe1w4ClLK65ZQjrdNPSLmpbq0V0MtHIDobYvD2Kel6P/eWLDWaX1\r\nM9f9Gyo8mttQ/xlNT/bIQzkCGlS4WR7k8OCdC6s+wuun9C+Jstm/Y0iDA9Mc\r\nkPcBrnGPT2jNRQBsuI9WiyuIUZOU7JCAXfpHWzcVRQm5atxb8e3q1sQENUst\r\nc6ZVkg4tfHh54Sukq0OZ5l+vH5mOmt7fSOCXMPWI3h4D3aSVSICXDpXLibBW\r\nb88rOyhY9bRSCxbuxApvEtUYC5rdoWDmCHGs1+PfpB67mIN3O94lzXlrLxnY\r\nn63gFDh8AqHdlgXvxJfKlb0J9rT9SPiDcnRpo7gBd6MC+5Qty/KvBV5dBASY\r\nS75T9iZXebJFDUESgeauNpwA/OcV7wgCnUu8datOHVOybLL/KowzNaQewpEs\r\nvroQyBORTkmSsyr/42kCkUc3tty+X5haqdXyYqrtpeYgkFlS77q/E28vktgP\r\n9XO9gzhdU8Z5yA8PR82rt+IagTPHeuQ1m1M=\r\n=dIO5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9770f3ca2b5d6abd958c6fd61e9c6c59/chakra-ui-popover-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-sR9IENchZWFVfo65h+Ib/DVUP0O25iCTLinlmRGXnnMlNCc94aqBFvB7+RHfbO1/QS/eCjxxRmnQYubfebss0g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220916140800","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916140800","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.3","@chakra-ui/react-use-animation-state":"2.0.3","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220916140800"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220916140800","@chakra-ui/input":"0.0.0-dev-20220916140800","@chakra-ui/radio":"0.0.0-dev-20220916140800","@chakra-ui/button":"0.0.0-dev-20220916140800","@chakra-ui/layout":"0.0.0-dev-20220916140800","@chakra-ui/system":"0.0.0-dev-20220916140800","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916140800"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220916140800_1663337329227_0.02581257766014633","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220916141616","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220916141616","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1919b9d1cb669bddc4e6e1b836ed078485d6f82c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-SPSRXCV0VMEgKF+Ryd6FyEI2llYWFcFOZP7xMHB3kWhrlitHNOWIaQTmqWCcyS4WBPgEihRvqjy50dvfkPMmUA==","signatures":[{"sig":"MEUCIQDbinpbuQ4SQ5PHT+SBI5RK3Hb1ZPXmlBFIkqwiigr3mAIgLG6GLgWMF55LTuaT3VipNg3TfddUe61uk13t2g1UVhg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIVkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpf1A/9EGOJyR+TFfxLMIc2KEBhDcrpYrjpsNsKHiGHMKlZdEurIn/u\r\nqoJ3tzm2QiqebMm7MudKY8myaRUEkl6kRo4DVOJ9B2JQhHVhx6vC9Hxm9Oag\r\nO2nSln089PEJjnvUG/84TScWOKEQotytKUsjs2m9o8C2wCLgGf4jJf6Uq6qG\r\nbM9m1G51AckZnjd7rlKZ6U9F0iUruZGM/0UDH5v1j568Giku4onTaHHacYy9\r\nKmUhcG2dZhWwSOk78PKXf2clKuy2sMARxNbRlcLh02yaagkNbAKa14Wrqk3t\r\njOdRVKr8tbw87VH2XeVaJSrsPbiH3Uvk6uB7e8YHvj9+b7OP4xPe8aXMqmgo\r\nftb8xorI22oN7h9Iz+ar7fJ10wRvzT/QVt08BKSFwTZkNbA+lMvV4dT34fOO\r\nEmUXYXCrI5g+UYw9fyyZHXTqmsV621QHzd3SERf+jplO1BMoR5iLpB+LDieU\r\nQ7y4InIVqPZRMqK/S9sdj+KGqjUpzy03/K4Ywn0E+djqFNPpnfeVhmtfnj6j\r\nkzQmJADI0Z81pbvUg6mdg2OCAbbLpb8n4dT+/jU911SpXH3tJCMvsfKehvva\r\nu3NHkD1crPR9pt/ka0K04LZEwJmG1Tb+TDoIz7PEgeaSDvdKTBmlIKb8ZHoU\r\nbpc6al7yfIU5q8jTYkIRsYfPYzqAcrAdjMc=\r\n=D8lg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/41805efe3a6272d9378822a2cf36a72f/chakra-ui-popover-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-SPSRXCV0VMEgKF+Ryd6FyEI2llYWFcFOZP7xMHB3kWhrlitHNOWIaQTmqWCcyS4WBPgEihRvqjy50dvfkPMmUA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220916141616","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916141616","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220916141616","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220916141616","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220916141616"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220916141616","@chakra-ui/input":"0.0.0-dev-20220916141616","@chakra-ui/radio":"0.0.0-dev-20220916141616","@chakra-ui/button":"0.0.0-dev-20220916141616","@chakra-ui/layout":"0.0.0-dev-20220916141616","@chakra-ui/system":"0.0.0-dev-20220916141616","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916141616"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220916141616_1663337828617_0.43443169921365166","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220916144141","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220916144141","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d81ef5ad7ed6b79a42b108777b2602c0e70d8e41","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-NGOdLUjmaaOQpmXip011ayokVOB/sQHLa4kzk/dMtqlKTZedVROue+s26sqTbXtGQV94XhqG9gxFDhyJiFMkFQ==","signatures":[{"sig":"MEYCIQCTgRNoG00EeFfAQOJV+iDu3OJgsiGqQYepKbq4+w9fEAIhAO0DnMeqUkaMYnFftwn4bp+xLcY3ivS9/B5/FNm3CPvp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIjQ/8CZKKYJMNOatZiKLa2cVwawO0uJHgSvQHNhDd0BmINZTpUwN6\r\nT6/gK6Ehp/XcrIRJBcuaF4CJ6TepPbWIc/2x5d2p5Eik4ZVIbvoVvtVTpf6d\r\nkfs87vaCNgVqEcxYADH0mIoclvmBmdUO4a2tJFJlK2ryOENUvJCh25C268i4\r\nCmdIjOW3/3uvrEGaA0HBWk7xVaPDic34hUpRSO8CY+Jtvnuc8VFic9trl3kM\r\nBrGw2qAwDaI7tLNDs8eZ7YraoVZiOBvBCflzJII7akczeD69mcoXTxa/3itT\r\nCnjPi3oHasQiOjmpOBW7DXw6VGxO6Z5LiBDf6Jue1LTH5K9Qv1WU/tjrgqLQ\r\nk6hOdP8kEGXPCPwecmr3Y3PxqLzy6pJy4fInqZ56dMSNU3FvEETIhdDcG+Em\r\nMIwSzFdJ14jV/HY8Tu++jZq0OnY5BL0el70C5QM+PWkC/Pji9gd8YNh3+8xx\r\nycLV1UykkqugMTkicfgYuYotOEkcDyyPkb3hykxWVwnZ4Elde/CIRluIv1Sz\r\n/X6r4DHshoYiPzRJ0hhzRe9La4sZWr5fercIb3FOX2yrUOltj+QcYSJsfTbg\r\ne0DSin4OK45dsDDyGBIrcGZ15Ijq1nrY9fyTxNG3cgzeU2RKNRPW/DgYqcul\r\nCw3u/RXAfH678DKGhKah7ygExiuPfNQzV7U=\r\n=OilN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/04cac7ae1aade336d372fe7075509d39/chakra-ui-popover-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-NGOdLUjmaaOQpmXip011ayokVOB/sQHLa4kzk/dMtqlKTZedVROue+s26sqTbXtGQV94XhqG9gxFDhyJiFMkFQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220916144141","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916144141","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220916144141","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220916144141","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220916144141"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220916144141","@chakra-ui/input":"0.0.0-dev-20220916144141","@chakra-ui/radio":"0.0.0-dev-20220916144141","@chakra-ui/button":"0.0.0-dev-20220916144141","@chakra-ui/layout":"0.0.0-dev-20220916144141","@chakra-ui/system":"0.0.0-dev-20220916144141","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916144141"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220916144141_1663339359794_0.5444217845745654","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220916164745","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220916164745","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"abd81f16f603f2d4b2f2cdd8afedafdc0a777d24","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-cLCOIbeYmYrdIpmsPy39iKkfIIQvAVeZYCuXvY/jSp1ZjXOMNekYIUJC0PknAHKmNFt8KphvlRva9V+c9q79Qg==","signatures":[{"sig":"MEQCIFOM7x0mb3OilSG99J28KN1Ogl6y1W4rpnE1UL183hxYAiAXimkr8IDQ64EGuIHROjRFPQLwtgtiHv7GQEEKfHTh3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKjsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryOg/9FempGUbCVh78xP+vl2FZLxQWiG+PMSsB2V9eXuyAudCzzn0J\r\nj6hyKzD0XYo5S3r9vh+MW/ATbaIUSL0H2dc8c855X3KIzgHiMnjr93gYv9nF\r\n3zMXWvpjEQk2gcAPcesbAjmfjh5NLMQN/3KS+wKbFL1whcGvQveu8nRqVKpV\r\n11eurZ9MmRabGgBw7973kamAdPm8qAiLOgWiQ4rZL1+Pk5EXut1Xpgjyks6J\r\nZuvWhPQUaUZySxXzFHMleQLtoYmpPNtpzDsJ5T6OIL/8zcqZOUvuUArCMB4o\r\nK9wCqJ46ZJTA0iPTBPBsSyao2mEqWKs4ptzf2F42NxahzXz8lvJgL5hFvPVw\r\neK2yGqUMAArSbUJrbo0fobFfcUvNOshhrMUZVbE7JBD0lugzal+UfpJ+RKKQ\r\n1rqxc4FvitVtRcpsS+n8FKSUC3UUJsBN/hfLp3wCYYaP3/qhl0Ucnsn7p2Hr\r\nsjP0HmEZ5YRAzS7GD4OKvpGr8hBmPnn4q4VmGIs4CxrLF2uc8hrmORUk4Z+a\r\nt8VNmDnsHl1frFMmVrM/Vx9OTyw255cjNBdmJdT7WaRus5G80MAY60QtEAz9\r\n8hFMpPewQ64vwDOzzaeqtZDysE4iUyNYicKqWZYKc8ScH9ebLRQuHIKfK4u/\r\nTqyal0C/7sDM0jECUJcm7JCv4ivo+0yRBes=\r\n=A2no\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b80f03a6f312f408db9e49c2e1ff140d/chakra-ui-popover-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-cLCOIbeYmYrdIpmsPy39iKkfIIQvAVeZYCuXvY/jSp1ZjXOMNekYIUJC0PknAHKmNFt8KphvlRva9V+c9q79Qg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220916164745","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916164745","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220916164745","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220916164745","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220916164745"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220916164745","@chakra-ui/input":"0.0.0-dev-20220916164745","@chakra-ui/radio":"0.0.0-dev-20220916164745","@chakra-ui/button":"0.0.0-dev-20220916164745","@chakra-ui/layout":"0.0.0-dev-20220916164745","@chakra-ui/system":"0.0.0-dev-20220916164745","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916164745"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220916164745_1663346924192_0.5923434647401122","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220919061024","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220919061024","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8ceca15833ba96c737e6654b0d536f402bf4383b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-tZo3sHif6BH7ATyocVtSIKDQDm1y6Bq9Uo+2g7TPkB/Cq00t+iYDsbv6wx2tmhKz09Dg9Q1I7PHo9JYA0h/fvQ==","signatures":[{"sig":"MEUCIFs8iVWXERhNvS10XGy8o9h+2bvivvVZ9xMR0QAwxMlUAiEAh85t1/ALm/ENp+Zm94mfEfnM0UXxYX1+v3aC6kN59Uk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpE2w//QQh5ZumvkGq7LOsjb/qH/HQnWr3iKXeQY9QG6APQ+ueCXFIp\r\nol0Mn7hlwgiMNMQT7Ux0oLgR7XtMoyUvOzsscA8YBszDih0OpL1PYSpCvvCb\r\nmEjVAZOQGZegpwsxbKctkyLAcGeRerp40S+qisLnoAwiykYbv3/Y3Q2B225w\r\nDrwjEEt9Xx3sqolIB2AdYYsUkS2Pvhj9Bv1UBxpczLFNJQmQ3kDlUnaz3uij\r\nVr55946uvzXq06fgyuiRLLp0ld3UWhrLu7W3+BuN5iHat3lW35AFb3GuONWD\r\nH2xWPmLIhYpa4VVEgNllwQ9RNPePoOcCPfSB/YbkP1ZGxFqxADBL+2ApoEld\r\nn1b+2zNULHNy1cYy3A7yQ6WfEncH9e0nwPlRuHoWSbtd+3ZugAomALB/lqbN\r\naFD40CJIqjQPZaJQu19QaNeEF3cQhhYer5OJ8kK40Fs/iUqqAH1zS8Y8FEMY\r\nZt+QVrdQa2W4wRk013P4cdpmRNhsqZyftpoqW7WQAqke+4toosOPQKvuoLwK\r\nPWeIxQTAY6Tk3kt0efWbbfk5hf/6evPQ2YTqeMZawzbFVFE1fTZEQBfOqY2J\r\nmD906YVq10NyTA8vr8WcVBaFfUVmLTQrbTpeuj39+c5vY8Kv4Vfvc5qrWyZi\r\nrI8npnF6GOj3LuYbjm0Ql1N0QTB4ezajEP4=\r\n=97lI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0f86889562d818d43f85e8d35e15e4b5/chakra-ui-popover-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-tZo3sHif6BH7ATyocVtSIKDQDm1y6Bq9Uo+2g7TPkB/Cq00t+iYDsbv6wx2tmhKz09Dg9Q1I7PHo9JYA0h/fvQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220919061024","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220919061024","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220919061024","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220919061024","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220919061024"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220919061024","@chakra-ui/input":"0.0.0-dev-20220919061024","@chakra-ui/radio":"0.0.0-dev-20220919061024","@chakra-ui/button":"0.0.0-dev-20220919061024","@chakra-ui/layout":"0.0.0-dev-20220919061024","@chakra-ui/system":"0.0.0-dev-20220919061024","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220919061024"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220919061024_1663567883405_0.5851015966393507","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@chakra-ui/popover","version":"2.1.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.0","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a67cf5a10167eeb130ddf5362929e7d5d1df0958","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.0.tgz","fileCount":6,"integrity":"sha512-HvHo7pWtxhxpkUoFogL2gCP6Qe8FodIvD1DSG56ngvDZ5eCA9fpN4rhKLksi0obdjakaRq+xq8AFlWPRTp4tDA==","signatures":[{"sig":"MEUCIQDGcor5EpeSfwIkCV3wCuY6vtnA3FsLolzQksMUJxDE3wIgEmN3nzL6qAXnVHGlLYB2eV8QK3yAWulZETsaS3Qypf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBwxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWlA//f/XNDbB8UGMkJqepEoUKDr7dx8BK3+XDGXmTudY3D4Dufkww\r\n6cWyA/mxqj/pvyvt+YAhcccawrba6ZbH8sf3rQ2p7HlaAEh2KGPLqrimdPs2\r\nZIdCas7xXwQg/gnS9ZdPYPKB16NNWkVFEiYsT4s0Z4A2no4Bw7FxfFLjSV1k\r\nLpjeKIXfN5UWAvCNfmILr2UaiuQDiLque8SxQRgQTiwiUIB5NLiACudY2qzR\r\nD+jMHKgwrHck47kOPCanDS3S+KjsWvC1KydD8yfSmsEnbbNVTFP7+DEo6J7C\r\nP00l7Y0f2Tz+MSJs3Vywwi3P3ELFe7RC9o/jkPAf9wSEiVJNZifJP3aDM6s4\r\n4BSIvXuw1teXdIMJWhbowZvFx05kWPGIrJOq/OWMrpq9dzpFfxzNhfgIyaI5\r\nzVWQzxiKf6kR+Q0RlRLD2aHKEnE0rCcHugc9R+HotHsf7SgRPeyqL7Ju3Dfi\r\nZnSKjMcSl92pnoP0XrwD7hmrCkKGVUgUNKwL0CXR0pJmwH5yNoiK4P0D+AUl\r\nFKxzOPe0UpB2SKTOztJRJWZ5Sp5A+TTcgwGJVHkWomVK5EGXjbi1e+N8+lEd\r\neswwqi7fC1ulciND9k8fwcLXG442O2/AczMOCH9+32sMZlHuMWVsIKUFDt/p\r\nZ2KZlqh6wfOtFHv0cemWblLMNTwkbxluR+0=\r\n=dlNE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7db9aa5b97b868ddd9478a4c0e3a5da8/chakra-ui-popover-2.1.0.tgz","_integrity":"sha512-HvHo7pWtxhxpkUoFogL2gCP6Qe8FodIvD1DSG56ngvDZ5eCA9fpN4rhKLksi0obdjakaRq+xq8AFlWPRTp4tDA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.7","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.10","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.4","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-focus-effect":"2.0.4","@chakra-ui/react-use-animation-state":"2.0.4","@chakra-ui/react-use-focus-on-pointer-down":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.0.10","@chakra-ui/input":"2.0.10","@chakra-ui/radio":"2.0.11","@chakra-ui/button":"2.0.10","@chakra-ui/layout":"2.1.7","@chakra-ui/system":"2.2.10","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.0_1663573041562_0.7827952241705836","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220920121057","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220920121057","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f6fd6fad0cc5d839749afeb504e6414659059d6d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-RefKVWWQN5FDcAHvLURKHAAa2pctchLhzmEvZEipOl6edkivgYNL83wJFX8/Fbo+44ZfXA+6JWW5svxxWDyMAA==","signatures":[{"sig":"MEUCIQCfZ2wDve3r+QCIos2iVFNKLhihqHaJa6aJlbOZ/0JRrQIgQ/SNR8vW7izQuu3BxQD+3BXOLcorqF9Teb+hnBE9LvA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa4OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhiRAAnt6icgyfsjFlJ+65Swjn+Bp1sjRvapVM4BHY3W+ubPNYi+rr\r\nnD782I2iXGS2JA0j79EMAE28r8VZ/kMM58P5ZY7Gf5BOeY5zvYkEGR4ljSkR\r\nY6uKwBwQyUK+ByTPVegKSgnzdtvfu4t4I3gEOvkf0niUftOjmVzWtGJYOgR9\r\nvhSrDXnP5Y6heFy3zQ+tLtNiUKQygWIZyfJQkX66XyyPQPnOvWWVpPJnFxsC\r\nntgMc+XhwTog4VgU5wahecKUX49YsU617elaWQ9PpqGOHibv3Ayw3lpLXvYp\r\nsbTn8A5GjySAKkZBR15dU5Ggn/a+Xk+uHrVMQJUTreT2DAy4Sn6kb+B7fYNu\r\nfz3EbW17zVxetzmj338a2rVfn5GujtQFiNWMS1ts16Lmy+f1HAnrJfGTN4iE\r\neo4OQtyj9Nf+OqKAuZ6ACRbmGv5nNDaU5KA7UIr1mmJjLHHp7JZ19cIcAaFv\r\nK2PijEeBO0hECGKg2D19ZXj3zuzjMeXxO5pIFaBhGaq4Fxpahg2vvNIMP6Kz\r\nkOcHJV1Mxiw/eLwut49I2XPBfi3q1WYkafr8C1KWpkzGwWH1FN80xKXfWZnA\r\n5OrQlByw8OhMlMtSP5GqklIeYI+8OcXYejw/3pSw3tVYqxwBVrQKmRktma9R\r\nMLUhf59YtDYklNauAtT2Yq+TyNH1CqSQHNA=\r\n=QnHi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/76ba3b5541503cc520d22ab99a54a528/chakra-ui-popover-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-RefKVWWQN5FDcAHvLURKHAAa2pctchLhzmEvZEipOl6edkivgYNL83wJFX8/Fbo+44ZfXA+6JWW5svxxWDyMAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220920121057","@chakra-ui/lazy-utils":"0.0.0-dev-20220920121057","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220920121057","@chakra-ui/react-context":"0.0.0-dev-20220920121057","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220920121057","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220920121057","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220920121057","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220920121057","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220920121057","@chakra-ui/input":"0.0.0-dev-20220920121057","@chakra-ui/radio":"0.0.0-dev-20220920121057","@chakra-ui/button":"0.0.0-dev-20220920121057","@chakra-ui/layout":"0.0.0-dev-20220920121057","@chakra-ui/system":"0.0.0-dev-20220920121057","@chakra-ui/shared-utils":"0.0.0-dev-20220920121057"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220920121057"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220920121057_1663675918663_0.1125209818637447","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220921093814","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220921093814","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8157c321e9a7e3317f8abe4a5666dfb064a61436","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-/457PnGrUHTbScF6P2E2KVEXQpLVjJx2EhLvG2z/hzOpHETEhQ8HTLHqMu+NOFIDpdRs2IZub4aDAgDkhZO9pg==","signatures":[{"sig":"MEUCIQDTGgXYJSBM0t5kxPIqh4MDWbtmOsSsmeowbMWXNe5AcgIgQveVp5zQkJKp8B5kbbD0VxNpNSFyY/wOH12ypMtA6Ws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtveACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjoA/6AxDvSgn99+jCAWBwEyMvEV4cXAu9LiWmXGzwY1pEcj5RcsHx\r\nHHC+QvKIz0EMoOkqSIU8FH1xplveGEiSmkOUOheSj4k7J7w3xF0CYeM69Da3\r\nzhyF0mGXlAafUmtMDSiJRu1KSvVhp078MgaVuDYnIh7zPEOmhMXoa+WlhZwp\r\niqluVdRJ2rBGX/CpnigCDklipg5Bu6cTDZvd3qQ1r7GCpCuKYvGXm50a/4Ot\r\n0wIGqlCJtEvg3TmMOCUUnsgm0HqX7z1i8RRYPrFRU8ESYLjsh/2AMhfeHbHX\r\nRsTaC7ubw5mEYZicFSDlrXCRB87bn4YSGdKb4ZRC1PWLLgQ7iKLK37r8gZEZ\r\nVXCMqSWVSjgjarB2i6AIG85x5MzvNnP/hUykwBGaZ8tcjHq1yL7RXsArgFNF\r\nksV9Ite0UqfVd6d0UH17pSI1+NCl4a9uCfgZepTUGs3dxcrhDtPH9rXyFfnc\r\n+pTJw5WQSfFBy9mGpJZL2TaWGR8K91WcD2b9y/l1+4Yoz4E8OqhqN//B+PVd\r\nZjSlclxM9m2n/OI5ut/8LGvV76luafJSVsbHgO3Q/tG3BnkYxF1dH3kHsV2H\r\nUHM0NAI2PhRfywges/LaKS6VMd2UyT3wEr9d+hkF0xaOTCq9JEqBd8YrjL5R\r\nFbFTUr5yuQBvVRTPxSDJp1AttERvC+Y1FyQ=\r\n=SkMc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d2a0d05292dbddb3549ff590be502a7c/chakra-ui-popover-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-/457PnGrUHTbScF6P2E2KVEXQpLVjJx2EhLvG2z/hzOpHETEhQ8HTLHqMu+NOFIDpdRs2IZub4aDAgDkhZO9pg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220921093814","@chakra-ui/lazy-utils":"0.0.0-dev-20220921093814","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220921093814","@chakra-ui/react-context":"0.0.0-dev-20220921093814","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220921093814","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220921093814","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220921093814","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220921093814","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220921093814","@chakra-ui/input":"0.0.0-dev-20220921093814","@chakra-ui/radio":"0.0.0-dev-20220921093814","@chakra-ui/button":"0.0.0-dev-20220921093814","@chakra-ui/layout":"0.0.0-dev-20220921093814","@chakra-ui/system":"0.0.0-dev-20220921093814","@chakra-ui/shared-utils":"0.0.0-dev-20220921093814"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220921093814"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220921093814_1663753182231_0.6493315545255305","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220922114557","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220922114557","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1f70f314dc961006373b74cdaa9c20bed5d0905f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-iSe5h8hQ56f969w7+1ZBB/FmdPh9j9V9rtzZ3eRi6B7cICoF4s+dFHbDYXTgLcIDkNaYKApXX5JCmYPyORmkNQ==","signatures":[{"sig":"MEQCIAsZ+GM0Y049TE5VadcGX+fth+Jw/qi+FGy7EQNPDQ4uAiBXEw4ZbzKnIUAh/7iGlKTQ0PjLvm0G1GUFo5Xl508L/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEs0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpy8hAAhJ5cfmcdHR0lv2p7a/tJ+mCi1igDCSbh84Nk6XmG0CXre9vU\r\nFy3peLE7xpEuxAkfAzRAjs/zLf3FRybXKseRH4qteBKU9LxoWKMRrKDM/spy\r\ngPQGrTf9OwxngBYzdK421FOMJ8If4gGPEKREylD6IvYWfkocPfDy1Qjwq7Q3\r\nhNP26GAKvlZLonbT4LK9Pz0Ip5TMPYQgSzan1ZjZZvT4rFZeZq5cEDUIjb9L\r\nh+UB9l/tFpIZKNKq7IGirfcLJbJKjNvZepCCZrqj/cD8nJnvIjYGWE5Ei2AT\r\nY277+VLdOyVOyZBbDVIfH829u1wL4ieL9qnnv2MWTSO+oRRppBAZ8l1rt/Ix\r\n3yy/r6seAneYBI1muK1Sm/yowTT3R8KIer8mZwDmDOqrMqrZyT/59COL+lGH\r\nMHS0RyFC4OgKf8nZ16dyEM5ZY/RCN6NKvbjSZnnTRH2AWwY+4A10HokkESzM\r\nzdMSBfGxaK/H0jxwSsvyeL5Xs/W4iGJK4d10bKauN/vyu8oq4MLDqELJYnLV\r\ngxo37eBE6rhODxxXBbOrf4Mu8wKEfhdIzGDZL35b7otDx7vYqAYJstFfHBSY\r\nWqvMUv5bgjVkPoZH/CAV/xvryDBpBGTzUbZg1ELh0g3IxYV75lTftkB/Kts4\r\nm2c1w5V8cPorcm0c0+EtihjU7SSOUv7TLfo=\r\n=VdTc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d04ce60eaa94ee05448cf28113249917/chakra-ui-popover-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-iSe5h8hQ56f969w7+1ZBB/FmdPh9j9V9rtzZ3eRi6B7cICoF4s+dFHbDYXTgLcIDkNaYKApXX5JCmYPyORmkNQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220922114557","@chakra-ui/lazy-utils":"0.0.0-dev-20220922114557","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220922114557","@chakra-ui/react-context":"0.0.0-dev-20220922114557","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220922114557","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922114557","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220922114557","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220922114557","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220922114557","@chakra-ui/input":"0.0.0-dev-20220922114557","@chakra-ui/radio":"0.0.0-dev-20220922114557","@chakra-ui/button":"0.0.0-dev-20220922114557","@chakra-ui/layout":"0.0.0-dev-20220922114557","@chakra-ui/system":"0.0.0-dev-20220922114557","@chakra-ui/shared-utils":"0.0.0-dev-20220922114557"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220922114557"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220922114557_1663847220439_0.6479508015537228","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220922115811","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220922115811","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fe54cb535b720ba1ca3471be90b2ad62bb317ebb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-w4bugTgo4wTF24TsKHZrSmpx6vRQEi06CiLmEHNbMKHcv++N2W4dUxFryEBuvelug/umqooQgaOM8jsK75L3Dg==","signatures":[{"sig":"MEYCIQDOLNwefAYCnyJ74CoN/HWvIpNSEmms3rhLvh966oULUgIhAL2p/nNsq5gyVa9w6986kmZ3ctZhzvYFIxl2U1KKcH0Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptkBAAlSxqOt2Z/c94x0kZJ9WtbnJwCLWW832TQ4kEcQO4Ras4m1Vd\r\ndn566MwV16lVvzdF3t+Jgx11bFLLXrR3zkD+XMjWSAn3H/hpC7X+ANFcuz6C\r\nEPUCNtSpWEU/sRNnGvV/jl9ir3EUlkhz0gZ4iPPckrG8sVcEoxTShhLLq2Lu\r\nFwgmULdVLyZ8Tx3/7GKbgN1TQd7AiZTVSfkeekpufOl9gI/8AVF7GK3IrsjP\r\n/e4C4C7+b0WTZ4r0unkquay5J1fYkO/DRaumXIR3hRlqZlOg4a38OvS4sMnw\r\nD9vkaZAqAnHpnsUk4lOUzTDQX38c5XRt2nEl256eKVIoWoZteTN2HR/tFXv2\r\nnKLHsz/++aQHDlSHHeNfpwQ56Q2TXAW8/OU9zoYEPkcbFFiLoH6xN23PoB0a\r\nWS3Vn2pHJSxTcyPN4ZtderBIQa11IqBz5QnLrIokmZ68rthLIx14sgCJZJ/S\r\nzDBv7yFptR3BfViGi420ZXCanoeI1FK3/MpUZWnadfhmkEHS0ToW1jp4g9Hc\r\nat2ZMGz7tLHzyGQvQmGA4Piz/XRzqV09Okwb84e4GyHYS3vENKFmfuF0duXn\r\nsHK7Lv1b/pW848BtiIa3/88hYRU4EndQszvCB4lNdqf3xmZlsh8uTZLKrb/O\r\n3kuqWPcLL7vs9YlOA3E4w//ARUfLaJjLlv4=\r\n=cD74\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/345e2aff6cab752f2392c75bc7402c3e/chakra-ui-popover-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-w4bugTgo4wTF24TsKHZrSmpx6vRQEi06CiLmEHNbMKHcv++N2W4dUxFryEBuvelug/umqooQgaOM8jsK75L3Dg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220922115811","@chakra-ui/lazy-utils":"0.0.0-dev-20220922115811","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220922115811","@chakra-ui/react-context":"0.0.0-dev-20220922115811","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220922115811","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922115811","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220922115811","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220922115811","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220922115811","@chakra-ui/input":"0.0.0-dev-20220922115811","@chakra-ui/radio":"0.0.0-dev-20220922115811","@chakra-ui/button":"0.0.0-dev-20220922115811","@chakra-ui/layout":"0.0.0-dev-20220922115811","@chakra-ui/system":"0.0.0-dev-20220922115811","@chakra-ui/shared-utils":"0.0.0-dev-20220922115811"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220922115811"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220922115811_1663847956086_0.16986533545527194","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220926164115","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220926164115","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"df44a154d93393c506b0539dfc107b935e654984","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-qQxU+iy5cDEve4eT6EliftIjnHKWIb+jKSKo+cStHBYIpG0UngW6kt2IlTxVokLI28LWvrI1k63Z65hx4wcHOg==","signatures":[{"sig":"MEUCIAsJT9Znd/hetBqTpw6Jp8EcJ5r5xq8BbhSXdIdafW6yAiEAk5XcU2Z2kh0k6Fe4riQ2vuvSIMkOUvOHuZbUqS8ap7s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdZ/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVcw/5AdJ8BuSBbrblQR8D0kskfkXaZBih+wimoDGPCzIN5D73hg1Z\r\nSQQY/P+9/aIpyBrwtTRQx1Xlk/6ypd04M3ucdnkC9bw2Bzyx7dE9+femj0zo\r\nxzpkNunyPXF8h5dpoiX2uENgb4KKM6Ewmju+ErqBCZoY+61mATF89vv8knm0\r\nJJD2kL6QQPiG1N5yCBHDh9FDuMZPyoOo/rxlo5gpaheVfk1TWoZOBi/Bhvkd\r\noGsbzp6RTuJxJpfDyFJ2eFAFgJbsLCwlXM49ZO8DuqOxb/TLqIRb+Z8TW+cW\r\nnR8Tt2kMH7/dJMxJ42YawnZD9cv8Az761HOKd+eYyhvXEgop5I+NkZaGMgEu\r\n6eHASOc8pn49MEVCB0ExvGYTQGsAz37ajy1Z/Xq6DGxUhZ2+W3Q2d+hBaRRu\r\n7dI2nLgJqLUGhZN0HFoK6JMv4weFaZbKl8oq2+bE5ylUwpTOI3+SbesNvyZZ\r\njLfXuuJPCw6s0LaqUvYTPcyEuaNHgT/WlxN3ca9mbNP33kvJkipQqlB15Sfg\r\nsmtVDUDEDGJWvpvAevLCP0LqPnqa+oAyXnguUz13Ren/DB6s+IHLBhbU0T/U\r\nFJD+TYPStXSJTUBBWuWC1cgarm18RL16LgrwZsqqgVYe7o9xBdLiPyvPCAQp\r\ny56CTw0o3/DvIcoXdyXpS/Erwfdux5K84p0=\r\n=58ea\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/911e31ca634c528bfd7e8ae857732fd6/chakra-ui-popover-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-qQxU+iy5cDEve4eT6EliftIjnHKWIb+jKSKo+cStHBYIpG0UngW6kt2IlTxVokLI28LWvrI1k63Z65hx4wcHOg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220926164115","@chakra-ui/lazy-utils":"0.0.0-dev-20220926164115","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220926164115","@chakra-ui/react-context":"0.0.0-dev-20220926164115","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220926164115","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926164115","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220926164115","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220926164115","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220926164115","@chakra-ui/input":"0.0.0-dev-20220926164115","@chakra-ui/radio":"0.0.0-dev-20220926164115","@chakra-ui/button":"0.0.0-dev-20220926164115","@chakra-ui/layout":"0.0.0-dev-20220926164115","@chakra-ui/system":"0.0.0-dev-20220926164115","@chakra-ui/shared-utils":"0.0.0-dev-20220926164115"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220926164115"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220926164115_1664210559215_0.6156235044892926","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220926165450","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220926165450","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9af7a2ace0332b00d532f22e5e859d692bee4c40","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-OzoHz3zxdWx+g6jMIaGN+IMmPYefbdpikr1t+Wx06cEMDi9EMxOCT7S23o9ZeRUlEJn1oTPob3ZB2HAHsjw/fg==","signatures":[{"sig":"MEQCIEmbGXdVGHFTlyUnDMrD2dvACFFkNUbeIbNE+jmzUE4mAiAZ+C0XYFC8wAoFLVxkDOPkH4R/T6s6tAex0Scu/xpGOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqjcw/7BovcJoMr1hl1hSgCcjep7CSb0pRl5EXAT7idnqUB6EKdAbBJ\r\nIhwuz2mvTh59h+Oz3G5ipYkWRIWDREtNTNnURVWRzJeXG++QLZYZ/gkv33pm\r\nTJwj9kZj9LlPYZJ9rh7NH6sRNHXwkQxN3JgXMcrcSdEqVMokjZ/JR0uFcx/a\r\nPMpD4AG069BgVLG6/gtMR/T4fpYDmtq7F4IV7ow8xV8DsH24L+zjuCyKPytt\r\n/iMYx0qrhyk1Mtptf7SUkdRt0R2mEQPEyUMR1yYSUrWNsPBAK+KyfDPkydV5\r\ntf7jZYWQ58cdcVa02Vz1qgi2glbjap3X0RfWhBJ4XOk8TvfDvWpmsl8SazbH\r\nO64YMykvkgbRmOmWIsGD6jnEQvdVx7D6ZOVV8QxdLWvVdUu30lxPSYk/bP5B\r\nNUXMGReQw6TJNaoUEoZc7OwU5eQ7xSDknCcjH8wAylJK+ztrAigXngAgK1Vl\r\n9xtrDq1fzyUw4QpAMgo4GxSDZID33+N7q3i8SO6I0cWmXRt49QN+V3w6EPaD\r\n7qEeDOTdQ5EMQKI8pwOsek30SE1URk/xLv+aMEZLl6rJPM4YDdcBDzKhnzlD\r\n6n8PFjjQz3/Mj63eRXEeiA82XZ95OC/drVm0MgJ8tMqwY/Hvy8b+s4S6apyX\r\nId7IXMyKIdP1pmKJDs+t/dgB94o1L1eaEtU=\r\n=PPLc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9e810f13140809bf70f48406f59bfbcd/chakra-ui-popover-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-OzoHz3zxdWx+g6jMIaGN+IMmPYefbdpikr1t+Wx06cEMDi9EMxOCT7S23o9ZeRUlEJn1oTPob3ZB2HAHsjw/fg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220926165450","@chakra-ui/lazy-utils":"0.0.0-dev-20220926165450","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220926165450","@chakra-ui/react-context":"0.0.0-dev-20220926165450","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220926165450","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926165450","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220926165450","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220926165450","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220926165450","@chakra-ui/input":"0.0.0-dev-20220926165450","@chakra-ui/radio":"0.0.0-dev-20220926165450","@chakra-ui/button":"0.0.0-dev-20220926165450","@chakra-ui/layout":"0.0.0-dev-20220926165450","@chakra-ui/system":"0.0.0-dev-20220926165450","@chakra-ui/shared-utils":"0.0.0-dev-20220926165450"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220926165450"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220926165450_1664211351737_0.6670280611748673","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220929105632","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220929105632","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4801372b30722984977c8f1d66d603d81003b825","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-h0IjwqhzwuXMb726soPXUMThnXttFltRCUEumMlUoYA1QdwNsyY9FlDddPUng/ZTT5do5o7k3pwf99e78+hnPw==","signatures":[{"sig":"MEQCIFHnBHVstYMzrt4xVUBA6XhdzX7oAzV+xW2xsJ03rOaHAiAXjmdoBHnX+nzOUCIbWGLQiC1mLXleElO5slgLEGrsdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXohACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx5g/+IXJPjTlZbU1mjNReBI7ivBOtIJeAy9mpjT6D/kWQfeyqrx9O\r\nRnLLSUn2v4yBt+baSvl918rVA/uXwTZmlDCFRASMf0IPg/Q+zLNwR2I/FAGx\r\nMmufX7DNx6LPKw1QodsjkhxL8N4q7xuU2Sc/eSDNfjJL4eq4olUbMNBPUPra\r\n1ck2tS3k9gJts90955fobrcbT00NzwPONsp86/XQIP5uwGLZPSEz6tbOqeNU\r\n1Z/uFUCT0rX9sHZtsHEhkaqWYMbyzc/weZMKjxU3Z8yc0q4TQ/BNqr9Ae6s9\r\noHEH6f57T1Y1cSO2W+3X+GwYiZVGmS+cK9eFQnNljg7jNgKnPTeK6LXo7/P6\r\nD3FZs+RQmht2gjY2iTgPOo4H6q/l/kwcvAxnKiMzhOO7Azwn3PIWaTUBE10d\r\n4RPwKRc09SbOVUVTqVhMXuWqi51VeXTfdk8FeWkVqSkzdbwF5Jbs8SnDstyB\r\n9IlKxZQDc/xFmaWBaONYiTQHpAHvKPoXAH6lyKRBw9Kh9TTUfkiNzbx+SWUy\r\ns7iR4G+fuaBZKRmA/xEcSB+knJ3VvRnJ9zMKedvkTCXQN3ORvIkfkbadw4mi\r\np4BTI5DRgle0U4tyEhbpgIzLJ8DqsQZNUfQ3VvTNlt/31FIP3XX7KKutSJ5V\r\noQPFVYyOwDFWsQ5zZBBFcP+81isr1sVQMOA=\r\n=18DV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4826f2966e8d50c64d687d5da6815b84/chakra-ui-popover-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-h0IjwqhzwuXMb726soPXUMThnXttFltRCUEumMlUoYA1QdwNsyY9FlDddPUng/ZTT5do5o7k3pwf99e78+hnPw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220929105632","@chakra-ui/lazy-utils":"0.0.0-dev-20220929105632","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220929105632","@chakra-ui/react-context":"0.0.0-dev-20220929105632","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220929105632","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929105632","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220929105632","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220929105632","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220929105632","@chakra-ui/input":"0.0.0-dev-20220929105632","@chakra-ui/radio":"0.0.0-dev-20220929105632","@chakra-ui/button":"0.0.0-dev-20220929105632","@chakra-ui/layout":"0.0.0-dev-20220929105632","@chakra-ui/system":"0.0.0-dev-20220929105632","@chakra-ui/shared-utils":"0.0.0-dev-20220929105632"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220929105632"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220929105632_1664449057466_0.6980487807138562","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20220929132459","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20220929132459","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8958a18927d965afccad375f511bc98a8cac9382","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-ZD3Po3kUrkLvTx3Pdv4DHIzUPkMwsLskjOV5td9Ip7V8ca6qxZnL20HnVqeHcOB4869BNmNPqWOWDph858T1Tg==","signatures":[{"sig":"MEUCICZc/je8PKqj/5Z1DbcQw7tbSxBo1zq7c9VKXhkKbnHXAiEAmxs6pIPNssz2lQt553QNh+5ohRKaQHCS7EUVLw7SNRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZz8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUmQ/9Ej0MMTjSbc9jQc7r/eNQaypV+vp6Vi3cd4YHMIj5P7+kJ2fn\r\nm1DtHrmn3j0naiUQR2+cKed38feDVVBmc2Xc9XQJlenzAe81x7Qie6GxoQdg\r\ndFd0r+ZSQkTZwezdxsKklU2uz3z/z/iD87QkYwSSpA9yAGj/PgKfb+5FRead\r\n6IkN7IWjPUU8sNDjyKUSCkJDxo2gGvsLBndDMipVoJ4COis3293X74mdH6ka\r\nSHdn+98YCEnfTxTD/haVdKhe17yxRsaue1xPlr+hWdbvam4D7p6pPKwZE01n\r\ncwpJKFoAMp1qN67PsEkbCb4sSF58XR0V19QBwfvCrVwzJ6iET976DC0G5lWa\r\nApTU/fzerpz5rersnYydV4NQo6RuDuvCLK/mrgg+dUjwoKKS3W9FQG60BMBD\r\n7auk0qpwAxBIGxaxDF2iG7yxVkVLS6onOS9jE57Pqr2q3I5hsADO69oaFv5g\r\nJQg3eQ758rkrB1ZwUKbEBqCgyiENV2OWu3oGZShWlGEOcc/qAsmC6OR8HU29\r\nCYW4BNwlHL8zzdeMiW4+2se/mfpURyPcLK0G4r2Bp9DjjRGkDU/cq4ER3T9s\r\n+8A8K4QP38QFB66Fx2JLFCAiHas+oFuLLBhXtdCYLGhrbdkotBdM4BagO+sF\r\nWH5qy5bjmWBxrqczhvSJzfUpRTukFfmwN9s=\r\n=+yl+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3bb135067d1356b07107c5c437c1692f/chakra-ui-popover-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-ZD3Po3kUrkLvTx3Pdv4DHIzUPkMwsLskjOV5td9Ip7V8ca6qxZnL20HnVqeHcOB4869BNmNPqWOWDph858T1Tg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20220929132459","@chakra-ui/lazy-utils":"0.0.0-dev-20220929132459","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"0.0.0-dev-20220929132459","@chakra-ui/react-context":"0.0.0-dev-20220929132459","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220929132459","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929132459","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20220929132459","@chakra-ui/react-use-animation-state":"0.0.0-dev-20220929132459","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20220929132459","@chakra-ui/input":"0.0.0-dev-20220929132459","@chakra-ui/radio":"0.0.0-dev-20220929132459","@chakra-ui/button":"0.0.0-dev-20220929132459","@chakra-ui/layout":"0.0.0-dev-20220929132459","@chakra-ui/system":"0.0.0-dev-20220929132459","@chakra-ui/shared-utils":"0.0.0-dev-20220929132459"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220929132459"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20220929132459_1664457980147_0.8710658790391135","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"@chakra-ui/popover","version":"2.1.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1b5e05e334ba5f9bce4bc5bcabfb92563393fc84","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.1.tgz","fileCount":6,"integrity":"sha512-j09NsesfT+eaYITkITYJXDlRcPoOeQUM80neJZKOBgul2iHkVsEoii8dwS5Ip5ONeu4ane1b6zEOlYvYj2SrkA==","signatures":[{"sig":"MEUCIBTi9q9tSKHEe0KC06bXoV6x/QS9PO0LXP0A7U4aDtiDAiEA6yDqKmj7GBTk75Zr0Fye7UHZhfmY8Br4xJze/enht34=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqeFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUqQ/+IAtV27UwBbrmC8tGVIv1xuKz7/QBQZhaNGNOoPP/ux/7MbbP\r\n9E9uortJdtYleH1JNqMdhFMAwvCEZaUXVFEtJbALaUKF41RvBBzNCqZjw08p\r\nhDBLSVXEUUcoSw5sDiXSwfWKzEYGdqGtyR16ZImhD/99bb2uTRqcOWUQ9l5E\r\nrGaeMTOWrWql7mNVurdqKkgRHH8csjgKJLj+EeoTuAiC6AmoF4CRq0q6F7nJ\r\nwTwSDXlZWzkr+cELKJ4iapc7B4EbgSLsZAGdo/0r1b/VnCT7W3nRH6RkjAxe\r\n+LUeTzhkoC7OM/CQ4FeoAdJNR7QRnZs2uW2znS9QCJBgdL3TCElRpu/0pKjb\r\nz0WJUWAwwAvT4R+wM5Liy7n+KBlO5ScbwJ0j5szUZ1usGdp51X9eLiC9Uflo\r\npbOPOfWAI5CfIFSQbO1TBOezH/IcsfgwfSpolPmNQlNXNFMs4SJkb8LeGhH/\r\nssY+66FjetPpyRsiU8vDz7TSWOhX1T22/uip5D8kjRtZf8AfG0GoPMSSCLw5\r\nmgYUbXEmVnClH7ALrpXD0yTyG8SutdM4iHtjnXzwBbGCwuaKD0axPL7G45Yg\r\nuGGY9qHtfIKereq7s8cwv09/TesaAT1FMkjkLOU8N3/45a0dLn/dhri5sVBg\r\nV2nBevsqlLT5Y/Zhbm7WJ6W1EBAxPzlxHI8=\r\n=/Y1f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.1.1.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1a9d6750e40dfced1d75b390024ce50c/chakra-ui-popover-2.1.1.tgz","_integrity":"sha512-j09NsesfT+eaYITkITYJXDlRcPoOeQUM80neJZKOBgul2iHkVsEoii8dwS5Ip5ONeu4ane1b6zEOlYvYj2SrkA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"2.0.5","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.0.11","@chakra-ui/input":"2.0.11","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.8","@chakra-ui/system":"2.2.12","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.1_1664788357042_0.7970890740357583","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221023161857":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221023161857","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221023161857","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"08b25b160ffa2db914b6a55da465e96ad9f11037","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221023161857.tgz","fileCount":6,"integrity":"sha512-ubp3wx++jQY2B1Ij9u17oCwbIWtv8pVeMGreiDPrOZQ26HOSxa8eLCnWPP7Y0ZaZSn66AWKJoLCPJ25450cVTQ==","signatures":[{"sig":"MEYCIQDSTXUVie1O8GdkhVNFGqkuhym+JhAiPWVwsLoAAosTowIhAIUhNvupWu2d9A/n6yAgVe8GZxAEtiKorWP5UR3hLwsf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVWmXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqurw/9Hu2TIUei0F49CPdIdbyY15lna1bkyRk4A8wtf8b2F21ZuTW1\r\negjS0ZPMD5BNfe2dUoxMRGBsYFlQeli/vqiLrQmW0idmRdxFN3Lz9asfRwa1\r\n9lIRLlSNrVoNYHuEK5UIbJZy53sckgTFXb0fJqBQK/Qrbh759zDv8CdYcCur\r\nhzTl/1AhbAnnhnd5zQPswBuXr7BJ0nwAnzaVKdEm4sishHpYD1akYeU1LzX8\r\nme6g18ViHU/ArUSInbu8BnejxwDRmS6xL7ROmJtIslRyVDv5duxR18n1k7Q8\r\nRae7ADSx+nKPra4ilxcJ41JbyTeONdJS/9nt7QnybgVRDo/7CuVAhAq5w+Qz\r\nfB1af2typLMnFhn82h/d1ndnxG7e0Ky6X5NaCzZf6WBKWqaqPbGi4NL/EDMb\r\n27ClJzGWCdgILobUyKrw2J8fAEB6Q2bk70MQIagdeC44JRfVJ3ocjty692Kf\r\n8j/nW4nz4NN7H8XgM8hhLv6F7jxcG1NprDja/sKtYbN4BAfKtQ/g8Ad6bm4h\r\nQOwt7L1+ZvkpdQ6lYlSgOUhFMKFnqrJeu+DmMr9IpIcwsBejSf3suYO0b2Cb\r\naepM3Zeua4KE20fHLp8xFC9T4Orox5/6I7upUOdY9Zlp97urgNPfIytmW5EE\r\nYYlzkR862GiMZau7C61lvGpn8JHICOhzJHI=\r\n=fqGL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221023161857.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/65d2441a65a1065777baa7f2e64d0cfc/chakra-ui-popover-0.0.0-dev-20221023161857.tgz","_integrity":"sha512-ubp3wx++jQY2B1Ij9u17oCwbIWtv8pVeMGreiDPrOZQ26HOSxa8eLCnWPP7Y0ZaZSn66AWKJoLCPJ25450cVTQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221023161857","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221023161857","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221023161857","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221023161857"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221023161857_1666541974864_0.2370441725388348","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221023171601":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221023171601","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221023171601","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b4fabe106a0fdfa7ee88260a7790791da6e633a4","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221023171601.tgz","fileCount":6,"integrity":"sha512-CpaJmafdhy/BXYTF8vna23k6R7EXpOOK2rpQRq/2WVXADLkC/88oVVAwqJ1PaYgkq9JJuloAC2HR+C6yl6I7vA==","signatures":[{"sig":"MEQCIAYd67gPO4OqjAmI+fOUCjMJUFj3UhvcKbQWkAOVPnCBAiB/8S3u8YnUkVGuJiPkrUlFTNeNZfbeW+CFV6ZpxsWh/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVXb0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXlxAAkP8hCXPGdoCHNJRnSZPdhiwGHPFlExGBRAgrkZ+sCshzbYUs\r\nuoQhNd3z3v0ugAYbMcKqG6r7c9xwOAjobqvH5auM6WrJTDXUg6HGEwNQ22BO\r\ngFUDBSkAkMMs0v5yU1BDik/V1Ez64XixYxPXE0Alo8sH/jYmekiyhTC1pFoF\r\n3GXoIvXFyRAeqEbFsOnnhvFAanAkHiTQyHTdAP7reGAmDvGm3sXW89gDcOlS\r\nkj7PtceODWlH3dObyaHeepCThyXaK2hL8vvQhJ7jes5CQsPh8vFJ1WuWFUVk\r\nlGngUmLHBIZAwf5qozub7JmZUdtuXQ8UbE4aaBTvTj1kEx/BcqrqG0V2i79w\r\nTeaw+04OEBfNFcXNIePtFwBSDogQe0EKwajQ6Ra6NUILSImfezpmaGDjm7AE\r\ncfjUZPec6MAU1+d9HRffnaUPtiQmFeYMORpDuFtwGnF05IpstrkEdSTRUTjH\r\n3+NIHEzuSe62rXF52MpXVTskQt1Z0XabxkBWxTToTybcHOtkc3Y3a+ecK6oD\r\neNWRg038H+Glf79AKzqlDQM0KflqhbPO3d/7D4d8VJNgB8gyP53IewuVhagx\r\nNtmuX9TDvdcQ+DSeEJsPjpb42JeaY0pEuMSqfiJv1SAeVKDgUA5fweN/LVTk\r\nTow2BRhBwl+zSekCqUJOFHBljSRlyq+qmGI=\r\n=fgDG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221023171601.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4a5dec6805108f5a52dfde34272b891c/chakra-ui-popover-0.0.0-dev-20221023171601.tgz","_integrity":"sha512-CpaJmafdhy/BXYTF8vna23k6R7EXpOOK2rpQRq/2WVXADLkC/88oVVAwqJ1PaYgkq9JJuloAC2HR+C6yl6I7vA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221023171601","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221023171601","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221023171601","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221023171601"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221023171601_1666545396549_0.4634500740516556","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221027040551":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221027040551","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221027040551","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e1cbedef42e95cb84cf03f3828fa8ea80561bb8a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221027040551.tgz","fileCount":6,"integrity":"sha512-dfHe2bV8PqW/IQIsDQLi5iIih2Y/N39iMC+GT3SdqNqXi0s+kdzXUYG2702BHspRSoMnS+4sxlf+9XSjxJRVLg==","signatures":[{"sig":"MEUCIHUaF7HAH0Z545DmIGboYyB6BZMYkK7vHI8p7PCUI5DvAiEAtP6xygA+2iUiF7nT3rCt6ICpa54mPGKxWbGKYvUmBSQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWgPEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrEg//c1ICuIxJ8whY2/UsWpQJeZA/SE9WmkDNCcTIAW137TZTYhf5\r\n6HAYERwljaXzTUHs52YSbKKsxIPlVzq9B3wVPLwjn+Bh+EbriTVtmiAjm33L\r\nic7M1j0CTJa0tjgKUwibPGvZPJm8vjblKk0YCHlNaY8ieYtuXtyYQlBBWEqX\r\ng1Q8felEJ1R2AM/Cr7PYfEaCXdyl8uWnseVydNYD4MQKUPZO3ttMtIrMzU4u\r\ngtOgULdeDKxAMRlKPus44affust+IZdG4g/UvOyBAqGdq3Yl+8pp93GC8fsF\r\nSPxjWLYQYqvVNrLty5PmYg4zdp0xz2p+vKMScJAKuesp/CbFdZAZvl+lRpbG\r\nszcDtLvX9hXTuYZbcuoVfHqYQk13lOoTKjfnd646ycnLSz+HfU5/hb3lezSZ\r\nXRbC0IyQQmvl8+l/uDLESPBCuWZMwaUBujtIqwi0UNjDAqr+NHeluWqtuL1C\r\ntbmivY4LL0UWIfg0S74NvgDTAVrUQvsIJx2d4syA4JagkGQt431SnmWv0hQK\r\nssOop0bq+WzPfgfg0NvIfRZVMRQj55LAriK1uAp/szijD+rJiFTulwVI3WcZ\r\nUyclxvhsMMcf4LQeSgHYahdJHu8tdknex/5x8OFzJNEkK1LiPRKdsG70zyDN\r\nWJkU1q4p7xiF+GF9itEoDEwZHNrnyI2yobU=\r\n=r/E3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221027040551.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c4fb2974589fc3476ecd282eecfe687d/chakra-ui-popover-0.0.0-dev-20221027040551.tgz","_integrity":"sha512-dfHe2bV8PqW/IQIsDQLi5iIih2Y/N39iMC+GT3SdqNqXi0s+kdzXUYG2702BHspRSoMnS+4sxlf+9XSjxJRVLg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221027040551","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221027040551","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221027040551","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221027040551"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221027040551_1666843588669_0.8291234750905572","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221027041741":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221027041741","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221027041741","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0d6f384dbe27a7b9c74b92f25b4df42d172da9d1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221027041741.tgz","fileCount":6,"integrity":"sha512-47VH5kdBMuMqYEDi3xtvlQ5jjQhJ1LJLSiaTXUZonLidrfX2GKDt6dG8g1j1zm5gSz1pTMyHbHnc4iBAtW+Dww==","signatures":[{"sig":"MEUCIFGYzKHt3Qqj0R/lbLaDTMWC9g5ffEqN5JP3IKsGmuPmAiEAjMLfwJc4on+LtmTHmJyNdEqpi3BxDWXc3PE55/mIIA0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWgaIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmosrg//Tq9qmfAXzkBXamB/ransIpa5EqxBkQAFyDG6MQevfuqH7aKo\r\nFzC/6OJa45Hikzm/06emMkxXmhQvnzvYqMYrULBwQhpAXK5/kHcD2SSVV4MU\r\n1TF30Ema4ZiLNt9Q/3zbf/bs2IQNnKX0VQ9KyFMOx59P3nmdO32nVFu8o2V+\r\nfrgu1RtwXeV/VeVOchgr9+1Vf+/yXKuLni/LbmPKcnX3k1LMuLidF+d3ndIK\r\nX48CuOkXV+XWFnx4KCpNehlTO3PrRGzjfdxFzbfGK7cVwRCcFV8YEWMuZ1WK\r\nmRTERTmcuLJDg4SIZWJnNqwcQl79VEBf9Ng+XXNlkaFw/hojnfNphszOPNRq\r\nIPVqsx3+DMZsxz1NugyDbDBbf9iQJbuq9IMx/5VwCP3JomqOjcKYo/dvpRIz\r\nUuY1iZDJiLSeJ7OWtkL1hSlOB5Z2nb0feUpgtRWGX+ZIt5HhdwuKss6OkmMN\r\nSJ0YEu0WeeK8m5wkTsVeWj8Nyy75Ht1HpPsK+S/7uO+ZrUmmFq2KEWhkn00v\r\n6AD3PonipP4Npc9EeBYX7tTd9PE62IoDxygOMQ6EL2PgWnMAFzDydRMtHj22\r\n52X7ulU85LKH0I7ft2VXeNF40wuBsUWGiVB788585j5ffuxTPIYeTZGlMJIJ\r\nAQ/Dp5CA8etBXtdJ+lp/PcOEzlrFOWl9524=\r\n=tA/E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221027041741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a1449cebfbf911dd30687a0cf90a2cb8/chakra-ui-popover-0.0.0-dev-20221027041741.tgz","_integrity":"sha512-47VH5kdBMuMqYEDi3xtvlQ5jjQhJ1LJLSiaTXUZonLidrfX2GKDt6dG8g1j1zm5gSz1pTMyHbHnc4iBAtW+Dww==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221027041741","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221027041741","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221027041741","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221027041741"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221027041741_1666844296741_0.5002321586434166","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221031131135":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221031131135","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221031131135","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b61a310b920080df6dfb1b840240d1abfea898c1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221031131135.tgz","fileCount":6,"integrity":"sha512-jkZRacnl5+GiLLkF1zPiUMgP3MnfeBDTBaag3hFL9SYvbu8VKM+Vby3B9++wbbm9K0gPJGfBQfOpHoGuPDAk0A==","signatures":[{"sig":"MEYCIQDM+Jna3hOMev1kMYYHbaBHF9MO4k+TOZezyLIn9gk/wAIhAL9Azy3uFSGPt91f9CdDPgjRWCV86OJFOt+PfU/Smu+1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX8mvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoc4A//RUgv75RHSQeZ1QMaonEOpm2b0dsOvXwDOJO3VQHccAjexUrK\r\njBd2wxRhV974FcGbhgOm/JLkPcaVPPAu5lMy+YHe54XK74icXDXkILioaG5N\r\nESi356ZBS23fSMkc6liQ2oztO/dDdnEqwWukiP31D+maMcKrSzM7EXoh3q65\r\njYByTbxNHdtAh+a9YIWCP1ZB9X/dyfbunH/7UKKdm4qX1NeDZaBWDEflQSLZ\r\naIKNJ04gYvs7sqAo19MNR55FYKCA8YBgdkRiuGyuCe4I8D13IslIl0UpNtgN\r\nAJVFpygq++dodpYsuCus6K6UFBb1ZeNKXQIdLdR6Hm5cP2FOOczalDY0U/32\r\n2imd52bwkbHomE08B7nrcL8RNWZwD8XzjWX0TJC+1CdGBzJqAiN++3QX45IV\r\n9Zu6Xd8jxtAd2xhubDFmNXZ1jT98+tGFH28dIK6m4SAUmLJdK9X5Oug32GqT\r\nGAGxzpw8IeXfyDDP0qaLnLDhSzm1F2tu6uqoKNAbDZmP4UVFnbO3CA1j3aaZ\r\nAsdIf6OK4Y8X0sadhJJRzo2BEDx3Yw2/1Ws1pa24oGJ8nSA8DTpP6HWd2tBn\r\nRg06Gixn1SCklw9IgQcldzZ5W4mE0ZcQYyvGUmsMGSs5BjFgRBy9fB4I8IOq\r\nrfyJCBzdEhV0facVTDMP8I1HtG8gkWEYA+M=\r\n=uoFX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221031131135.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0d33ce84561deb27874577ea508e3c13/chakra-ui-popover-0.0.0-dev-20221031131135.tgz","_integrity":"sha512-jkZRacnl5+GiLLkF1zPiUMgP3MnfeBDTBaag3hFL9SYvbu8VKM+Vby3B9++wbbm9K0gPJGfBQfOpHoGuPDAk0A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221031131135","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221031131135","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221031131135","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221031131135"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221031131135_1667221935001_0.8323513544359282","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221101182032":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221101182032","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221101182032","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c40fcaa2be52102505bf029c96f9cce2d0564ede","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221101182032.tgz","fileCount":6,"integrity":"sha512-O5jDJeeNF3YQo6MMKk5JA9I6JHLbSXGEir+Sgl8Yofp/NHL2WJ9mxlEg51CkII+dGvtx5FfXDB3T5DEOF856LA==","signatures":[{"sig":"MEQCIHKBrrRCkXBo2fvrZT9inFTziCjF83NTLBimPiJDvJ7AAiAT+3zOZYv66BRi+5Hh/g+8A6yms4zbF5a7TbU8I7+CXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYWOcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOWw/9ERK+dCiN/TqsRaG1k9R4Yn2VilggI2qmGHgc5FEiX1KGTs/8\r\n6tz18R4hNCejVPO2LDFqoZbW6K+YhytjOD9IPwoeAd1iFujcTEY4IKBgR3LU\r\ndxJcGU/Le1B6+m8C5a+4czgGnmIBXKMaRoX+rgEmVPvz4/MdSffKj5FrdUPL\r\nBn8Y5odETBh44EDJ61ynzaSHsvS1akNGB0ya+dcW/mnVhAC4CyF6NxYSXZWX\r\nm5yGxuFAqsebqnPAdQLixOKj6FQ8pjkwsyMbsMEPYtnHcTPv2lxVLHoZvS1a\r\nrYwqxUahqYKXQfyvbLtLoVULjkSdo/2ZSvUVfLiPBQupGzAqF+muGmap9MUm\r\nUJJ4FVKH662n5xnaJVlPUdV1F61mU8qdkUCA65UMBtnwXmUmTZKiG4TLnaNJ\r\nlgguj4CWk45+c0UrbT+EmAFhCNwUC8IgVcZ93RYMPNq0ss7hFH5qXoRZduwj\r\n2qhIAwHH0OB6PqUGSt1OwTnnQNoHbwLxWBJ2gn5UohHo9Z5B+xiTPwJodNuy\r\nZS+DXSkjS81l1WFA9rUagKttWk8Xns0ctnTXzFXehrw+7NQcph/0L9RVD9TD\r\nMKCca/REiK81pMf8gfpceI0axgGC/Z0dph9YQYVhTNkXMQhBXzzieLbwWFze\r\neWmWHYd8DD2H/BLja1aKndFT6Uk9aMn79uE=\r\n=mhzA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221101182032.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c824bdee2705ed7ac1b7c55e853ef91c/chakra-ui-popover-0.0.0-dev-20221101182032.tgz","_integrity":"sha512-O5jDJeeNF3YQo6MMKk5JA9I6JHLbSXGEir+Sgl8Yofp/NHL2WJ9mxlEg51CkII+dGvtx5FfXDB3T5DEOF856LA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221101182032","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221101182032","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221101182032","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221101182032"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221101182032_1667326876496_0.24540518774695252","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221101183810":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221101183810","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221101183810","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"750a555ed20d9fd3e98e108ef9f4ea107672c4ae","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221101183810.tgz","fileCount":6,"integrity":"sha512-ajoamnDuW0xZVpiohYf+XM5wTqbxf4iGT1fIKmAIa7hUJyjbHz+np6EAPciihmvqItfn4ynzqRw6QhpolU26XA==","signatures":[{"sig":"MEUCIEGq0B/oxy0ofiHlXj4KjCg8tfVMVVyR0y5cIMGEUzFQAiEArw9ZAw1594c1w81cy1U9xV7z9AzBNTNY9uSKZ4KJl9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYWfDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmovmw//XHhK8Mz7S4NX6O61U/SIClMlLviwg4ELtc6cywej07cVYzm4\r\nxU04a6HIZGV+TVQCqO7J9n9JROoqEJCgcVgTpodqm+uLlgAGItGiZCs/f5y9\r\nJSaWYWhMftSi7DvaUJsbs6oNezjKzLISmHOJuPCD1dIsgCLxXukvq2PCcOVn\r\nMQHAhL9ahdrx6MLy88paCu3zHUnBJvfNEA/6MrK9kZ0+uz/ETJnuym2Qfr02\r\niMWMZ6TlPapdF3lr4HeURkSZ+cvHJtckNDq/isx3OhlbSJ2Lt3nEo8fMYhsP\r\n1E3cYQFpOt/o9CkC4z4z2wXawdnNaEJBfXzSBWZFp7RkW2y5QdvdbXMWLfdh\r\n1/aLjHAWCM1P2L5A7L7rLJ6g3pE6TlukWAObYX04QJlX1+UoLO0di3v28AV4\r\nzuaEmcKrHB9QMLLVXll+xLdRyrN7nuW7HRiyGQ/nf2xyGlCRoNmbxEjA0QXs\r\n7CbHfTIH0sqtp2zuVlBl2JFOJJhc6D8n9JSsnniDWnuk5cvLuaCmqeS9SMmF\r\n0x4lQ2+g8nSVsIxM/JxByOpA7NTCs7gmqdTGe8uevmnOhN9ajgBUcjoiXzW5\r\nR+u7T7d4waVMJeFceKICpigBl/MlnItAxTALoKBqET+zkAPZeEf/wtY4uEeZ\r\nzKgfkVmFU3Th5XFv13eSoBLJbyeTG4E2uyM=\r\n=Qp9a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221101183810.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/44f2c39427481e50b88b1f85fff9eb95/chakra-ui-popover-0.0.0-dev-20221101183810.tgz","_integrity":"sha512-ajoamnDuW0xZVpiohYf+XM5wTqbxf4iGT1fIKmAIa7hUJyjbHz+np6EAPciihmvqItfn4ynzqRw6QhpolU26XA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221101183810","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221101183810","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221101183810","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221101183810"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221101183810_1667327939201_0.7445864958451558","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221102123311":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221102123311","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221102123311","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5480d158f6182eb63579ac97ffcb18e136ed02ec","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221102123311.tgz","fileCount":6,"integrity":"sha512-Vw4yNhtICVjSetrceqVQzUMX95Wn5tDaRDFOSkVSKZ7B8asan3XVRq6cGwNXBh3zBX6ANwrGCNNYFFr7HwsCcQ==","signatures":[{"sig":"MEUCIAEARYOG3EQacw5dMliQwxWfOMWObAb6O72mi8stWcQwAiEA6IH8ljhagIRld8/Veyx2JupQp0JAtfYrb0YrV+f7vtw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYmO6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpF7RAAjD8Qb/qd5YZJ4uZuclNaSkfAhmXO2CZVDpOuO0/rWPoAwvEX\r\nv3G4RU/wGJlzji5kBMntoTVyCAWVsv5N8p1u5g0VzAJrQnAxWw9NyQ/LQ7Cx\r\nQQiMPW0Ljm8RDimPHLvFR0Vugms++f+wI8Yotv2Ujczyhzi6QzfjV3OBSX4U\r\nT09J/yUVRrTBw0NMuvRY1jlH7gXIM9NnjHgMZ3ocxTvIyVwC+kgau8GE6UaN\r\nhGDTpwXqKrVbFvfPVmpkcMwY6zmoSL2Yz10E+lHggrYqxQ0cQVB7u1zhGkU9\r\nCd0NZXm28H+Ale4IwQRuxbjMH97TTOu0MggDdq7wl6RJduqV9wc9nEHxO2eO\r\npGfBJf+xmBulzYm5VRjLLBBcu3/ynLXAkcecZ8xOOnqR0w8FaQbY4PZzy9sN\r\nUM86ywwaYIJYWmxelbK+Tr0G6XNGC4I3eeYWgSCKAa6j3smdx3OqKfyweU/M\r\nbBL/p4cbl65nRc6A4y3rcyAR0j/p7ojJm3NR8s5ko5qTXhScLIJ0nRe0ujYQ\r\nSro2WmDzF9fcfggZf1qsFz46zrL7AraBCmXqf8KTUAXcyqm2qyJ/TOV67F3+\r\nf/4pvL/UPJtuSQOVpXnFwZjHPyUEtX4BXubwL2JVerXuDPD6liEAeWKv06yC\r\n0Nb6WRX8XiyvoiYl7K0oTtDCm69XV0AoAqs=\r\n=sd2r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221102123311.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9c793366ae19fde514782c6107810323/chakra-ui-popover-0.0.0-dev-20221102123311.tgz","_integrity":"sha512-Vw4yNhtICVjSetrceqVQzUMX95Wn5tDaRDFOSkVSKZ7B8asan3XVRq6cGwNXBh3zBX6ANwrGCNNYFFr7HwsCcQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221102123311","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221102123311","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221102123311","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221102123311"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221102123311_1667392442209_0.564405277504799","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221102124227":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221102124227","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221102124227","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7964160f3a0177fe2bbdc1c5fb8e24d8678fdc4c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221102124227.tgz","fileCount":6,"integrity":"sha512-fP1OZyjK5naJ2W01nV76bHGT5CcQcFTZrL+VumpDYU5Zc1s7bCwFzmoFOcc4UighLVFWw5EJImdQWP52FVQfpA==","signatures":[{"sig":"MEUCIQDGZ+v47tIqxJgE63vZFfknOei6WOqFLddlqj/x0rCYCQIgR6zpAgs/fMy4MCtW8EsehQE1VVFlEMdmB4PgA4UMNpI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYmXPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpoUg/9EAt/rUNEOP7rrsziWklUhhQQu5fqx+xR/RoaZV5YgoiYF4XF\r\ncSKVkbo2spp7puNa2ab94NYez6xh/ZLKgEZFNSqOVtHKWilpYbyxFLuUSeTy\r\n2U75rD8o5TLpZTlMWgeMwCM2om88beGcI6ao3Y1F4muzYC7VMm+XCvjkm1T+\r\nVp6SbofCRrh1Ww/wlgd1PlWFO0fuLU+IW9dW/GniH3X8NBfZJQ5YNtzIijI2\r\n0MNPP2W3oVIr+ftZTA5l9okJKdYJG4dVYlEeoJqwZ0IWGNsprjtCj+FMwkZH\r\nfhCxzl0SOA+oGGl4H/RA73KDIo8z93lAZRhmliED9LlZoVbiQoS2GnbkBozg\r\ntXjyHdNtGrnoc6xvpfUUaWvzr76Q67NmUV32nDL9tQBxZi1cTqLSp6RIWOrN\r\ndoyQEQTW3CY6lfWjuWZ11MlGvTCqLM6/y1xmiDaMNHECSP63rxU/wwXHkHm3\r\n1Qoc2hOGOZjg6AYaEJCYPmkzVcUCm9/u87tFGpdJqzC0EKJmjqb5Seuv66dH\r\nhhODS5xEdH30/JMHPGgTWQ+l90ajN7uR+gaASJ/+KQ4bOFpGYWAjGe5J52KB\r\n0Frfg1YtRWTFuEnxnTFQB3jAlRqxZwDJvRtuHWcsVBNoteSvYliJy/Ms+3tc\r\nvQGofY+zVpRHqnx7A76D4zHXGVlme97ViV4=\r\n=WNAp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221102124227.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e23ea56b0c2c8fbef9c860997a1e4afd/chakra-ui-popover-0.0.0-dev-20221102124227.tgz","_integrity":"sha512-fP1OZyjK5naJ2W01nV76bHGT5CcQcFTZrL+VumpDYU5Zc1s7bCwFzmoFOcc4UighLVFWw5EJImdQWP52FVQfpA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221102124227","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221102124227","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221102124227","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221102124227"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221102124227_1667392975525_0.6316963201359647","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221102143239":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221102143239","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221102143239","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"eb4ca8e78ac63a9fc587a3d6ad0081d3efdb4f23","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221102143239.tgz","fileCount":6,"integrity":"sha512-8RGBQQOpjl47SKT9YtRRtUmdkNTZ4/uimATnsVsZj+WW6YXUaZOdP83FqcQQ92Fw36anJYCpHs164Ymr2kY12A==","signatures":[{"sig":"MEQCID7sNQSbWi9d+gYvd9CEy8Ss2DC4amw3Hf94E+WD8kX5AiAx+VXapp1sojjod/kuBlXWY0hh/1+2O1L5q0kpd9wLzA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYn+uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmootA/8C4Zfo1PZu9Ddi22yALonMCxfyxMRUCdb1p+bAuk4/ACa5056\r\njhGFZ6BaNg52vmyRP4PE91GxZA9m4iTVYNljQf0O7ixP8t/eraHZeaKRzHP7\r\n0gHdc67BlakGDHhSnSeRu65znPAWQxNzmkviwuUz/Mtmbz64YCSAMS9jdWbu\r\nePeYWBVd7hNDboaLsolT76E5/CFHsbpMCIIX1LQPUbGTEf3/q3WUomkLkXfb\r\nYaLbcrVDLWbFvgW3Rn5NiVA/CAz29SEiEyfTXREHuMTMsfpqGr8+CzAL4XZe\r\nfMYl8WnDUid8Dcgz+fAS9AiEkvblPTzA5VC7q+64yG+aCQRR3EcoYn51cTuK\r\nYQgV6fgL6uPgYG2SbNFJAOXfb1JR2Kg9zUpOY4BG2wAdVYhLtXzN97Ns/eho\r\n1IApLwZ6gnnSsL3YF4Jy4WxX3Emd/kKogxVKPJBvstUTtkV7/dGegX8aS4EL\r\naBonCzXT1WGwQkopP7jHmdSHo8+u00YtyFrOwbgb6/+4PADrWFpdQgqkwqIs\r\n3rPkxviVs8R5bFXgsBNhryiEI17vWw6cjd1mWbtyG1pbuy+FTXS8BjQBcvbU\r\ncWoSs2aud5ikd+kCWzotOIghmD3hj7bJgYit+ELAwl8qEmCevEiEDJth0NHj\r\nY9lfs2F2momx2XWEyygjXULIXUhHKLMmuiI=\r\n=qPLC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221102143239.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e0bb6cee68cefcab9ccea7a3c099a93f/chakra-ui-popover-0.0.0-dev-20221102143239.tgz","_integrity":"sha512-8RGBQQOpjl47SKT9YtRRtUmdkNTZ4/uimATnsVsZj+WW6YXUaZOdP83FqcQQ92Fw36anJYCpHs164Ymr2kY12A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221102143239","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221102143239","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221102143239","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221102143239"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221102143239_1667399598096_0.6507726921743808","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221102152926":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221102152926","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221102152926","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"54124f55ccee81167bb5ad84d00359acfedeb640","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221102152926.tgz","fileCount":6,"integrity":"sha512-gAGjBZXD3WjxAqSQim9b9JRC18a90xhj3Fviob2ZrLOxOL5NP0iOK47sc0d8v6DggpZoT/jDmYK8Ir58Ka/iww==","signatures":[{"sig":"MEUCIQCczbUAFrM63s3jX4AMbaX7X5XjNk8MY1S9ni0stzX3ZQIgJYYkQU+FNxUvZo6P0SVjtZALsy6/TByH2ywcNHN5ki4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYoz9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2dg/9H6DMJOZU/MpWvvizV/91rQNwnO7e4+WKunMzF80AY3ssSl9T\r\nhxMGKQ5Kk3Ws0iQur0sw9gZraeoYSyKDvTYSaUEhKe6+0TrvOhejgkjxaSCo\r\n/aIvC6sUx1p9xUK5mL0C4WVbB4zoHNGg21DgEsjO4F2ulBawVnVWXALtzAZk\r\n+Us+hYhSs7kD5FlhYfZiWUIPv7fgT3brAvf0FQN5oJEuokhnK0F82fgDRxt+\r\nN6F8SLatcV3NmerloHS/BlDK15PMo0eWkgyB9iZOLkhumjJCPR5k9mr6igLf\r\n8nLkDFYiXdpP8w48a3WaWn1rCgfMrcam4p4iQyk6eSFtbTIFC0UadAKORC26\r\nExxswV7jV+fLm0m6Rq34lHzUIIyawrgdwei3TLg1EPZE5sLTX6+Pw/fcbztH\r\nFo3RsQAMR75SHuuYDxKljPOwHktQUgTKcOr6SzudA/N6ZbcR6nHU/yLahVi7\r\nN+DIMJ0ZiQ2MATXwDPbRMxV5nS/8S7x0Z3973xqJNi/UTATutqGjnVVGbt/X\r\n8XVrMYq1q2kHhYZL9Pd2hw+Tw23KILEzCAvCdrUIKa8Edd4HMTFLum03q6lE\r\nTdhWrBp7h2T0gASNtchVx43CnQLaLUFFHVf9B6v+lhcKundF2QmeoMsMXLO0\r\ncK1cOkk7N6taWYJ5QFnof8m3qi5WSBonZMw=\r\n=6BfE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221102152926.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/846f1ff3393f5694416e716156f82268/chakra-ui-popover-0.0.0-dev-20221102152926.tgz","_integrity":"sha512-gAGjBZXD3WjxAqSQim9b9JRC18a90xhj3Fviob2ZrLOxOL5NP0iOK47sc0d8v6DggpZoT/jDmYK8Ir58Ka/iww==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221102152926","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221102152926","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"0.0.0-dev-20221102152926","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221102152926"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221102152926_1667403004999_0.5973199747456199","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"@chakra-ui/popover","version":"2.1.2","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"06c0733b0a715ed559f418aba2e7e6d70de6b8ae","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.2.tgz","fileCount":6,"integrity":"sha512-ANnKH5oA5HEeouRSch370iw6wQ8r5rBhz9NflVyXjmTlJ7/rjkOyQ8pEFzvJbvzp4iFj4htejHK2qDK0b/qKLA==","signatures":[{"sig":"MEQCIEHlN/xE7lW9EPo8J1gcckRwo5lScml2Ehd18I3Ph3IxAiAhjR0kxjE5p1+xAYhqHEKkDMshxeyackAYtgX1Ydb3TQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50028,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYpxZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNiw/9Fa5prSAfVx/W9UrFmNiKJC57pvJZ9tzBqbSvSm7IEDX2dchx\r\n5fsNjUBi+k35XUqvpkMd2oxspkFWZO+RnOodvuDH5J9QOFyVu1RXoL8aZPDs\r\n9Sz5fdGuZvANSf1mVvoJUZIy5mh4Kk9ZVysta/+iQaPa2SuwrIDjLkYgsImy\r\na6xYf0mq93FqK6AQZikRRwEC/OJh0OoXd9+QxqWFFx01bkkt2Ylj8OkUvvRu\r\nsnwl1L9hStT+wcsjS8gYJw4dS/DnNVmyFfS5leww2I1Wioz4kcag7PAGnxyt\r\nTtpE9SJXKCz+n3yzDNIxNbyasxwPKRsNn38BfO2EebVHCsbsLvbn1RLeNcG8\r\nl2WDwplUYhG9+rkMZFX3wklgdTzFn2++4QPwZ2G+RnnugquWFivIzwiAx3Eh\r\ni58lYEYF1B0sNwYt5lnqWItdBHLZ5msb2fa5JwH8RUUshYSVdTdO2s7378dC\r\nR3qV9gjuF8YA6rYo3jR6mFD1IZJ5hPzWgaCNButh8oAllqVfmiZPwOWG8KPm\r\n5DDWlT651gdG8DGXIPvr/o9AijAwvnqKRANg2ebBeNuxNQniwsiqD7d+tXP2\r\nHATJ0fk8Q6eaW7w0oZzKzzB27EKY8LfavIgZCQ1M2j+oA4BwWZWQmEy5pUHt\r\nJZ74f+U/Xh7eGUliti46t0nVwacERFLN7TU=\r\n=WI8O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.1.2.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0f5000e0abd983f5bc0c34d88a528563/chakra-ui-popover-2.1.2.tgz","_integrity":"sha512-ANnKH5oA5HEeouRSch370iw6wQ8r5rBhz9NflVyXjmTlJ7/rjkOyQ8pEFzvJbvzp4iFj4htejHK2qDK0b/qKLA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.15.0","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/popper":"3.0.8","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-types":"2.0.3","@chakra-ui/close-button":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-disclosure":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-focus-effect":"2.0.6","@chakra-ui/react-use-animation-state":"2.0.5","@chakra-ui/react-use-focus-on-pointer-down":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.1","@chakra-ui/input":"2.0.12","@chakra-ui/radio":"2.0.12","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"2.3.1","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.2_1667406937237_0.0961326283652153","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221107161407","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221107161407","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a20c436064611a87b7ef30cacbc0dff7292911cf","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-NK9iKMsdpXhxfE5A431lbpIxqOHrdq5YS5Oq1vR+DL0VWtlfz5tmGv5vS5F2XspV9Uh604ZOUfx2Uci3yRLMDg==","signatures":[{"sig":"MEUCIG38OHtCRidZhw8GzGAWHnmvSAg52fMHgILfhaO6/VX1AiEAjVJA3c28DUPMM5p2PU/Pg50yNdUKfVuRAhw8zoIWLAI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS8ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmZxAAoMoVVy8g5FZ1d79y4ikloA+VhbbaEvvNeTgigCmv0tSqptQU\r\nsS2od0i3soUoxj+A9X7KtYqvv04WN6kU5Q+/6CMtbdK461lCPh+NNgTdoYNp\r\nWYspJ2F2XI6PrebAX6PP5lbP/mbPrTUV66vHglYbIn3lJemHCUHE+OP1TuEz\r\n7BgoPFeX6a4w7OXuAGMldDbyzJPPogHktAWd2fHp2YPr0msvVKDgLMcjQRDo\r\nxEcxQZ6qezZV5F84Q+GF82WdFGAMo5cuSLLzCYao8rWXFSuRDIvCVYTfLZXH\r\n6bucyZy8K3t6e/UNTaW+FN4fx9C7jK9QJbMss354mU/I+d98hqW+dQb0eM45\r\n4JFjimsFbE02YGWWPdrpj95XQSGhSouoy1qdqpssGo5AjEXDyx5VmKgTCyXT\r\nWKiigDJRCvgPs30YBosSYTrFxxkBW6c4RupkGAQY8rLtqfx12J1evD6dat/o\r\nFVqfNyQ1YOvzvAPyfG0PuGZz2Zkfr81NI3FpDO2KHkkwxUFMnIRXvCUuCOZQ\r\nX1FFof+EMHeNzhzu7N4StmUKUPeT48eWEG7hiV7F4U1e7N0/02xIs+bLfCNl\r\nwZyZ0ZPivjgldU4trX5Y2RP/O06k4lkwygLBBMcQatK3ystmA8P9qBC1bhbo\r\nuwv3xe29+ZXh3JvCcH6MiF2C330p1AmM/dk=\r\n=RNRz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4db61e2f4784f599e0f1a36def1e51d5/chakra-ui-popover-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-NK9iKMsdpXhxfE5A431lbpIxqOHrdq5YS5Oq1vR+DL0VWtlfz5tmGv5vS5F2XspV9Uh604ZOUfx2Uci3yRLMDg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221107161407","@chakra-ui/lazy-utils":"0.0.0-dev-20221107161407","@chakra-ui/react-types":"0.0.0-dev-20221107161407","@chakra-ui/close-button":"0.0.0-dev-20221107161407","@chakra-ui/react-context":"0.0.0-dev-20221107161407","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221107161407","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107161407","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221107161407","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221107161407","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221107161407","@chakra-ui/input":"0.0.0-dev-20221107161407","@chakra-ui/radio":"0.0.0-dev-20221107161407","@chakra-ui/button":"0.0.0-dev-20221107161407","@chakra-ui/layout":"0.0.0-dev-20221107161407","@chakra-ui/system":"0.0.0-dev-20221107161407","@chakra-ui/shared-utils":"0.0.0-dev-20221107161407"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221107161407"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221107161407_1667837721694_0.6504689131947115","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221107181117","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221107181117","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2c3d3c60f69df5e47f7d61361353c05efe4705db","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-e8L5zhYtfjmZoyYy3pfshIp4tr7kUsaEb/v1O2MyZE2/OEFGRo4i4nAfF7MqJFmqlX8GsZn/FhM5THE3YX7jCA==","signatures":[{"sig":"MEUCIQCFAHpqMFbQ6xp95B4SKY4BUP1Z9aHM3pKJuJgu66hkHQIgKeehAJx4RIknMIXudc3Bb/ie2hcPzX0L+/aSat3drpo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUqFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq42BAAnHGZr9eN5+1yUtFUh3zA8SsbaYZLO1On1gU3hkC8I7LNvyLK\r\nw0fc9eBsXIH4aDdW9LugmgXyl8ykBBjtqNaK7xcKiBNWFR7eJPbTBxAdQnTR\r\n5hH8JO42VeWJlo9pwBE/Z3mbpAGXcB3rOedScIvENkgg95ABDDbZhyKLFX9m\r\nCe/jLWjODkJNYXH2B7I/x3my9SWR+TQTyxcjpnPq/UHUXvuX1D5zZxqCY6gG\r\nk+SAC0V7kAdwOnoylmtkF7y6NVIopjmQ5ZD+DbeyKZ9gGNbOJ4oZnS0Fe6aS\r\nBYEFNxQLe68BCqpBe3c6VnMi1juSltp6mB7LVpayTkVj/hzSWtR3+Ugk0Kj6\r\nCI3MDFdJVRq+UNLrtvDqR8sL6Saxhm+aRfpc1p0DnLQeIWHxGFn0xBaDU7Fm\r\niU8GLF375Uz464GXP0cL/bkRL7EZr4lcdDFsGZ8sXnHL/B+wlr4cpcOdzVKr\r\nFF2XOysM2BpK0kBRZzh274qdHViDjw95qOI2o0MTxLdoY5XusX2yvb7e1O9D\r\nj8dm7ISfIsTN6+z3FWWt3ai2nU6xo9TJVz/bDRI2zS/o157GdXqY4rQnoXUK\r\nn6zBGTBb79DF4Ln6XB0UNoBk/oEZ8Y2vIEkLqXXN4105qCKuHmTJ7+z0eZSm\r\n1tgU6fYk1gPDknUFfh8FNMqBo7FRDUO/MLQ=\r\n=48ja\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/344819ae19b3054a538137bddcb7163d/chakra-ui-popover-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-e8L5zhYtfjmZoyYy3pfshIp4tr7kUsaEb/v1O2MyZE2/OEFGRo4i4nAfF7MqJFmqlX8GsZn/FhM5THE3YX7jCA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221107181117","@chakra-ui/lazy-utils":"0.0.0-dev-20221107181117","@chakra-ui/react-types":"0.0.0-dev-20221107181117","@chakra-ui/close-button":"0.0.0-dev-20221107181117","@chakra-ui/react-context":"0.0.0-dev-20221107181117","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221107181117","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107181117","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221107181117","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221107181117","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221107181117","@chakra-ui/input":"0.0.0-dev-20221107181117","@chakra-ui/radio":"0.0.0-dev-20221107181117","@chakra-ui/button":"0.0.0-dev-20221107181117","@chakra-ui/layout":"0.0.0-dev-20221107181117","@chakra-ui/system":"0.0.0-dev-20221107181117","@chakra-ui/shared-utils":"0.0.0-dev-20221107181117"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221107181117"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221107181117_1667844741646_0.24357039178110673","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221107182607","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221107182607","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b6d2ee1e5795f59efc18b0cc02aaacf4fdbba0a1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-sVzmEFNQs50RtjlIXIBiOeRqpFAZudjhrN5cfYDkvPLnvLuCgCkcZzCLjYt+BB60Xf1E0xs4+Qxg38BEQ3Iq8w==","signatures":[{"sig":"MEUCIQCzRwAq0UWs4MmhM5L+TkWOP48O5jIpRcOuq5rf97lecAIgb9/fD1PXxwSeNvPgNu6NVTMbedD81QJ6wzi56Oitd2g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU39ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQ/g//f524O7oWy5K7cAMIObdCTDSWsWfW8VikUoOVe78mRDz73Vah\r\nURtVhKwH77Ua9Y9vCCG+k6XbSq8Z5n5IJLPMXS1u3BnJo27RwHsRubKJw+mI\r\njK7Tds1oteErmSXdk/5qTmtYmwrIxCGAHKudjXYlNa5clZTQ/hFP9Lb6gR0x\r\n0wQnwVl64JCsP4R1tz7axhN/DgP6xXbqHD4pBt22v2vWGnnkey4HtQWnSobu\r\nQ/U2mbg9c5FXyoughpnzJH3ZjG7ZYlH+fxG5nkjyiGUehASfy4EdvG94keHG\r\nQoOXMzNRDWddr1hRvcRG+lNASf49JQE39S1fEzOu+Owqm4XvWD/IswwfKHwz\r\nYqtQ5YouUVjGP7gwH3rPI0e8uQ1io3lpn9ndC+nNtqtF1+eDGiIRsucZM5AK\r\ne9ZOg+vPtdnFWcIovwIZq3nUvoEFcL+DAbVR4RJlCrVpwzgZmv8/94nd/b20\r\nCkRibzJibC4/znyiPfht2UULeSGPHL1iztEuRk3YjDw1w8lA086THt+DkAaQ\r\n+cJ+swJV8Bn81mkRL72pOSoFi5S/DONjkBGEl0eU7sz3aEKcuMxTkjfSeVLY\r\nadXNy9StjRVl+XzV+CWqYMgGtZMLimlHjDRmJMrocQY+hhyHCFq/t3Zq0KE/\r\nI1rm9IzBRDRLeBOeAazCnb0Ju/l0fyUZcAo=\r\n=3dTC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b1ff922d55f12a32c0fecd6545829923/chakra-ui-popover-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-sVzmEFNQs50RtjlIXIBiOeRqpFAZudjhrN5cfYDkvPLnvLuCgCkcZzCLjYt+BB60Xf1E0xs4+Qxg38BEQ3Iq8w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221107182607","@chakra-ui/lazy-utils":"0.0.0-dev-20221107182607","@chakra-ui/react-types":"0.0.0-dev-20221107182607","@chakra-ui/close-button":"0.0.0-dev-20221107182607","@chakra-ui/react-context":"0.0.0-dev-20221107182607","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221107182607","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107182607","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221107182607","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221107182607","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221107182607","@chakra-ui/input":"0.0.0-dev-20221107182607","@chakra-ui/radio":"0.0.0-dev-20221107182607","@chakra-ui/button":"0.0.0-dev-20221107182607","@chakra-ui/layout":"0.0.0-dev-20221107182607","@chakra-ui/system":"0.0.0-dev-20221107182607","@chakra-ui/shared-utils":"0.0.0-dev-20221107182607"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221107182607"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221107182607_1667845629468_0.8558019303868265","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108071844","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108071844","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"12722bacf73a0ff0f03142651a1a7fcf0f7bbd4a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-V+De3O7ZBHUGGaEEn1gUFNcPFYotTA8EWdj9mPxnlYt4pzS7JuVZHEkahfK1S6t6j8CpPaQjWVkr7INP+EENdg==","signatures":[{"sig":"MEYCIQC2MZKT/elOO6lqiqctfVMCCthps8HPwvr7R64ABSdSxwIhAM6oCtSzriBnEWlop1HAqyM8qbvsS4Wm4gUHWvnUlX+O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomZw/+JqpqZJ7G3eWKe1N6Rost71AkYBJR395DUyji2DKMT9ZmauoP\r\nyHjS2FgOOLNxFvWRJpN3ZM97JVkpaJOnDtx4mN7jF5FIs4JRfqNgzrUp49Bg\r\nm0H7KttmTiaXdE5AsInqDwckbeWuE+wgR3o/PdhJQg7bmbFmJiFKm3WjBM5C\r\n7NcIwOF8CpEkRurxf8T+uwDNSmEUFtPgy18TIPD5MRgZg/3Ni+VOF9jA/ufz\r\nQ052qWBRVzZASW7zxUEwcApFRhq4hh3bUkMKBHguNvX2PHZabHKZOOFCZTtI\r\nspCmSSAwP9B0RTXIL38PvwYCvED5+KGQzL3q5EQ8EDIBxQeRgMzK80dh0isU\r\nCW2dw+7KHK5MozNkvI24y0yikG0meF8iswu4YIb2faUasZ72E4nCsQyCx+4g\r\n37a+SI5iWJjw6rICahfzX802GFCtFhRQ4WfCiQQPENUMGicnJbFLGHeXnTuQ\r\nRwjFF8dXtcUkKtEnp1xd5ef3oSSJlA1/bIjdv/HWwlRaafg0h4FOBFS5dqwB\r\nFG8LyafHLtg4lHbKs/eb6j2H4Wq5ByLstBo8QbkziWVLb4ApA3Q7ck2Gck2Q\r\nAhwIVtj/a6M9LhbwHV8pa3bz1/jNOTx888Zp4C/TPXRDLVLKhtg7K+FB36BZ\r\nc2UOw3kNIEkyH7FZF61oqPKkCK1RE0YIHTI=\r\n=geUq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3af720318750100d575d117d8a020848/chakra-ui-popover-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-V+De3O7ZBHUGGaEEn1gUFNcPFYotTA8EWdj9mPxnlYt4pzS7JuVZHEkahfK1S6t6j8CpPaQjWVkr7INP+EENdg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108071844","@chakra-ui/lazy-utils":"0.0.0-dev-20221108071844","@chakra-ui/react-types":"0.0.0-dev-20221108071844","@chakra-ui/close-button":"0.0.0-dev-20221108071844","@chakra-ui/react-context":"0.0.0-dev-20221108071844","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108071844","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108071844","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108071844","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108071844","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108071844","@chakra-ui/input":"0.0.0-dev-20221108071844","@chakra-ui/radio":"0.0.0-dev-20221108071844","@chakra-ui/button":"0.0.0-dev-20221108071844","@chakra-ui/layout":"0.0.0-dev-20221108071844","@chakra-ui/system":"0.0.0-dev-20221108071844","@chakra-ui/shared-utils":"0.0.0-dev-20221108071844"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108071844"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108071844_1667891990567_0.7689943446953678","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108073543","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108073543","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d261f7008a3deae5f183204bff4a17b75c323dfb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-CRgYT4pa8biJ9HuDvx0w/HD7W9xss+b8Ruzxf/FjjfAN0BtnUqYUAaFWd+YG6Di80Z2DIC91vtR3+Hk2g5CMQw==","signatures":[{"sig":"MEUCIQCdyvNjefgmkl8jGUQdOkaD+3pSLCN4xn7GsYlWuXPYFgIgXjLNPgLZebXtovFLS/DLO5b+AK7RNxeTJxuWvCL5bTI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1PQ/+M1U/z4boMrktXbSkxLRCHemICEl/eDj5LItbdEV/EfZEXsgg\r\nfPc0489lrfzjcfsTaJYgX1Pv96DxubPTPdmvXTxMNTlrGtUnA6v3Mtlgnr3h\r\n7TFqW+dyHVYsdTuyRT0CUmWe5wOqKUgCpBQeDVDv94Skc9b0/YRbhk/rFukP\r\ny+xX/K3vxfD1fq41rmVUn1two6UJIZErQtnscfZYGxAwJ2sHyFnB4NZxiMcK\r\nbFgu+ukqTkkNUXSSuFlfQ7X0akj0/BCneM0/HZ2RGGXHRqLf43utuey7lAZ2\r\nZ19zLxIB1/Glw1euoJxChA+lhIewWuYRE5EPZvn0gvVx67611n4BoLoau2lb\r\nVdFY4OQrZOXjieSMdrqyirhfNfDgWrfv/xg5y9qV9CChADhorplb3UnviKcJ\r\nBfSsO+kmhTBa+LFirBQaUR7wt740xyfmi+1T0FM81DXJRAGF5vKZ48Al9Z23\r\nTkXrfJK30pgdjqIOXjo2TUYWNRlpMRBarzn1Lapkdejm9V8nNqpgugM7m2HO\r\ndUrraKnft2Fx9MJcLQ+/WCmGKyJ2pk8x6O63o2YCR6CJihEQ2gymC5Y6z+HG\r\nBBn0bBMBJdOgLSpXuWqc7ug9bMIyyskS4rbs09eclIDGIkY1542ZiwAVkQsB\r\nH2lsy7bYWwRE3vxDhHm0QIlTmEGsZgHwbsM=\r\n=7FAm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c4b1dc8accc5b5be4d24daa57e5a08bb/chakra-ui-popover-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-CRgYT4pa8biJ9HuDvx0w/HD7W9xss+b8Ruzxf/FjjfAN0BtnUqYUAaFWd+YG6Di80Z2DIC91vtR3+Hk2g5CMQw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108073543","@chakra-ui/lazy-utils":"0.0.0-dev-20221108073543","@chakra-ui/react-types":"0.0.0-dev-20221108073543","@chakra-ui/close-button":"0.0.0-dev-20221108073543","@chakra-ui/react-context":"0.0.0-dev-20221108073543","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108073543","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108073543","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108073543","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108073543","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108073543","@chakra-ui/input":"0.0.0-dev-20221108073543","@chakra-ui/radio":"0.0.0-dev-20221108073543","@chakra-ui/button":"0.0.0-dev-20221108073543","@chakra-ui/layout":"0.0.0-dev-20221108073543","@chakra-ui/system":"0.0.0-dev-20221108073543","@chakra-ui/shared-utils":"0.0.0-dev-20221108073543"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108073543"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108073543_1667893018160_0.17338792085051913","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108075029","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108075029","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8e182e0563eb99795208b046f8f9fee97842aefe","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-xvagrBJxEP/qazwm0lR/rD30hm0RqqtzyGHtEsReL5Zy5dii71yqia91MDP4kD6c/QgMIHRfsxxsrxp5NPrTXQ==","signatures":[{"sig":"MEUCIQD4kHZLfCgDgOH0sbs8pxmDtH9S3Fvknr6ku2wK9Loi4gIgSXS6iZJF7He8OwFs6HrzkHn5dgwEQ3hyfxaYaZgTZlw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagqXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3Sw//fdfBC1fiYV92kPRqzt9hJfafcAdjo32H07efU6d3SjybVzxE\r\nHK4QJYD6k6EoZ9LV6+D486yMxzIPjHusoZqFETWlBIS8Dp8wyAjGjFpIdMzD\r\nf5Jp7j0Zt5VnQRSrMOoVCBQPRakSIiYci4WS4H3c1bK/DOlQq7KKS/f8GnZq\r\n54Fh6uT7iEkE1EYS0F02BBMRMQMqvBxGa9l7Lc3Is6DwWjoDfFtBmAB/4kPu\r\nBw7S+KHFI2jIr+hI3pCzx1wMEz2YvP4A8I4WtN/gqKVS6r2ShLKEhnoOMr04\r\nAutXj8wPoZhndxyEFSCyb2IlBvrcuSB0JgS6nMij7x/25bzgxIho1t7WJECw\r\nu6oEFCsfmBwVF/NPnv129ZygS6jqQEwU5KnX2q3b9mzy5yEx71ywqVnYIna1\r\nA6hf3lUAX0zSK6CB+SP3QnaO8EcTEaBoHtBWe+4T5XRr90DgF+Qr/sxI9BPZ\r\niGSDMz0fmvhIWl30AYVvi1aVulOfv3SmW9TNP/jQ2LGiZv1BfXf1bB0VRzgJ\r\nOhIEsWc5PZ7XunBLAevy4Ax8CtlCUnzDKhI9xgf1swysoaFuzoWbJ4rq0Ggj\r\n3FdmG9SRmOYpmLTOCmiZ3x0Ue810OBvPoIqReD2w4m9uzzucPz0Yv0epx7Vp\r\nxIX5n5oiWw0yVltOfA6vniZ0e/eTSmARDvo=\r\n=i8JB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5e70850398e69300105d5ac9cd5acdd1/chakra-ui-popover-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-xvagrBJxEP/qazwm0lR/rD30hm0RqqtzyGHtEsReL5Zy5dii71yqia91MDP4kD6c/QgMIHRfsxxsrxp5NPrTXQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108075029","@chakra-ui/lazy-utils":"0.0.0-dev-20221108075029","@chakra-ui/react-types":"0.0.0-dev-20221108075029","@chakra-ui/close-button":"0.0.0-dev-20221108075029","@chakra-ui/react-context":"0.0.0-dev-20221108075029","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108075029","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108075029","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108075029","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108075029","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108075029","@chakra-ui/input":"0.0.0-dev-20221108075029","@chakra-ui/radio":"0.0.0-dev-20221108075029","@chakra-ui/button":"0.0.0-dev-20221108075029","@chakra-ui/layout":"0.0.0-dev-20221108075029","@chakra-ui/system":"0.0.0-dev-20221108075029","@chakra-ui/shared-utils":"0.0.0-dev-20221108075029"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108075029"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108075029_1667893911153_0.5106616208485835","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108083411","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108083411","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e85ec89943397f1969a59661422c03194edaac62","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-N5IaPqBPcty+sYC1ddwyZ+t7Xx7WaWHGIoRsu10C8Z96K0KPsyuovISCT57mA+C2Ofzekry+lLwsNIPxIpjY4g==","signatures":[{"sig":"MEQCIAgEn/sp/98b2ZbCDrCwj9J2awCpHQKT2M6PYfWYfGX6AiBTr/OVtRxGMU9R+sb3UmumtEaNRicNXluLOffl3ii61g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahS7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1NhAAi2ajz4eEjYWSDajDgMwoRfjwf66F33Zt7uGdcvYEACEjgwEl\r\n4vY5fA5fdiwjqXnB6z4jHta2lMFMl2oCaBvRe+FTJImlQ74xix9tm19X39QA\r\n5ubOTV9YEO56Ih6aJ2p0w4kDnoxoJY3vEbf5AjOC2c5FwWZ06or2a/9op3PT\r\nxNmUFJAObv81oweHdYZzZkSh/+DiFYCbOUss9wzhFjVd5R34IDXHv7T6JeoU\r\nb5hEi7ouz04lITzJAcHdO+sVZNberxmvWAu2VcVXft0dYMFdlNY55yQcGDdR\r\ng2sgsK9ChxaHVRt4MhmFGC0rlQT5IkWkUZH1yeGgpj/EmmGD9TZLiB/yN60Q\r\nR2IW2locy0whXkTPl6enQXdGEMiS00mGEqQRqe146+LVjGXc81sHb551x7aA\r\nJm+RxIESEHvoDOIymsJDgl80ZMhHYh5bCQA5/mvGN6VL6JBZFVzRUE5iedc8\r\npe8yJwD9v+ssZvdmlxTVW4voBe3dbcct1DzCyi6DM/PsrQ6TGeW4FQmc2H3O\r\nz2eDVo8DkPXcVffcJ43QSrYKzRQXCCysR95b9jP05DOvulV6hqlQbAEPKrxJ\r\nFPy96eQ+lsteBeuCmhLXXgHxpPzRManIVJq29rbdWrBb/q55S2V66tboSgwc\r\nekG1Kbyk4ULaCRBew3VGaLTHljQfEI7kbiM=\r\n=KMKm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/29535350e5e919c09431d66b8b7b361c/chakra-ui-popover-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-N5IaPqBPcty+sYC1ddwyZ+t7Xx7WaWHGIoRsu10C8Z96K0KPsyuovISCT57mA+C2Ofzekry+lLwsNIPxIpjY4g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108083411","@chakra-ui/lazy-utils":"0.0.0-dev-20221108083411","@chakra-ui/react-types":"0.0.0-dev-20221108083411","@chakra-ui/close-button":"0.0.0-dev-20221108083411","@chakra-ui/react-context":"0.0.0-dev-20221108083411","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108083411","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108083411","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108083411","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108083411","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108083411","@chakra-ui/input":"0.0.0-dev-20221108083411","@chakra-ui/radio":"0.0.0-dev-20221108083411","@chakra-ui/button":"0.0.0-dev-20221108083411","@chakra-ui/layout":"0.0.0-dev-20221108083411","@chakra-ui/system":"0.0.0-dev-20221108083411","@chakra-ui/shared-utils":"0.0.0-dev-20221108083411"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108083411"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108083411_1667896506787_0.09916550757245668","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108090938","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108090938","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5c215cc015bc316d7759580e080584d89c3ff945","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-IaLXwl6BQTfDw387MkyyRe/G0/n9ZI1hgpJWsJMqGfKEMmke/U3kIE4yjXKyvHJ9JrAUD8IgdukYKIDx6LO2UA==","signatures":[{"sig":"MEYCIQCUKTUrvDeoEgD5EP3R4+fQzEC+eArVrKeGkbfba+MFKgIhANyl3mVsDtxjh+kWVFNL+wskKf8ABcjN7pe07NYmgCQ1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqw/xAAgHNx/0BI/raRqV56SfLl+3vlHIryjkJCyQJVN3Pi1ZeyAFRJ\r\neE+bdu8L+wGTH1eUJcUKhhxN7aq3a4dSJW70Iaff7eSqVGjbX2yfVS2FNSSB\r\nTEkIqU4gSB26CWres9Ne7Lw+fwHKB6os/3ZUkxqoSQ4gUCILEQ5cWLRQGDV1\r\nVpAYdx2t11iRpP/uzqRJhquYaLyVCm3R4Q098UFceqGZKJQRX2VgynKIpyHT\r\n+c0keuL6j2IQVvbNwi/JFIc0U8hEP1PaA5hGsPm/O7iQJNQsOk+l5nqnx8X7\r\nDqMuUtkr93fZaUlqyQqPwByFjSYGyQfByUuJIpUzVxa7JhqgmkhFTkp8GPUW\r\nPae1oGUksBuwmal3yNsGxeoTA6U472j1ReFnRTIbcOPdTgeUU0qJWt2qm/ns\r\nd7Tbg3RB6jK1wvBOXTGO8FWcoDtkxVWT207EyzxmzM3pNcPqop3pEZop3i2a\r\nmU7Q/jiE/aJfwK0QAbTJSm0PkswFTV3PWYY2pN3wnUGSzUOxYTlBD1d2r5/l\r\nLNqM8RvAZW5ary0y4MAIkTaEWpxOB8ZMJslO/T+L1NwkBagL55kEtJB3mOeE\r\nK9bb0nETMP1DMFSaGWPnb6fplHm2/BGBBBsd/xUkhH9p9Qf4+7y78B2T4ZaY\r\nsHlJmcGRKXCZqje83Ybl78uRnvdPHgcR+o8=\r\n=Ogo2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8b3f57c7e803846679bc154d0b8dd6f9/chakra-ui-popover-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-IaLXwl6BQTfDw387MkyyRe/G0/n9ZI1hgpJWsJMqGfKEMmke/U3kIE4yjXKyvHJ9JrAUD8IgdukYKIDx6LO2UA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108090938","@chakra-ui/lazy-utils":"0.0.0-dev-20221108090938","@chakra-ui/react-types":"0.0.0-dev-20221108090938","@chakra-ui/close-button":"0.0.0-dev-20221108090938","@chakra-ui/react-context":"0.0.0-dev-20221108090938","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108090938","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108090938","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108090938","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108090938","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108090938","@chakra-ui/input":"0.0.0-dev-20221108090938","@chakra-ui/radio":"0.0.0-dev-20221108090938","@chakra-ui/button":"0.0.0-dev-20221108090938","@chakra-ui/layout":"0.0.0-dev-20221108090938","@chakra-ui/system":"0.0.0-dev-20221108090938","@chakra-ui/shared-utils":"0.0.0-dev-20221108090938"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108090938"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108090938_1667898652021_0.15090446333324747","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108093520","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108093520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6dc9a4d1c6113e53609b75d9662f0fa27e8a2e27","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-NvTTGUQPb/5xsdQbP7vDWpKi2L0tIWXHV3fgBCC+9S+pb1FDAKo2NDG8ckFL7PBD+U45Mwf6wFTYskB0bMnxuA==","signatures":[{"sig":"MEUCIGLiZI0MstB44329ZqqMeii3WNzia5dadk6+zpkBMprNAiEA38jjQq+lcW/mnLr8NXbBQiVpF+sGJ9P0trRsiuzak8M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiMuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOShAAm3jvXo9MnBVJF9D5q3x63nFIK4C8sWqilSJca8jWzZgeeFbt\r\nOKiahsDewu6PIe86agbK0sMN0qBevQt/Jxj1Mdlj4TmzqjpKETUH72yFjR8K\r\nmmwX1z2rj/xS7fC+hDm7ZyzS4iMS9f53/4Sa1L6s3IaycDjkSRzoaNn1hQCa\r\nsZFht9tw0zep+4c/ipsavyftN16u3b+kHxjtR5B6VLDwH8l/eY+bgJcmo/K8\r\n8RgK6F9vTvq63qd7pMtVidVjFGcDyVMe0npGfwWooyGY4FXfcXndMJKhRlQz\r\nGmwaiuAwVt1dW4CrrGTzZGvH1RtyBxs3vTFWOJdN33sJDoSn8DLJAQpFlY4P\r\nCVhkBoVQwwzL1/NlPV7wrWI9vkbC504Ofwfx4txkUWGwXBP278XecZvOXbCR\r\nldPD+7DTDv/mvWjORp14h8T8AO2LQOG2FnYOjVO5vI9PHVmcKx856Y5zScDh\r\nmrPvDKW7c5lZT9cwtmu97GUrNOYhy+UIliN/HyFWFJoCaBkze5+TtGv6rlLw\r\nTrjxDY/bysabRveC+ojQHkLR++6LJ6mru6eIn6PLj0HtqN+4bvn2WmbJYB2W\r\n+Dcd8uPJfm1eshGTS/4/oVFHR2QHRKG78efoKvdw+g7wGs0pAmO53/hiyQ63\r\ne3Mqjb4d5+7TqrgxDmPpz6jkCEzJYdF0BpU=\r\n=/RGV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/75575f8fac94c885408de38ef8286433/chakra-ui-popover-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-NvTTGUQPb/5xsdQbP7vDWpKi2L0tIWXHV3fgBCC+9S+pb1FDAKo2NDG8ckFL7PBD+U45Mwf6wFTYskB0bMnxuA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108093520","@chakra-ui/lazy-utils":"0.0.0-dev-20221108093520","@chakra-ui/react-types":"0.0.0-dev-20221108093520","@chakra-ui/close-button":"0.0.0-dev-20221108093520","@chakra-ui/react-context":"0.0.0-dev-20221108093520","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108093520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108093520","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108093520","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108093520","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108093520","@chakra-ui/input":"0.0.0-dev-20221108093520","@chakra-ui/radio":"0.0.0-dev-20221108093520","@chakra-ui/button":"0.0.0-dev-20221108093520","@chakra-ui/layout":"0.0.0-dev-20221108093520","@chakra-ui/system":"0.0.0-dev-20221108093520","@chakra-ui/shared-utils":"0.0.0-dev-20221108093520"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108093520"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108093520_1667900205970_0.15379632486398398","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108100218","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108100218","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ead9e5f7db8f1f5db7e24c601f8389778b5941fa","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-05YYls+5+Oq1xTC2S+kanf4x5wA6rC18ESHouhjAH0L3KjgJ4NiJOTkdLx0nBwb9cLZshWUsxUkexqyszzUseA==","signatures":[{"sig":"MEYCIQDVwTuAr9TNcLNa6cFYMiXVdYavktExhNzhlbwcZet2BAIhALSt9YkBZth93jYpeigJ77aFJiGCHE0PTQtkhMmOoOqS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaimAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYpw//XghobxLh/jO/s4YqW91m1FSzhf1iQo7AsxD9YpeYflN+rdzE\r\nppUVrUjxnI9MKr8MBD9W4wOn8LPXqE8Evq2ft19cdFKq7JlE4/f280JEH28z\r\nb/bnpoelrfdOw33uAjE3Qe1f57SHkEr7BZSIzHJalobJpluc+hmnYzppSe+R\r\nw/2rhAW/AduupcSYTE6JSZZL3XfCEWimERTRDqmHuVbFNVW4DqkMKbEpiuKN\r\nDDsvXlwDS50uoFkY5pb1bMWHdORjfnShWZNh8GPMAOzWzHQwMlNBSTagB4la\r\naLcI3Ve1NCeuC0mEXSjkmXCOqBk9SwW3L7OKQ4z7eJ7vxaWmGaRC8ZtJsPjE\r\nEk0zV7qrEOJ3Z5lk9nK+Cec6p5OIVOSFKX9Jf7dVtH7myY1wmiOtR86Z4aU6\r\nYnrEMtHKT8SGsEZhD7NsWjSZIMRcCxK1/t5Ck35QMq6jlqjuceu8ymMJJmHh\r\nK3zfZILwQLj0YyG3jS7UvorL84rOzAl3UuOSMdfCAVKyvV0O5Y3cvE54XM10\r\nEKn39MlnOjA1l+YbnB/a60hYbhM4yBT9K6lRY8Q4gaENYqXNvf37W8bY5JFC\r\nquQOweL/migcpfAhMPjErxiseTe3b6vvl1hGJ8kBIM+ZzmbAFxQzsx53fBGu\r\nKOhDTYeinGaxKl1hj/zH5VbMvFJDzCQ/UIE=\r\n=9x9S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/66361e6a616af6b6e346c51c7dbf790f/chakra-ui-popover-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-05YYls+5+Oq1xTC2S+kanf4x5wA6rC18ESHouhjAH0L3KjgJ4NiJOTkdLx0nBwb9cLZshWUsxUkexqyszzUseA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108100218","@chakra-ui/lazy-utils":"0.0.0-dev-20221108100218","@chakra-ui/react-types":"0.0.0-dev-20221108100218","@chakra-ui/close-button":"0.0.0-dev-20221108100218","@chakra-ui/react-context":"0.0.0-dev-20221108100218","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108100218","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108100218","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108100218","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108100218","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108100218","@chakra-ui/input":"0.0.0-dev-20221108100218","@chakra-ui/radio":"0.0.0-dev-20221108100218","@chakra-ui/button":"0.0.0-dev-20221108100218","@chakra-ui/layout":"0.0.0-dev-20221108100218","@chakra-ui/system":"0.0.0-dev-20221108100218","@chakra-ui/shared-utils":"0.0.0-dev-20221108100218"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108100218"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108100218_1667901824229_0.2749473320519824","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221108124603","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221108124603","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d0f7f2089b439e44b7ddaef9e1f85e93ebd9ad4f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-7Kyw2/aBAwmKYiZCzrjm1ZY1IoLwQ4FQAhAtUyEaNJ5+9OWnB5N/F9MIi6Jf6tTlZCilX2WgaXZE94Edo2oe8A==","signatures":[{"sig":"MEQCIFGqu7mjkaLciwU+VTUC/zm8LeUGzr98DoNRn3OqTmYvAiAXVrTJdNIBLgWLfUPYcDrH4EI4fpsEY+JLKhseRfN6vQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak/KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNrQ/+MeYD8FBxiHT6llBgPALb4oLTz4T5oA06DfbWAqPqllw4XbBK\r\nMRBOdsSqJm5nUeyak2SNCp/3r+hIJZi0kGg68XGZwIZiBPqgjakK4ze1Svqi\r\nlK6wZ/kBfAXWxgjieivZ7s2t3H8MiXsqbDxDKxJGQDTVuvTdYZSNLCCEfOK/\r\nPkEoO71fBX9+vCsqM5s5CA2Av5/bj6M8TFuh8Tjl6BRa8ZGBludQfAOtlkML\r\nBkkLLuuP946ihuJOwmceUeKIt5vutj0QGuFKCysUHphOISZKYgZVfIqSfTIz\r\nufeQmMjKyvmjyKNmO1b3AqYu0KjwNWL/564fzRdjv+05RFz4YHCJ9nJkT2zG\r\nCfPvOS+0GlBjDKc8Xa+Go/ayUoEzqtMBnXYWFm52f7/+TfWvjd8E/+XqIzyY\r\nCW4LqXh8jULnZI4HPdAEncB+ST6H+D+CxO/Sm647QGah7ptLf6svOeWJNgR5\r\nyoZYbYxKHbCKhp3yYH9VqvUjDIV7c+99Q+OPfcK2qgkXxaB8VJzZcYfxmKbz\r\n1rcmMxC99Sg0fP91gT9CMfMTK3dePlj2yRCCn/E2yFA+DmLvyuXdNwRSAA2b\r\nFUBjTrWmnSoH6W0YGruqZAZX0CdpZHm1tA6xXxAv7td7glYo1PQL52y0IZOu\r\nWzTvbuyTilHtNNxN9m7/1pcaGTMvhDGYaZg=\r\n=rCFe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/96d5cf15c1b9d188e7d2ccfcc7088655/chakra-ui-popover-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-7Kyw2/aBAwmKYiZCzrjm1ZY1IoLwQ4FQAhAtUyEaNJ5+9OWnB5N/F9MIi6Jf6tTlZCilX2WgaXZE94Edo2oe8A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221108124603","@chakra-ui/lazy-utils":"0.0.0-dev-20221108124603","@chakra-ui/react-types":"0.0.0-dev-20221108124603","@chakra-ui/close-button":"0.0.0-dev-20221108124603","@chakra-ui/react-context":"0.0.0-dev-20221108124603","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108124603","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108124603","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221108124603","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221108124603","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221108124603","@chakra-ui/input":"0.0.0-dev-20221108124603","@chakra-ui/radio":"0.0.0-dev-20221108124603","@chakra-ui/button":"0.0.0-dev-20221108124603","@chakra-ui/layout":"0.0.0-dev-20221108124603","@chakra-ui/system":"0.0.0-dev-20221108124603","@chakra-ui/shared-utils":"0.0.0-dev-20221108124603"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108124603"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221108124603_1667911626090_0.7923448831637412","host":"s3://npm-registry-packages"}},"2.1.3":{"name":"@chakra-ui/popover","version":"2.1.3","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8769ed50db2c2188faf6725c248004a1f73f2725","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.3.tgz","fileCount":6,"integrity":"sha512-3CbeXjpCYnKyq5Z2IqUyfXZYpi5GzmPQZqzS2/kuJwgTuSjtuQovX0QI7oNE4zv4r6yEABW/kVrI7pn0/Tet1Q==","signatures":[{"sig":"MEQCIDZsDmQIzlCgC2LEEgdKcIYd2gi4LM+/+DyFeA85XmYLAiBW9iwxksFiDEiUJXh3fXlqu3pdjXH1i8kHIaOTgEd+yQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50065,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciwpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoijw/+MvQy6YaCrsq0Rx+/9Q+waG1QQDBdIqLSyjxUGgyakRVyebn0\r\nT3k2kt20taDdjyc3qvatAQ3STs2hW/CKDQ2a1yfpYUWccFcYaSpaDl93HApO\r\nGh3RzKPsYj088g9g1b/Jh4iPbMCB9RH9lFZzs6aGVwVlLkC77e2CnKW3IacB\r\nCN0fnHjtsRASlsobMgnQMT+DjczkkNd30kIV/smkECI4irZd1GRanmkK6dhk\r\nOgU0I9VON+jNl+n0KEzizjtpUEmkx6wJK+rbOpKOfG5gAlPpA5jVYBoIIgYN\r\nUTpza5K4aTOL8b/PSt5/4LjBS4uKNFaw81sIVmPkkDNpI3Wc9A4nd754dAx/\r\nGr151I9bmnL1S81uhIY0e3tJhEL/jknNk9vg7tG+RUyUYVdYxjzRK3496NL2\r\nTtCqUCa1Vqq3JRu3rMd4blWEDRYCRu4k1MmCboVEDbtfHmPrM7pc9WjbmFUn\r\no3QFU2Oe0eKsEb02FkawGMxmfphm4co/KTQi0LjHDKKOTK2QIGHzAVTaptYH\r\n3txB/URS27DXDszrq4+a1HaJRlJCkX/N9GVMqlryicO//UvieMf/W7Ilng+r\r\nWp/MIoFGDB8QBzto/GqHJlIDLQeGGFMT58UqkmRv+4+wUXmmFajE7jlf/86b\r\n/FwQzap4C8CMOZt0gtVKqn9wWHIWOyEobXg=\r\n=GV08\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.1.3.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ba0901f44ed8e650bb5f18543a327b5b/chakra-ui-popover-2.1.3.tgz","_integrity":"sha512-3CbeXjpCYnKyq5Z2IqUyfXZYpi5GzmPQZqzS2/kuJwgTuSjtuQovX0QI7oNE4zv4r6yEABW/kVrI7pn0/Tet1Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"2.0.13","@chakra-ui/radio":"2.0.13","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"2.1.10","@chakra-ui/system":"2.3.2","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.3_1668426792862_0.3028602537691927","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221115102409":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221115102409","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221115102409","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9247dc7374b19ce6595d6644d07a94ed48754018","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221115102409.tgz","fileCount":6,"integrity":"sha512-1lBroCM9pCP7XtuEJjRYm+z7tl/EsdT516HiQgsJjXf4CJf5lkILy7KC7QzOIFps30UTBrBnpLFfc8x80IBDWw==","signatures":[{"sig":"MEUCIQCVyrfpJCZ8vwRnVB/47OnblhX5Xb0uCMQNLVQQX/BgowIgCkO2FPf3e8eeJc/QPFYDaq7wWzi+dGjCxZQGbuf+EAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc2kOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0dxAAhRRLj1Skj0U3zRStGoptOT1g0BuDD5lWJTQ/axnLR2fKzTFQ\r\nNIljObUqQXGnv1nULJvtVuPHs84XwP9+SLDC4/TG2Af3Y+i4HRwfg0aaI6iV\r\nP+TS8kZjfnfh+WXJLXWIC93Kpcv0uznp/d5ZSIByFszmy6vpB//JYAkojxQW\r\naxw665YXmPqOjWVh514yCFZfUmnkiL1EWRW5ezaxG9hhgs+F1q7cnFvAW2Yh\r\nBx9Jg7ZqSdy+7reb8B2IJI0+yMBgstWhrQLofOWiRaZaYgWt0a0W6+Bze0b/\r\nX31GLXaCOrIqdRoL9vs1TB99GuhT15NODQTODM4UnBhC2AIDT0I3kPHhyddA\r\n+UUBfoJo/3a0WwtflTyPzIzaG8VHq8MITCCVnbdokaeQXqb7vt75BUvFHloI\r\nsfauymg7M1VZ59vErLUqCH74WgwWz1YFJ7NothexrUJc7W5ihd4XJPTDy7DG\r\n5WaoxJFGVf/7a/E6423N9zbMxeCpUknQqf0DbgM79reVgKboqgb5hzhgaLSQ\r\nZlmXu+xqxDXkLtG8mmOELr1ao0dMhed04kGfOv6Ijedfh/cOUhGbcm8nJo+b\r\nucKbf/FKewG1rZAEh/mVvgBLDGGPEODn0aYugDdgesVGVzQMvla0CmWM110i\r\n6sOKDojb3dR0AVu0NxHfMo531fi3vpxLKQA=\r\n=g4Dp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221115102409.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c8f992eb843d1389505a9b3258652b1b/chakra-ui-popover-0.0.0-dev-20221115102409.tgz","_integrity":"sha512-1lBroCM9pCP7XtuEJjRYm+z7tl/EsdT516HiQgsJjXf4CJf5lkILy7KC7QzOIFps30UTBrBnpLFfc8x80IBDWw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221115102409","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221115102409","@chakra-ui/radio":"0.0.0-dev-20221115102409","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221115102409","@chakra-ui/system":"2.3.3","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221115102409_1668507917935_0.36315026822929375","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116102301":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221116102301","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221116102301","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ba0279b9899a4e87beaa7dbf3de18f19b114bba2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221116102301.tgz","fileCount":6,"integrity":"sha512-4hCaA35EBGIPgJVsck0h6fE3Gcnriq/gjxfkIiuxqcI5myT+bxk64TXdXQx9Rdia5shDIp1gZ+zSIF8NnpFF4w==","signatures":[{"sig":"MEYCIQCyJbWVJGlaVouFlt/4E1XPvArhkhM/uPt1Md3l01+thwIhAPNiFv02osop/xTFGxm74xgFfGgE4aTVsd7tjgHYwxtN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdLo+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFIBAAkpAJ3NodlmjD76wdtHt16H0pap717s1WtLQFP72UcuX+ANK6\r\nZ+sWZOg6cdsqb//ssAz/q1lp6xJyOhoii7qJQagVKbFIP6HW0mvz3fhoathU\r\nzsMjD86xS+3g4o1vCMOwoAc81KJhguRrJ+xkIReXUFfEbAta0WKGQlAG/G9N\r\nyxGCnKkQ5Mmg+1W9b8ov6AYWMthMEYQhYEwRBDI9IpiIPO9aJ2X791u1H8vb\r\ndRYWFPE1qDovWczoesCrb2zKmucxZqrRzr0iDJ0pNWYtdOIza8XbgRy/kA9E\r\njE84gob6aayrM08o6Nv+Jb8KwzEnc6+Xd18BRrpFZXbXbAAKIbb8FSXzEWQD\r\nSCzm0WWqLTLop2h0L9HrcaA169D9nwOgYDZtcFY6YRgoqYGJaK/i2kkq5nvv\r\nHQd5yn8yhwM0+OVpnKpe6F/bSyqaVak0T6aV3mHVyG2x0UTuoj+H8i5ZH92h\r\ntz2MxgJz39f3aeLo0vxNVo+VNP4RdnI8YWSM+fdIIPw1if/2jTgNmjgy7XiF\r\nJSt00dUJrVsdVv59Ez1/gullp962jtmjPoQrBxDAhYehpJnFJdKx057w24kg\r\nkcHUPLEqSaVE1eTUIKLnAT0gO6L9bViJ7S3qHn3zaqwli6ncl+qHVcYWEgyf\r\nL8ipsoAMOrG7qLBhyJbCA+Ojjms8XfYicQ4=\r\n=g5aB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221116102301.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/57c5ac685724e9c2c8c3afcf02ae6de9/chakra-ui-popover-0.0.0-dev-20221116102301.tgz","_integrity":"sha512-4hCaA35EBGIPgJVsck0h6fE3Gcnriq/gjxfkIiuxqcI5myT+bxk64TXdXQx9Rdia5shDIp1gZ+zSIF8NnpFF4w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221116102301","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221116102301","@chakra-ui/radio":"0.0.0-dev-20221116102301","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221116102301","@chakra-ui/system":"2.3.3","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221116102301_1668594238282_0.41782215730649064","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116103758":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221116103758","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221116103758","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"37099deffeddb972bc686afc52b380a76f85abb3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221116103758.tgz","fileCount":6,"integrity":"sha512-MbyLbjjZ7/XeRmPmBQBSFahigcs0egDummJHcgh044H6EQ2rAnkHZq2IoDglbuOTLBM+YyZv09nQeDT+77FlIQ==","signatures":[{"sig":"MEYCIQDfNmasYfWNrRLahMoZm9fF6KHHay6HhXnL9Hs3aT9WBwIhAK0cXvBTH85h8qrlyJC9hW2INe7JJSJNF/9XZc47JHvz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdL3BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8VQ//aC2NLHxbvUkB/gOnQAyy6SdwX+2pC68RMAz3MbjKNCN+8g+f\r\n06uez20IlXU2N4SxFcTZIevO02QzndF6iaY8cR021SK9A1M+tvbHIPC4TerG\r\ndYRqPY9Rzu6vy02mL9xMZCy1nk6wB9DLZU4y588eo14OiYlv1Oq7wsqoP2Kk\r\nfiKvD6Br1qSzNHZoihrscHa2CrxJGvJZ180wm9EvK+PcivjhazAJS7emCFkL\r\nFviTg9gto26qyY9doMya4n1yv1ZdDaNZfqCKmExwaaF5c/FGGMAAEa5iLEqT\r\nh/NBCo2q4iBTqfSnE5EwGLU6TAKHwf8kYMILg4ikThluBDWXG+GUlLjzOFVC\r\nDB5RETomXt544TSA/Y9WpzBVKMFgi5aA2atj3M4eyXhcsbz+US508VAxTO3B\r\nWhRyt2z1tZQm19Pflib8uDE4+KYuJ3w0u0yvg5d86vXx94dHb3KJF78R7eNn\r\nMItuDybmT/aeveBFdF7Dos860yzPx0VEMbXHakdxxHy4fuQhoM5DV8yG+SuZ\r\n9wegWVpHYTdpQ9RhEs3E3acGJazOgHR6PywZ4C6zUsoBUV/5FEP6ueOdH3fu\r\nKdVB/Q2K06tY/hlCSi5/HwsBSFntA59ofeK4Ira9rWGGw7Zn8kQHiYvmDXEq\r\nh5ZNgZuaFNYM1VWsuQ96/8Rjqohk1cNXZ28=\r\n=woP2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221116103758.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/46dbf1d9308b26c6caf3016a94702298/chakra-ui-popover-0.0.0-dev-20221116103758.tgz","_integrity":"sha512-MbyLbjjZ7/XeRmPmBQBSFahigcs0egDummJHcgh044H6EQ2rAnkHZq2IoDglbuOTLBM+YyZv09nQeDT+77FlIQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221116103758","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221116103758","@chakra-ui/radio":"0.0.0-dev-20221116103758","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221116103758","@chakra-ui/system":"0.0.0-dev-20221116103758","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221116103758"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221116103758_1668595137467_0.5478729882504156","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116105413":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221116105413","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221116105413","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8442bfd62eaa5fdaf50dc2a7339d48a269f3b040","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221116105413.tgz","fileCount":6,"integrity":"sha512-TCD9MEEjJEJhRACY9ZqLc0r7rUnO4pcFqcreF2BDNU/ieaFYM7Ejf/ZkjK4btBDCmH3faQrjIEsDxk28rbyZiA==","signatures":[{"sig":"MEYCIQCzW6PTolaKnksiATc0F60CRThilDMThsMrQr8YzLtUPwIhAP/dVcRDwR//yJ9V+kHttJS9nzboPWsByGtX0GCVvokp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdMGOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXpQ//QWJbVoBvyPpt2yiiAYh1S7KLx+qoQk6SpJ5ELb52oiL0OfXJ\r\n5pG7cbT4kdOqnYBe0hE3sQnmVBeL8kFN8iCKJovXi0OObKiErF3WosLpgOgN\r\nECzelL39ksisKZg9U3S5ju8R7C2d9nNH0O3Y8PUei/7DTE1QwijZ4IV9d+wy\r\nOjMXjI2KcKRWg5pXSBKNFERQ8trN61/WBnRV03sB5YopQNKtpcfVQV4X9asN\r\nGwdOf8k0udoVV7vJ1O39XFsG/+MRQSCuYnjj7u+x1tvATMOJiQ4Ll798p+NX\r\nMjSulMipXsZyImAZflvAgvrdq4i1kyRBbAHUrdVuVSIfuclzVl55Hpy3FOD8\r\nGgEwy9FAgUIRV3LBjDLDKhZiasR8eBVAVaepx4T+ulOp2Tq7iz3lYImZMEM/\r\nZvFYq0nYmawY+HT4G9GqL/Fd2xktcFDUZ4ZU8dBsQYKiDZeAe/die9H8cQX1\r\nwJHS+yPZ5Xr5PnB6Vr6aCTCeMW6aWDWjzS2d8ZFbV5KqlAZy/1XX3uoVsDyo\r\n5LdUmgkYi8RECGS85vZUt4XqUqbW6SSTN6Q1c73BzuAw0aHhh4yr8kcspwUa\r\nmuHAa0IV1/m+QNxQoUc4YK8Yey24ThZI0oLZhHP0AuoTdbg2C/H39Isg0HRh\r\njMVVkjX504ws6D0zF/B9XzsL5hOGQwmAaIg=\r\n=m9dQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221116105413.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/54530d68c0fb15328950cae61aa010ef/chakra-ui-popover-0.0.0-dev-20221116105413.tgz","_integrity":"sha512-TCD9MEEjJEJhRACY9ZqLc0r7rUnO4pcFqcreF2BDNU/ieaFYM7Ejf/ZkjK4btBDCmH3faQrjIEsDxk28rbyZiA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221116105413","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221116105413","@chakra-ui/radio":"0.0.0-dev-20221116105413","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221116105413","@chakra-ui/system":"0.0.0-dev-20221116105413","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221116105413"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221116105413_1668596110393_0.4571408530694252","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117065458":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221117065458","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221117065458","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5cac2561b8c45ddb7fd6d90363aeff15a86c2649","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221117065458.tgz","fileCount":6,"integrity":"sha512-HfB68RYcAtPHs1UJxXKF9GYdudneXThygAWenXb5VCsvDbO5cDBJAbeoojXTgyzinrpGc2jl1kXNxVKkuXa7wQ==","signatures":[{"sig":"MEUCIQDWs4oBB60BKW0LQwA/QwnoYbwbY86Mo07+MEj6NGIFcwIgB+IsToPdGfViMt43/kZDUWtnkGVoU/ETcfVd0Y0OrII=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjddr7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKCg//YnaPLtnlbEZ3nb/5ROKaZoGwEyn4tdDtD5NIYapDHVAtVoYi\r\nxqyEVxD8utVeRKuB3YsnZ4MyI8VtLN3WEY6XXSSaa7BCR6YNt2sq5YJGpvPR\r\np8v9Wu8ztF4Cfh4A8DjANtyzTKt+eALS1DcyZlE/RDTlGdizZiOGQam8Ob8l\r\ndjzzKiekY2SV2Mv9XI21azqXfMsrrkH3YvwYNjSWaP5OE/AnrnmXxJyJ88YZ\r\noCBlzv+B9v/bBO2uGA4frQHUvcS24ACAgxhRoGsYHPLGqNrQYUELuugZUlhG\r\n3S/sANus2H7A499BC94O27T75Y6yPBtZkWZtV1sUp7qbYfYPAhoYsYHDqgcj\r\nJ1Mnf0H9VCW5+dZbDaxkDC/srOqJa3GlGGQcChjZrN0ritE97YmlLWIJzj1z\r\nyXAx8l7JfMLmVlQa0yoPmtx9lV4vGuJTozPhpUwZcaWa+7vQmWLS+5VOHidi\r\ns/6GXCatcN7Dl8rRZ5+wiwjtz+lXEO+ibjj6u+E2wR7Df+2OAYUwNCPGXzN+\r\ncbR2UFUXajggyZ7pPvER6zKGQOtLpsrE7oZiOIurLE5EhwMDugkTQqXlv+6H\r\nu7cs/P6cYXKLjx9rud0A2pHccaEL5qG11ZM0u634WbilUrr8km1P38dMcxTY\r\n1RUxDHfQpf+ecC7QsbzFAAd0nX2C6b/s7FQ=\r\n=OY/K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221117065458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0e9a7d826b7d4215db07c2f68a57d2e2/chakra-ui-popover-0.0.0-dev-20221117065458.tgz","_integrity":"sha512-HfB68RYcAtPHs1UJxXKF9GYdudneXThygAWenXb5VCsvDbO5cDBJAbeoojXTgyzinrpGc2jl1kXNxVKkuXa7wQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221117065458","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221117065458","@chakra-ui/radio":"0.0.0-dev-20221117065458","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221117065458","@chakra-ui/system":"0.0.0-dev-20221117065458","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221117065458"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221117065458_1668668155113_0.5993663170147248","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117150258":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221117150258","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221117150258","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"218cea2ad63c3814b98f2ee79276cadf2bdb5c40","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221117150258.tgz","fileCount":6,"integrity":"sha512-5GqUqr5kTZ4bMzrfsS7ilqd134SD+IsARbm5pe/ajHvRJtHnerzAePyvuZtio35rgujUuj4eUZJF9qBpbXZBKw==","signatures":[{"sig":"MEYCIQCQcqabmsSP3YjM/7VHFdltoYu0pVWJ4w/UHWHQFXbp+wIhANs1m6atXe9sN67F+UwUkzMLY/Jd9njCct9q1LSw/6tI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdk1nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCWw//ebYaGiOcsopVBr+gXgmOxVvdRrdMeFIi3OUoBV6KQ6lJVrpH\r\nnEHBapyvZ/uXGpVo0dpK1U+JVSeqs7IOfHs7W/JNhwUsC4eVc6UMt7NHTHdU\r\nPiH6tq6lBVQn6PVivIxMI6yys4iS2kZ6bq6Y+LXwEb+uCm3Q+ux9CuxNfu77\r\niCJ9reNJ9kY4S1zNwPimHiANgRXGCkDhtoOWv0mH4dzANePzbCd/aqqPRo99\r\n/Yzbao4ivoEMSEsUM1mluHTcjQoVAk6R4uvHFsxnxAa0oY4wGL8EeVAFERG9\r\ns+i9Skpcj/D/GZaQxnNclq/Rl/az6Q6YiIBiowX7nVUTWv1+B/OKhTZxIE+B\r\nwNT95W+9pM91Wla7S1u6DgGXXSi/ZrQGmSXEaTGcBka+cgpurZhGGwMdbdoU\r\nGP8bVd4kDxyFj60t49m1A/2wpZbAjJM6Sv/WdQccYX1GBlvxwEymaCvXBexq\r\nZXy4rHvEBsjThL9j1b/c2N8qNXsm5Yl36Ge2i4BKrft+RKPz23cZNz22w3dq\r\n34zOQSUDsp9SrxKt8PZ7cKS3me/kPeIAMlVPwbYKkLhH4pTjS+cjVyqGWU4u\r\n/OuZqS5XH/SqsCYJUr0CCNoHhjgjwrAccVkjc2cElzDUScvhQxUNcTHvQ5DU\r\nsOvF0T3Ufwf0l/bmVT/GtXYnZ4p6Iw1LegI=\r\n=S7HN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221117150258.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/907403baf64af52f4da801ea18d5b270/chakra-ui-popover-0.0.0-dev-20221117150258.tgz","_integrity":"sha512-5GqUqr5kTZ4bMzrfsS7ilqd134SD+IsARbm5pe/ajHvRJtHnerzAePyvuZtio35rgujUuj4eUZJF9qBpbXZBKw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221117150258","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221117150258","@chakra-ui/radio":"0.0.0-dev-20221117150258","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221117150258","@chakra-ui/system":"0.0.0-dev-20221117150258","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221117150258"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221117150258_1668697446885_0.7582025798180205","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122115819":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221122115819","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221122115819","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e6b067a03e810cb8abab2971ea24ea7aec4df94b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221122115819.tgz","fileCount":6,"integrity":"sha512-WSINFz2dKeeLCe4yAuIIeWZPHBh2Ib3leWCpaYw77KmglOSmfD3h0+yt4zMRqfgGZro6p2TflVEFgZTaZYP9Tw==","signatures":[{"sig":"MEUCICyoG5eCahjFXOQ1tAe0rBFZx/7LzEt1R/FpgnxVVSqpAiEAn5KEmxW/8UdfmFB0E5t+FcEzrKBYbc3SfrBLbWbcRaA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfLmLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmodeg//U1J0Tzcy92PCQY34WZ+Y5IPrrn9FMJ0NrAP0ZBarINtKsj7C\r\nseAmcsMWoJ7yaLMeI9GQssnQffKv1vqF9AB818y09qGgkufEBz3kVjKDythh\r\nrcFf2A49vhJfw6QnBrDRcgv2ynS/5SuWAudOZV25/9EAC3yVAMUoP7R00BSW\r\nJNkIBHPyDsGGEZv9aY0iEUZ6xEtOIIhEHBxk5SucIjP4ttpbm6vcGhGkc2zH\r\nxp5+MGAHbE/MNtv/qDoVRFLVXuUCrTdlZhIUE1lT/RCu9bXJXqKVd2EWiEsQ\r\nBI7gfFmLOF+lhHfpExilXVtDRVuHWqf/hRIzNipmmnIZTXMAZticyvBJji16\r\nvZRCtKB5ontRKyRY6Smjbz5WMlo63tpgk7MUNWxUYnzyUJG3JgMjzKigquGS\r\nRgbSMyZChrz0lWQ37LX5oywLrOPFB/BskltB2QAHPcBKRTqp/7cIYabPKQn7\r\ngGHSPhwd7FqvA1hhtsDYcfS0fE88rmnvgFOilPkjN9cNbIpXHMfr6roQ+bFr\r\nlE07vGyNXAR40wIOIOOF/2/QdkA/oUWTrWU3byILpUqGDS2wAe80q/VVFs/9\r\nRsVGdwzNuAlCD5MQdkih9alVZDim51CD7DoOaB3LBrzZkSKfArliA+8s1Lwr\r\nBrYtv8qtLYqRp4XDyyVNjPMK54ZX7JHZeas=\r\n=TBPG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221122115819.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ae2fadc50ea1ca918edb03eb2fabe00f/chakra-ui-popover-0.0.0-dev-20221122115819.tgz","_integrity":"sha512-WSINFz2dKeeLCe4yAuIIeWZPHBh2Ib3leWCpaYw77KmglOSmfD3h0+yt4zMRqfgGZro6p2TflVEFgZTaZYP9Tw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221122115819","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221122115819","@chakra-ui/radio":"0.0.0-dev-20221122115819","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221122115819","@chakra-ui/system":"0.0.0-dev-20221122115819","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221122115819"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221122115819_1669118347682_0.5877788235420152","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122135803":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221122135803","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221122135803","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6691ab6213c96e0703685cd15aeb95f7cd4d5fcc","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221122135803.tgz","fileCount":6,"integrity":"sha512-pNg1UAMM2miD+XVUpFLPxCVYpzmeKHAkzatuAzDLC8SrUtKY6EyNfAaE71mYkKCyS5DsQ2WA4Pm+1vo8HjhQAQ==","signatures":[{"sig":"MEUCIQC4vWRN2mXKF5iAOW9WdZ52oWrRJ82m7GIGgdxyUJ38JgIgHGzF8eGp3xx3eXd/e837sA+MsIGKCJm4YZX+/i06gfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfNWoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLqA/8DH3DxQWcw/c9KOtC4xggSYDg3Y3B9weQ1CsHN+wWxtscEXql\r\nVvQUwEr4WJv9H0V75eN59VJTBZHrsWBY8evpj5DBhQ4JC0B/xgVXxMT7dQVL\r\ngjdf/gYWxdVXknxp/cCfgwJ/hPYsSV6kq2iR/ux81GZ4Ovop7DmG22cND36J\r\nv8LdYx1l5aBm0QNBoDRNl/9CfXX5iPa5Tc9q/+t/In4gTSderWea5ETgwxUM\r\nBh0vg+rsX7bWzjubqN/mVyE0oR6y6BpYYz2D5tXvHYf/2703wt6pJsIgGO37\r\n36ssEWM1IOhlh8qMPT2hvXYKU1BNmoDm7/eOJYadk8pqZDiyg3l0RdnMcek3\r\nfBKvaKmSrLDhksMsXEjvEQLAafBjPRDe2YKhpxb0AyFi2U6v0LM1BTKNFC/V\r\npV1PW/1iqiiP48wfib+zjwRbIvqumI3okAHTfWQqawts3pJEBNXt6egYTwnS\r\n2+qyopPgmmzNO8fUx5rgd2isMaDCqkspzObI3z8O+q80ZszBRSauBiRYFSm2\r\nLKgUmOwtHaRWqaUBAVn3qfBXbMhHVzmLe9L3RtcorZ97QU1JSS2PuiQIS99a\r\nR/ShZyYZIROYdfFFBdP5PK1IT+cxPwyLM+jhEo6l4kKc16PMWkrCmhSlzE3e\r\n0JgOh/N11iRJJvCUtAakwGd38wMAnxc4cb0=\r\n=bd9J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221122135803.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/10dd228da426f88caa935151246ef044/chakra-ui-popover-0.0.0-dev-20221122135803.tgz","_integrity":"sha512-pNg1UAMM2miD+XVUpFLPxCVYpzmeKHAkzatuAzDLC8SrUtKY6EyNfAaE71mYkKCyS5DsQ2WA4Pm+1vo8HjhQAQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221122135803","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221122135803","@chakra-ui/radio":"0.0.0-dev-20221122135803","@chakra-ui/button":"0.0.0-dev-20221122135803","@chakra-ui/layout":"0.0.0-dev-20221122135803","@chakra-ui/system":"0.0.0-dev-20221122135803","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221122135803"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221122135803_1669125544079_0.3796663525442108","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123123308":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221123123308","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221123123308","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bb78a0082f2c25ec2a4102818db015ad04ad8c9a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221123123308.tgz","fileCount":6,"integrity":"sha512-Wy0W0ABC949btWqYk4tRS3GcMtYHlAJjH5EA8bLfQqvlf2FTO/Ofw166GZBmvajWHn9bZhXCIZIMIR7rke3tew==","signatures":[{"sig":"MEUCIBYfmdmRHrJxVBP5+fZYeRVCmNUzij4NWSFez9uwRiy8AiEAgp0uXPj8Z9+aRdxmGGz7mCju7ZLCMjKVTYmVymnLNJU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhNGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQtBAAjjLjGfQVKSyVgbpUPwFKob3SuuirOjwzB/Z0ikItyuAWY+dS\r\nlrA64k3+aFlO/cor1cpyH32Spt3rWjjaKswqVMyt+MTOeYhD4iDzB6QcQTas\r\ny92UQ6jSkvZpl7Uj4VHaeXtxLjNxOgURGwiHX9Tx6fNcvqpQ3bGDUv301UIS\r\nqEltCU7f8JfUkLwE2LE1EG1t425H/4D71V6SwAERQBwXYwqPNRQGec/sZf1V\r\nCxrjRXRlcgp5iRdAnxgQg2YkGDZiXVVzRD1bj62PIO84K5OPVzNTB3oWxKY/\r\nSV34Sap9ijgfMUeQDdQQACDEDoP+mLBKlievgumvrf1y+ECHi/7Iefrav0jU\r\nvt77yu7NBqFvNLy8WIzLKc5GRMqOLUqkJgfUGDnhq51Ljj5At2Llzv3b2IPe\r\nYUhhbjH/MdEeHD0mh97PjhRMJFQlderiQPRx79gJMSqoNg4RJhTOcwXQP/We\r\n+q1s5oHCIoYMsvXacl95etGxTdKIb5sjK9nF2Y2syF+Ny/GkghFJKMXlbS6H\r\n1i2XpbS97Ra78XZk5iX6RQJjwlirDzvRXEZKLn/DE4XOP7mgiwp7m7UJ9K5q\r\nAYIGtTh4mOpQEJtoPIjxm/dTPXGHsxD/RCe8hUAVgSsXoaFCW6fsLI78tQCz\r\nk9okgL/OdmNERC24r1ou1mbNu+5rrWy+N88=\r\n=Wjhe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221123123308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f0b1615d14cb65b5950ec4dbaed85327/chakra-ui-popover-0.0.0-dev-20221123123308.tgz","_integrity":"sha512-Wy0W0ABC949btWqYk4tRS3GcMtYHlAJjH5EA8bLfQqvlf2FTO/Ofw166GZBmvajWHn9bZhXCIZIMIR7rke3tew==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221123123308","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221123123308","@chakra-ui/radio":"0.0.0-dev-20221123123308","@chakra-ui/button":"0.0.0-dev-20221123123308","@chakra-ui/layout":"0.0.0-dev-20221123123308","@chakra-ui/system":"0.0.0-dev-20221123123308","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221123123308"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221123123308_1669206854404_0.6323571981204694","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123130515":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221123130515","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221123130515","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1a4651cd519e41283c4e687cf2ec374a78809276","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221123130515.tgz","fileCount":6,"integrity":"sha512-pSYrmG2mWanzWgTATqrHurw4B1yEO8/SYwMXiQRFruMX9cG7axMsIpkVLAd/yfSv9AJcakCsc08xWeqvTW7NQQ==","signatures":[{"sig":"MEYCIQCxYJIh69YLO5FUqLNpCFwUbDi3zxFKNBILFnCsU+xbMQIhAPrwC5BrO2HI44KxiB70Yi25bqxNrIOSpIBoAfbw4HRA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhrCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9FQ//bM1u1aRMhgqL9W6lCdJRjaz0wa8DG8omoOXP1NTkW++lh9QA\r\nDS+9tERmEwAW2NTX4y6Iu+ODQCVttIRwct1xHN1D2scicQrnKGUXz48bt+Or\r\nz0G7H6/ixscLXll8WqbGnazp22VKvkNkVW3z1PyFdfng4HwBjwtSZlShKoC1\r\nbDdOzVeB/sF3unr4G3p7ckxci1Nq/OHK4p/iHKOM6ScdJbwQlxdcmx1LkQBc\r\nndiWr8YDyhQiFm5Xxl4Po/M4S3zrGtxEmwq3F7DbrCH/YA7oTpijlzPciUYb\r\n99Tvo6RKAvESLRKRjhpvnM+VxP5m3Gqflniihy0/KctIFby5vfh5tbUkvlQk\r\nRwUdCNqS8mlQ6/Z97WRx9/cyeHI5P2jCCQiid3lfikHLq+0aRQJ3H6MoR5q8\r\nz8giexYyNImGI3tT2faLqnvFpDnWC3n1QOAsxUtzc9OkzEouZsBuQefckR4c\r\ne5sglbeuRGqSnkiSX/G+IZYxuHIifAdDqUpqM1V6AqcBUJHHjEaP9DQQkYxB\r\npidB4hq4gpejXEEeyBk4dwQ0IoW7ZBDmKhJLYeeGP4j2m+882fgAeHutag54\r\nWpn95Ka9spL4BLVdva5rycvx4OIRSTF9SZgPEhRvl0xSGNOBzIdornW+Y+GV\r\n/nlMrPr8/IRa4dT7gRnpkOSTvKbfeGMfyV4=\r\n=MHso\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221123130515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6c506feb6382572b2dc4f763c41199f7/chakra-ui-popover-0.0.0-dev-20221123130515.tgz","_integrity":"sha512-pSYrmG2mWanzWgTATqrHurw4B1yEO8/SYwMXiQRFruMX9cG7axMsIpkVLAd/yfSv9AJcakCsc08xWeqvTW7NQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221123130515","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221123130515","@chakra-ui/radio":"0.0.0-dev-20221123130515","@chakra-ui/button":"0.0.0-dev-20221123130515","@chakra-ui/layout":"0.0.0-dev-20221123130515","@chakra-ui/system":"0.0.0-dev-20221123130515","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221123130515"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221123130515_1669208770119_0.6840655310928023","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124103928":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221124103928","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221124103928","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"410cd5a883944aa195cf42744c3db62a700a6a9e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221124103928.tgz","fileCount":6,"integrity":"sha512-5e+Sc59Q4Ii9MnCrh6w5GUryErPVjoT+ztcE4vLOev8lHT+9ebu+KH21pLoCFgtArOQi8CBLu4lCWruMT/uh0Q==","signatures":[{"sig":"MEYCIQDpLOk+klVXIav1b00Vomw1xw9VkOzFu9+H0gCd+ISiRQIhANWBSzHyBbwO900h6faYO39Uxk+cPfpFA5vv8z1S4lfx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0oTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLgw/8DLtAaADFJNTiG1YxYk8tNZQix39xh7ucEPTNZN7UhYNW6EZm\r\nYiNLnHyb5n0JCTDMuEcFlW8MMFvqXw6Vs6LLTCf3vcLpuJWdTh+DgHOsDIJF\r\nDxkzcxDj56hzMMpsSyA+EoZWjbUxS0z4OQIueT1Gi0jfX9eEy5HVo9aiLZxV\r\nrxi/aGflSSCLmBkHIwLUkXCujcCtGCyupyWpvg7EGVaWDBX44xJHwfp5j/T6\r\nZziXyx2P5yIDura9VQkKJvAmrfQ13Ri4rzojLNasyvP1jPSLm9zJciaQcHv3\r\nF7LH1fD3cC6vkmbnoRnrPaCZnnOgO9fkuSzyVRoVUX2IwFxc326WXH2i5dId\r\nXCXgx4D0/CSu61uYvCw1PbKvb3CiyuprjNTjYQ8rkkz1cEjhwXDIh0mnmO95\r\nPh8TIWRHhKcke8O/mqrVIQkaodivaEaBe2p2Y25yrKyJDC45EPW5fVNHbITs\r\n4bClVFvRRaz6S3mA+fZ5yI2w7295m8uIVzWsSuoqO3d+BQGdI3zEthcFApPd\r\niCAZYJLcN/oPi1bfaSEKMkQE+eLog/AtlFlpzYeGJj+kwRtkEWRO1bj3wKu/\r\nsP+Wlgm9ImcFxg8FEho7eEsrMhsBMt0MY8aEa/IqZ73YXc8XJZlP/InWZ+1R\r\nFCbae2TOtlO4+TWTPLiGq+jCc95h2JFanXE=\r\n=YL+O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221124103928.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9349872270be722115278428ffcb07b3/chakra-ui-popover-0.0.0-dev-20221124103928.tgz","_integrity":"sha512-5e+Sc59Q4Ii9MnCrh6w5GUryErPVjoT+ztcE4vLOev8lHT+9ebu+KH21pLoCFgtArOQi8CBLu4lCWruMT/uh0Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221124103928","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221124103928","@chakra-ui/radio":"0.0.0-dev-20221124103928","@chakra-ui/button":"0.0.0-dev-20221124103928","@chakra-ui/layout":"0.0.0-dev-20221124103928","@chakra-ui/system":"0.0.0-dev-20221124103928","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221124103928"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221124103928_1669286419350_0.35035979428306585","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124105520":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221124105520","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221124105520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cba522ef44b6f35fa3788afc3e6e9fcf413e0ebb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221124105520.tgz","fileCount":6,"integrity":"sha512-iELEETl4W4YHYLNnDs1t/XTF5/WQ49hotA4wL0RHygYoLfjb1CwIqTbhFROF4bDTOURKwfAzcOIUZLUpv6F8CA==","signatures":[{"sig":"MEUCIBRX0eDkKWDSF8Sl9w80npkIzlkXuKyYd1b2OJcvxagXAiEA96r1Y+euZTMozwxqpVEY3sGQew6EtudEA0QFqJc+u3U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf03TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXEBAAkIQEvIRaiNLKkhFnvFijQswPnX8Encsn9JfrESCQDCbHpIxS\r\nGU0fIR7MPRpELi3npK8iHBt9JeRJFH57EA18eaYzU4nYzSvssGdejJEh+AwM\r\niUR4fkvd5zK4fuzlsBGb5MyRyjXn6W9FlZ842mDKYSKXqmlaV8i7Ud3dXWZ3\r\nw5LLLqRkgnur/w5Z4fw5mp52AmEdt/93e9St00GxZzSDc8FumyNIq11Lz4zF\r\n51YydXPxu7li/PY70nqCiI3P2all0JCJrHrS+7mXODLQdSZIctsG+EzsiJV2\r\n9v0mLvnq5/XR7cR3rATVLkMu2h15mKqqDnkUcsVjCrHKV6lTRr0hzqfoILuV\r\nOxYMNwg0fEXw1+xrAbHgyxrVx7dVyZxmyw4oVKdNiwTA3Zvi/QYyVDZiddZU\r\njSmoOAb0h/IxFy+/1Vq8jas5Z5uDUD/2oxD4cPdcdop6AvTdsPGtWHR+VBdK\r\n+LHdg442WhG7U04DpM3M0CHnMM3Q0/AgPc09Av+5yo4o4L2LMtZj7UFV8y7d\r\nmd2KX9IhYr0ryMzx+MK9o4L75Yb8lONGKb1ldbkg6b2dQ8w8WdeSxSsltuOf\r\nebEqGeW7osIERbWR+MAmlYHX3ffjSihwvpXaLgHCmRenMDVH83x7AX3HhYAL\r\n1rBRukhW3s5DzCs3UsAK5PLDekHtRODwKik=\r\n=BgZS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221124105520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cca08510c7bd852d12f72cd6f4be564c/chakra-ui-popover-0.0.0-dev-20221124105520.tgz","_integrity":"sha512-iELEETl4W4YHYLNnDs1t/XTF5/WQ49hotA4wL0RHygYoLfjb1CwIqTbhFROF4bDTOURKwfAzcOIUZLUpv6F8CA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"3.0.9","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.4","@chakra-ui/close-button":"0.0.0-dev-20221124105520","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221124105520","@chakra-ui/radio":"0.0.0-dev-20221124105520","@chakra-ui/button":"0.0.0-dev-20221124105520","@chakra-ui/layout":"0.0.0-dev-20221124105520","@chakra-ui/system":"0.0.0-dev-20221124105520","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221124105520"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221124105520_1669287379622_0.2903732582284062","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128164126":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221128164126","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221128164126","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0467f1400d558d31ba1fe95cd45371b313e8edac","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221128164126.tgz","fileCount":6,"integrity":"sha512-+sqK6i3P4YKHX3ZrZDUAA9Pjm09FuIdcX5JOsGitPfjUPPcmDX5t6z1lWhDkK3c02z68jxhmbIGVV/Md0S9BGw==","signatures":[{"sig":"MEYCIQD1+FG+DD0BOnb0Du30FQq9xNY2DiSCiXR8RuiG936JlQIhAOXKE7CCq2Xz5kZydc1Y8Cf14vghLJKxwkLwpMEK0h4M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOTsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5NRAAmdl1wn/BsRtfUBK8oRDLS2GAmS2ISgcJG1/xwzgimGMjnvTJ\r\nquFECN8x2iulz/F8K/+z0FBJRtutO+3cEUUDy20ZjdlSXXfUSBWszDEE83Lj\r\nbvamSiGip3lLBvTcg7gbFer6YhQXx36ADq0t4Wn2L08ihCGqByT0X431dO9A\r\n0I0PSq4VRND3qwehlOZAwfAIg4X/yTddI2dLfRRrPttf5OhM4vbc3okCVctB\r\nJhUkBRZ/5PIYrtvOMdHb+ZyJb56DbWPk8kPkTR6MJ3t+pxEG4DTCtViZxnXN\r\nWWRnwdNnt6Euevx1UJV6YtcbWlIp5uptMxkfQlBzEPzmZfeDtZTkbFwY2ukJ\r\nV+cdcAesqR/D4mcn6za9QQbp7PFBGYx684DFqb1k2jwMFp4W4ILSUyEobHFi\r\nmDaiuxx9ZEocm0Jtmkcu8zbtgOIsoX152cs0r0iOf/WyQ1wbJmLloquP4d8F\r\nNWvmdGOzZMcWt97MV9Wk1yHEAH3uG7xVtA+CGQJV4FoJXW0MAbcJ9YdD0B1D\r\ncTrHnhvtpGHGePN54sH8gJ/NFpr2jktpGEIdwlyXaTDkHWt/Jb209qw+wtjQ\r\noMVzpQ2r04bQG2drpwnAiiBv9Tq4rmLZn6/Np14dhJ5aibe9+iZQVtiUUAZa\r\nY7nX0bolMRCx2Kt9A+H43TTC6FKjn615KPc=\r\n=VEQw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221128164126.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8d4afbefb44e422f97c03432841dbd17/chakra-ui-popover-0.0.0-dev-20221128164126.tgz","_integrity":"sha512-+sqK6i3P4YKHX3ZrZDUAA9Pjm09FuIdcX5JOsGitPfjUPPcmDX5t6z1lWhDkK3c02z68jxhmbIGVV/Md0S9BGw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221128164126","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"0.0.0-dev-20221128164126","@chakra-ui/close-button":"0.0.0-dev-20221128164126","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221128164126","@chakra-ui/radio":"0.0.0-dev-20221128164126","@chakra-ui/button":"0.0.0-dev-20221128164126","@chakra-ui/layout":"0.0.0-dev-20221128164126","@chakra-ui/system":"0.0.0-dev-20221128164126","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128164126"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221128164126_1669653740523_0.4018427154681923","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128182021":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221128182021","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221128182021","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1794bd2b880b519f7074f30691a2839225110a1c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221128182021.tgz","fileCount":6,"integrity":"sha512-zDGZqEVD631eRP1ViFURPjHxpbN1FX2WSEJLxHY+5QbNIFlbRsJ69+su9RIuz9L3+5d0D3LDHyESXhwLr+sjVA==","signatures":[{"sig":"MEYCIQDNUrZK1l3Hphjo8Ro4azvi1VXIwCaSQbdIzICfIq04CwIhAL1FfszUNqi7nZ+oZBbZU2kIGriuKzJMkOd0VNUV1Em6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhPwrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnyQ/9HkVJ6ZTufdPPUWMT8+xgO9gwPk0hzWpMhYbgSAa9o2JOaMDu\r\nJzotB2TzRL1DBaFNectWWzks/yusLSiUy/GT8aSm0vedd3KDq3y108BE7+Wm\r\nw/3Hi5pNZDsuWfVnHujybqwBbj5zI2K+AswU9x9Ctl8XK49XJaHJ2Kjx0jpW\r\nc7PTm9s3LQ3MBBK1lEcAT4AC+GuTGoSHUV7ZiSBqEIpVMtOo0qmKJYNAqMbw\r\n3eVNJECrxrnBj60W7LgLQj8vKgCjo0Tcs4vBKzGvXloUOXsFcyJy0aBJa7mc\r\nvqDwkhXIO/wABSgzxQm+b/uUraXeEd550S3sNY7JFp+gmqxaDiUC4bYRoraX\r\n6AU/faQhr+6QFqF161LARTvDgctbXpfvcoJ80jT9ykfGl8AUBDqOiHbjL6p8\r\nd6XNDz7HsLoaYJSuxQIEYIaUOVOeE+Tnv9M6w/bWxJPyOsToc3nhkY4oEfcu\r\ncAQ1hQrVNgtyLx7U92GJrQQd3iYQtb7vEpkOdVDb3VCdQHap83jMIcnVYbNU\r\nOC4E7WdgP7/u1tSEtVF9fI4AekKymn/4N5ipjh3ySVt3pgpk1ORHvZV+5Eiw\r\n8+NbgFiWs3Vb21mzY22EqEKWs2J7KMREqFQRZv0l7WmRL5JIfcjEXg+iBoF6\r\nfWypvcR8Gk8QPS9X2s4BBU3MvIddV/8Tndk=\r\n=plgh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221128182021.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9cfe1f2141fbe89696c3a9611faf3eb6/chakra-ui-popover-0.0.0-dev-20221128182021.tgz","_integrity":"sha512-zDGZqEVD631eRP1ViFURPjHxpbN1FX2WSEJLxHY+5QbNIFlbRsJ69+su9RIuz9L3+5d0D3LDHyESXhwLr+sjVA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221128182021","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"0.0.0-dev-20221128182021","@chakra-ui/close-button":"0.0.0-dev-20221128182021","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221128182021","@chakra-ui/radio":"0.0.0-dev-20221128182021","@chakra-ui/button":"0.0.0-dev-20221128182021","@chakra-ui/layout":"0.0.0-dev-20221128182021","@chakra-ui/system":"0.0.0-dev-20221128182021","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128182021"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221128182021_1669659690898_0.4114307790992735","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128183433":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221128183433","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221128183433","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8bbed47930a6f0d925a032094f333a12be0f9ab3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221128183433.tgz","fileCount":6,"integrity":"sha512-vChjZ+5bb/Tz8fZ5ma2fv8ru1x913izQOZC5vGNo0mM29DjrMadJxOx77r1X2Ig2ODPNHwJrXsXK3d/jUXcbRw==","signatures":[{"sig":"MEUCIHnPn3YjOvB8UsjFeRnAPwlKMVqynM30vuVtpUXEh3vdAiEAh6w9Tk2wKyajpgzhliuhB6Tc6ervTQIeNMUVMCfIe0c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhP9yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrdbw//Y2tb7sXrWQ1vux53wVXrEGjzeLcjn4Fn7VMrtitXnmqg/CbO\r\npvCNUlygMs0McLZYLlDjHeZCBIc4ec6tFzHQpD5PN1C+pnNUPol2hJxTVf72\r\n2zGOrd5OWKG2EtCcMcJ7D/C0qIqykgMiN84ffwwOuk2AyMTgly0Aa6P8lCFH\r\njdZpZQydy5TiHBVgaW6pFVpBCCbSErdbZnq1KVxJPgYFfyT8R/yumDK4z1O/\r\nQfcTA15D/j4D5+qcUlAqfiuOPlujA1ru49Pxuvl2/R/Pe3QRhoFtRDA+cC1z\r\nT4z2jZV7zR+N5K6e1k2pgywyrmGgrsbSyCsYv3UR2COv0fDR2AsiQT7mV/dy\r\nImPs4+iHwDzgnEvjkuZX6GTA2QnBOr6ExIgJz4DYumfCpxt3GSPGMrbiiEkB\r\nOWSR1v+SAVsmrl14wdDT7qXylVQvctf6wZuJVUEtNfEZ0WY3h3HK/pyutZ8q\r\nFcBt8R4oRH/xYZMQp4S3c19BtU//4k2cIVFz8lTzejhivYCXF3WRkkSOWJaw\r\nBuTSnD9GV82PTochEtnIlFDJe04mJdFHxHuRFH7AaOyJ+g8qMr7BjKI9eIak\r\nyC9NTHwzWDJ0T4Jkl1+MGGaXOBGxxeOgWkBBaAnAObwJgLhFD+xBgUAmLTxV\r\nnrRE9y31t2vakHLgX0Gl+cWKfXGpnmgtO+g=\r\n=3vyz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221128183433.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/bbdab5b1ea9f35d64fe5034fcac53a5d/chakra-ui-popover-0.0.0-dev-20221128183433.tgz","_integrity":"sha512-vChjZ+5bb/Tz8fZ5ma2fv8ru1x913izQOZC5vGNo0mM29DjrMadJxOx77r1X2Ig2ODPNHwJrXsXK3d/jUXcbRw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221128183433","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"0.0.0-dev-20221128183433","@chakra-ui/close-button":"0.0.0-dev-20221128183433","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221128183433","@chakra-ui/radio":"0.0.0-dev-20221128183433","@chakra-ui/button":"0.0.0-dev-20221128183433","@chakra-ui/layout":"0.0.0-dev-20221128183433","@chakra-ui/system":"0.0.0-dev-20221128183433","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128183433"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221128183433_1669660529964_0.16552352141706095","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128185230":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221128185230","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221128185230","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a8ad11d97b0abe25d3ad94677be4add37dfa2ffe","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221128185230.tgz","fileCount":6,"integrity":"sha512-1/u8tN9eR+/s0uImzrxwnVHU2vJnHNoP7k+81ziKkvZoUCSjujnUUQWEYQ9eHiOHeKpSmuIwrh5ryEUQxpP9Og==","signatures":[{"sig":"MEQCIAprCt/9axOQLu938EKiZanKV51eMnx3bcqwFFegIIe+AiBU3i94d+w80iU0jZTkUTqwCEOJFZfn+NBhVkDZh1kOMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQOiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxTg//ZRWnq9PoWMYlrlc4k9Rf/ZM788SYS+X0iLxo/ariM8s+n0Oc\r\nBKlbiaVPmfx5gMKrGjCzrJm7LNdIoEwjMDmn3UH+WvhPdma4Dh+cNBlL/JXn\r\nCngY9wCSFbBUOZrHrw+I5jtbehrMT+4p2KRCdHPfiZ+rq9uJ2T17XZT4MzTa\r\nZ4aS5oZP59m7ubs0iBrR+0XC/MV3YXtw15+TLBY1bmbP1rfvD6qbyXbeU9Ax\r\nIDs0uDeZe9vDf+vIfInHM7kP2lmCGNhR2Z5aC9lA0MVvm2Q2a82S1rXgwFka\r\n2VPL3VKbaLUFSfbTzLWFxreGh5Ns4/F9WldkMxHj0d2qGGum+z/fsup6EWP5\r\nfawlUc+KhqCOpKwJD1BTtpjgLMqkeWosNbiYbT0TQvYmW4UOh3jbHQDu/18g\r\nKAKHoLcd9/e1P31r3xGVcLA9wQk+VRCxLX8tprlhx+cxKWemAwchBza8RcCA\r\nZaI6hMT2bc5TC/yHqYmygynTjc3XlVHWW1elS0crSOnhcvQnXd4H+vMtfquJ\r\np/SBbvqY1thhcpdte/E4oLFMD3+VrP7gIaLxv0dNvG4lOKhKEsWcmC35a19E\r\ndEbHRmL9eIgH4a8+OBkdzcSbO6tZSWzfJXX/nbAuFlzqV3SRRAViuKuN5Bdb\r\nVluDGVq3SLR2olltpUehdz5eBu03kyzJmRE=\r\n=f9lB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221128185230.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6682c31d5c50f06ec15e811670449818/chakra-ui-popover-0.0.0-dev-20221128185230.tgz","_integrity":"sha512-1/u8tN9eR+/s0uImzrxwnVHU2vJnHNoP7k+81ziKkvZoUCSjujnUUQWEYQ9eHiOHeKpSmuIwrh5ryEUQxpP9Og==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221128185230","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"0.0.0-dev-20221128185230","@chakra-ui/close-button":"0.0.0-dev-20221128185230","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"0.0.0-dev-20221128185230","@chakra-ui/radio":"0.0.0-dev-20221128185230","@chakra-ui/button":"0.0.0-dev-20221128185230","@chakra-ui/layout":"0.0.0-dev-20221128185230","@chakra-ui/system":"0.0.0-dev-20221128185230","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128185230"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221128185230_1669661602224_0.7259160580957691","host":"s3://npm-registry-packages"}},"2.1.4":{"name":"@chakra-ui/popover","version":"2.1.4","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c44df775875faabe09ef13ce32150a2631c768dd","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.4.tgz","fileCount":6,"integrity":"sha512-NXVtyMxYzDKzzQph/+GFRSM3tEj3gNvlCX/xGRsCOt9I446zJ1InCd/boXQKAc813coEN9McSOjNWgo+NCBD+Q==","signatures":[{"sig":"MEUCIQDXgzGPe8cWPeL4q0Y2sU+Xi6JsxfOG3sNj4/wKoVj8cQIgJH17tX08Z3ERZWXlnenxS/hejtJb+UEnEuhc5n/oSE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhaLGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJIBAAoLWksueTNcRkCH8dOOvKbU9dWjWAlGMZKL8VZR6v5Eb7/Wjf\r\nnjSgdYB4kos29dHu4e5As3FOoT86VC/FErxoTadXZIyaGS1xNfUEvXXEz20T\r\nzJbIqCvO9MCjCasLK87nvBWDSk1g7XgSL+JxA30atvD4aLzEnIjhfIxsGx9d\r\nqfsJoMXFIkNScib7sfTuSdLkK/hyKYLGiqYX6ZTplw3PnkBFNQffSu9U4aG4\r\nWTCWzteysLyColxUwZCOtAWHSjoRqVooLdp4z8h5uDjNRV8leUxlz7EgMpsd\r\n1sHJWtMV+ttmN9uBOGl6KD0SQ3Y5POPrOJWpJvDxvdJWqCZAg8FXTZIUs3g3\r\nsFvQTIeEXLdqrPg6QKSH2XZdjTCweeJYG1gN4gxL1k00vVt3BibTEc2I1I2a\r\nHC5/5YE0yMA+f9csAD0ZzaLAuKV7v60tqLv1BEvPUZYnYSEA97vFR7AhfdHF\r\n2JToaqneHtyg1sBhd/CbzgVM6Ig+F4xRnAFZO5YEudyWeAqFhP22h4xUQdnA\r\nzEAkjDT/orG7ZagTrBdvdpBdedZyxYpBTg/QGZtIGQpud/usSdXmT6xPxzHl\r\n4MA+aeM8UD1rB+zBYXN5RBaDemR5sgXwj7NeNRG33m0hcsG46lTthwqf53cd\r\nqb4FYG3xGkq1B5z7m7qai0soRdXP3v6qsAQ=\r\n=M0eH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-2.1.4.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ef3f0f370707e2ab15439bac07bd1a8d/chakra-ui-popover-2.1.4.tgz","_integrity":"sha512-NXVtyMxYzDKzzQph/+GFRSM3tEj3gNvlCX/xGRsCOt9I446zJ1InCd/boXQKAc813coEN9McSOjNWgo+NCBD+Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"3.0.10","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.5","@chakra-ui/close-button":"2.0.13","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"2.0.14","@chakra-ui/radio":"2.0.14","@chakra-ui/button":"2.0.13","@chakra-ui/layout":"2.1.11","@chakra-ui/system":"2.3.4","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.4_1669702342473_0.41594252262115017","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221221104434":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221221104434","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221221104434","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6f59a8a104e6193b06eb1f83fc6b952deee17183","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221221104434.tgz","fileCount":6,"integrity":"sha512-Xwwy7xGKUedE/kMRhljktgAfIp+uko//JN9SyLlv3dBh1u54pHJq27KOMRmmY5OCQ3bLfX20Vj4r7B3p8mv8xw==","signatures":[{"sig":"MEUCIQCikX0uxJM4cEjv4Ye3F/awZGxUSgpAPG10a5dkDnrnzAIgexIoI1MYuUXu8q1Noy3iuvMke4q0PdHhEL+vRxTcu7g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjouPEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhCBAAkDYnVLfu3pc5tUNE5im1lE9miQioQPMRCII/THSSjrBnGzpz\r\n8Y3yQ7AahOqJXg4LJEHRr+8wTTtSl8bek1UDIMorq1LDr/Qm6d34Fxzrrgjv\r\nYs4w7SyfrTwFpyAtwCcBZGPQHXrcMQy0D14i/agoUyVjKmg/B+D5TZjfjsmm\r\nK8Cm+agg+yZseiQabd/PJyzLxioJ2KkY56D1gfA5MrqIfmefljefC8lqJDy8\r\nMkurrYTY0IvHKOgvGPv/3qpMlZX9pwanf464Q1VMOqzG+1la/BAIV0vd66x8\r\nZpxblvLqkMzlB6ayj8q4eZRPeTivD44ecRbmMQsbPJZIuqJWiotEoh22Nllx\r\nFxi4IEUuwdjcRcdWxFf04lN+Y7wTKJtqcozRTdIuzfY0J4Bvzn7HGZzFLoFh\r\nF7IbSA/euP3kXHCpQMO3Q3djbXt4a8Vg6mDzmALZ6MBNhRvaQAn9njbk/Fow\r\nLIO0wNCzIqXeIrK5XUJALbx11gBZG1xq+ugwaGwPi/QE1IK8CuJZtZ0piIRA\r\nTGyHoa/yLRCSw0jGohzYjJxUwITFJjmHilSeQjqXTgj7hwRuEfBf5ECrsqqG\r\nF0MOVR471SjezdaR9UG+5MZx5V7LOrvT3KAh278gRxI578eqJrf4Aqhqmroh\r\ntRry1DxdA1swiTgRdlmp9+jnY8GGlfNP1Ys=\r\n=+bj4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221221104434.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/20b8a20860d460ffe95ceb111c21ebb1/chakra-ui-popover-0.0.0-dev-20221221104434.tgz","_integrity":"sha512-Xwwy7xGKUedE/kMRhljktgAfIp+uko//JN9SyLlv3dBh1u54pHJq27KOMRmmY5OCQ3bLfX20Vj4r7B3p8mv8xw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221221104434","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.5","@chakra-ui/close-button":"2.0.13","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.2","@chakra-ui/input":"2.0.14","@chakra-ui/radio":"2.0.14","@chakra-ui/button":"2.0.13","@chakra-ui/layout":"2.1.11","@chakra-ui/system":"0.0.0-dev-20221221104434","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221221104434"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221221104434_1671619524460_0.5458064407158301","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221221110721":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221221110721","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221221110721","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"793351fe6a3a6d71ff11960b385a817becfcd39b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221221110721.tgz","fileCount":6,"integrity":"sha512-Ulrx026aTEiR7g3/2Hzxw81BiIQuEUxwfKxKdml4BI/WS9eR9JLRqnfu8lknzi65R8w2hpg1k9O5dR0Iu1qJdA==","signatures":[{"sig":"MEUCIQDDaS8sclLzQOGEICTifiKMjXBuAU7rnwDWKU0pfzVwowIgSCF0TfwxmhIekKJ1Y5HZFycmN2DgmpF/Hx47BaXOosc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoukbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoz0A//SQAEQkxmJkmFgDblto846Ex9eUo52mV9oMQ6eWeK4z4y7bsJ\r\n02rtyVC3MUXnHc4EbKqnfk/e6gdPQQ6buTBuCgcnu9kO3nT4Xqu1ff/okUwU\r\n0uTrBgPh8WA6eIMh69ZPBSzH/Fu9Y3LVSbN7Kzk+XM0Z4fbOm+Cseo6uuEhy\r\nimOnirHK0ZOjjXdxPKqEzx7dFxOpeL/w6cc6GB5Qhj2BUHcrYfSdzLTYkLMj\r\n/AcbP0jrHZYrA0BKVFUwFysjeSTSOZbYm73YwMHI44qFRs5s5y5SlHSkIRj7\r\nN2oj97nalTPkHMADdq+4KMMY2n1e3PEMQOawvyPNIN2JVNFMbHP6DMd4zvm4\r\nM2sNXYKG3mlCrsN0bYNu/jTARd3lv1pO6T1/Fk4uF/J46RNLlVGmCl0HyyJU\r\nWMwVyuSRveA+TpoyuOqcd77NLCGFdImm3bO4husL3zxSOQMUOtETuDbEDHDj\r\ny3bpSvxxwqWpqE3KO+eHP7hhOnZbCNGZO7CEISerUVi4Qkm1j0uMRfwcVs9o\r\n42aa0dzX9rGgNL9pQlphfhaAIojVsioS+VKcemRQlbxXyzJOhqWnMj1NlIkB\r\n8B38bLilZWn48QN3lNkYb9kvIBCwvwCIyP8vIGdsEnCZL5v/SJbXDnb8rGOR\r\nOv/tmnrgGHohhbRCx2Nm0cPce4SP7CelqHU=\r\n=pShs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221221110721.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9086d193b1c8f2a85823ab4461b0714c/chakra-ui-popover-0.0.0-dev-20221221110721.tgz","_integrity":"sha512-Ulrx026aTEiR7g3/2Hzxw81BiIQuEUxwfKxKdml4BI/WS9eR9JLRqnfu8lknzi65R8w2hpg1k9O5dR0Iu1qJdA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221221110721","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.5","@chakra-ui/close-button":"2.0.13","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221221110721","@chakra-ui/input":"2.0.14","@chakra-ui/radio":"2.0.14","@chakra-ui/button":"2.0.13","@chakra-ui/layout":"0.0.0-dev-20221221110721","@chakra-ui/system":"0.0.0-dev-20221221110721","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221221110721"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221221110721_1671620891711_0.0526379144354554","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221221133224":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221221133224","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221221133224","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9824829a6c93ed06300400f05b8af26ad4ce18f9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221221133224.tgz","fileCount":6,"integrity":"sha512-cep/8m77zezAKpBzBbCvS/y2LojsQpv/iLqYLGTv0dGy3cMCdcvHuLI/c7J68rFAhpyUygXfGsvLsyfaIvr9cA==","signatures":[{"sig":"MEUCIQDScM7WkgYfMaPnaVuYp4MCtpTWK0HFLuHl6d9g3GHsmgIgIJxIOy04wvO7DenHTCv/rDqh90pH7V+n3+NWAN9ZtM0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjowsXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4gw//Vk06yGHexM1J79JurbvpaYCz99C41Fwsq0mQMWoAiYPVyjAF\r\nssX0vY8QU6eHtLt65ftKAfe9vCxvDC6hdolsu2hU9kqGg82dVkWHSbblpkIj\r\n+81dLiRGOz3phZ4y1dn6PKN8cMuGuVsW3H/YWwoFKMfLh3iBpb74ts+66Gej\r\nHVw84np/F1vj0nnStmcVDwNStuQDrGBJzgxqAUv4wdwYGVLWGW+RvzXlcAnH\r\nebHoOOZMNS/GQbWXEJpU5LQxj6byIHUZdU89GHoPoB6yedW4a1f4vn3CHC+B\r\npJWo1ZzfpzbV+Mcis/1QUeHWNXWnN0BXaVEWqdWBK28kiNTPZvdJd4gGiiBV\r\nPD6nTqHv1FpWvGcBo0GieUtMrOVMoEuQvmXW2P3OlCAIYuB/yiElXpiYZvb1\r\nNctZSCT63TjQ7gCLTw/vRqWxr74Xr07TPK3UEi4squzc1Ns+Ni58Pu7a3JVe\r\nb6YEBrvXXyMHO3stKR0A+B+ch/zRRTcZGHUaMZpU3Ljm5hEqudp4OO6pxf4f\r\nuu6dtj0n/RQYeaP5o46SLqMbvOS3jjFzmPEIlA2qRs66BWzt2i0YEU/z/oBQ\r\ni/UwqRD+WRtEVIxSNs2LaAshynRil867531rze1HTQysqd34WBuVwRIj7H4t\r\n+5EMDzLJj8gGM7iPFSHKwUTV8jpBRJHTU6M=\r\n=8LxF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221221133224.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0d7635e9d66688b8c2871360e467799f/chakra-ui-popover-0.0.0-dev-20221221133224.tgz","_integrity":"sha512-cep/8m77zezAKpBzBbCvS/y2LojsQpv/iLqYLGTv0dGy3cMCdcvHuLI/c7J68rFAhpyUygXfGsvLsyfaIvr9cA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221221133224","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.5","@chakra-ui/close-button":"2.0.13","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221221133224","@chakra-ui/input":"2.0.14","@chakra-ui/radio":"2.0.14","@chakra-ui/button":"2.0.13","@chakra-ui/layout":"0.0.0-dev-20221221133224","@chakra-ui/system":"0.0.0-dev-20221221133224","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221221133224"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221221133224_1671629591099_0.2839613229865159","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221221152939":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221221152939","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221221152939","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"10ed5b9ebcf1da2243864bcc1a926f2e7f9af7a9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221221152939.tgz","fileCount":6,"integrity":"sha512-FBwmsjc8MhNC+zbS0fQ31LZvPeffhy0Lrnv3R2Jr22GVfWcFwsWByia6rXmIaK2pXzYaKu3Z9K59CgP8BBeMvw==","signatures":[{"sig":"MEYCIQDcV4a2UsvIhfiqkRl+KKzVQj19mNL2ib8EetnZY9GcgAIhAKDnlbPPwEOdEES4lzBz5vR/obvigUfm4jpQyKr9LEbe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoyaMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWFQ/+NSoBtihqEJHuF5C+Ym0L/U6FFC0W/q/Tel1+ewrIHbsbeZrB\r\nAEfT6kYUcP9T3EMKanBaVbVyrqSnNfx5GlfTxrUdGjWnSl25hIVfFacnmMwn\r\nvCNi0m1A7kKM5sgnKcCorKH3oxkVkUvIutXIkpOG0/uyGp36AG2FODt+qBcB\r\nTKiAoiDYgMP2nj2B3SRkGTb6w07o0IC2qMnHRS4iJ86iT+D++43rJ0Xp1p5H\r\npfKAbxRQe6Vst1lVPuee5jJafF+rcch7P7xkX3BHtWSVYUsZegtDauCELFmk\r\nnPPD824jlk5cqIgCGeYa7yzIIjQsdhltk32CtzaDZt+n1ufpFCylH/F5+Uci\r\njsDG6gy0PF8PpB+mnimgkgmSTm3VichLFilAcNQuMYNvNmEuHxA7mNps2NfR\r\nLwZStFLCI2nxOLcH6U0L0j1msfqghxVc96YbymglD33UHTG5vLOgTootVvK7\r\nxWqsqP58wsM56hUm6A76Z2Dw0t5wvV/7GCXg0MZ9W4y2fpDAUaoGBDAcrTZG\r\nmnNy3wKOI/P97ZkriBbnI5wQl8139XEDd/M6JWOvoRPp16l9BYvP01YS8oma\r\nR1XACbXshSRcpaAI6IgfDyqsT5AX6YBoUWxCXyRZN4F6joHDN4aHwPK1eykD\r\n8wR4hDcPNajQsBcy2av3tTzDhyEeBavxgCM=\r\n=lJP1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221221152939.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d750b89eaa9468aab0e14cd0d97176d5/chakra-ui-popover-0.0.0-dev-20221221152939.tgz","_integrity":"sha512-FBwmsjc8MhNC+zbS0fQ31LZvPeffhy0Lrnv3R2Jr22GVfWcFwsWByia6rXmIaK2pXzYaKu3Z9K59CgP8BBeMvw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221221152939","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.5","@chakra-ui/close-button":"2.0.13","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221221152939","@chakra-ui/input":"2.0.14","@chakra-ui/radio":"2.0.14","@chakra-ui/button":"2.0.13","@chakra-ui/layout":"0.0.0-dev-20221221152939","@chakra-ui/system":"0.0.0-dev-20221221152939","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221221152939"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221221152939_1671636619925_0.7796865295400874","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221222051548":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221222051548","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221222051548","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0e0d56d47e61cec8a5a0a33d738b3f7bee3d1cea","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221222051548.tgz","fileCount":6,"integrity":"sha512-70Lkgp60HbQZDEetiVtMIT8s2ohCDiEwwVUimFrZRFcIHa0CjpSQYI42JuKldqUlh8TByp4s/ycdmdCecMkTiQ==","signatures":[{"sig":"MEQCIA7p63yw5owURixD4A/FEbMA3Lfoan8kPjqcESk2+Aj6AiAD+mSt09SEWa/Xvl7mh9I7UiS5IsqRBx6OAYoku/H5lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo+g6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocrQ/9GmzvYITsly3UMAlFGyaduUA1QK28mk7waanW6hydZu11U6Ww\r\n6tMPiv9F7hkxlrfwyCytH14jFcWHiCnMBuf9Gk18ha6Ea7/Sa846y5jeS3/1\r\nC33s1yaqzMupv7VwVf9HNQTmqqexrh3CRnMaRGmZ5OiyO6KSwKAvE+qAhr5x\r\n+jugvenXHqJrcfERHa6yyeZ4MDzfSUPVRHwFkZuYJP/YrIqukUwUtB8Y5Ck3\r\nVJif28XHMjGciZg2NcKzbNq4P6ue0Qlh9UFBigdfEeqBXaDvxRP/tT+oykWn\r\nSYc/CDXb5IuDFM5wdJXfv3cg7IaUWcZXi9H/wlkGaNUq+xp0HIN+A/QZtCbG\r\nmztLBR6A9AVMwBk64v5g6gZQdVYCjUeNKn9TBrwNM4fYh2UHGQQ+qVdmzcL7\r\ncQwxTz0UjeAY5geNVzzkggnOfPz3XXkRwmYV5rV8M2PgM8EfPNLcoX8k67mb\r\nbYfTo2LgYN3cSk1Kr4gjWmoorJpuKr6FTak+/xXWmGwqnq/Txhk+fA6WcaR2\r\n31NiKVDT7MOZEp4E1Kx/fBZtonX+xDPAjtZ1glLi269UMCz9/pWYk55XrRw9\r\nZnwQkhrkkxHaq5+AUpFSfbGcQGd+x9W2zKfTfl54jYDZSLauOFHk/GyS6Ug8\r\n0XUPM8rrtFpmroQVWT8gCRRIG8cLwMN5NNc=\r\n=iOrH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-popover-0.0.0-dev-20221222051548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/43cc0a985f19d2658e458d898625de93/chakra-ui-popover-0.0.0-dev-20221222051548.tgz","_integrity":"sha512-70Lkgp60HbQZDEetiVtMIT8s2ohCDiEwwVUimFrZRFcIHa0CjpSQYI42JuKldqUlh8TByp4s/ycdmdCecMkTiQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221222051548","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-types":"2.0.5","@chakra-ui/close-button":"2.0.13","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-disclosure":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-focus-effect":"2.0.7","@chakra-ui/react-use-animation-state":"2.0.6","@chakra-ui/react-use-focus-on-pointer-down":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221222051548","@chakra-ui/input":"2.0.14","@chakra-ui/radio":"2.0.14","@chakra-ui/button":"2.0.13","@chakra-ui/layout":"0.0.0-dev-20221222051548","@chakra-ui/system":"0.0.0-dev-20221222051548","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221222051548"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221222051548_1671686202607_0.641354960291699","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20221223180742","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20221223180742","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5183813aa6cc2ea4c076e1b2b56ed1a64f486ff","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20221223180742.tgz","fileCount":54,"integrity":"sha512-YnTi7EBnr4xpqQB7Bcmb/+TBnRPielQ7DKbj8HystAeIhH8RG8a0/sDUM7uLmaP8+94oz14EXhbG6W6Crcep0Q==","signatures":[{"sig":"MEYCIQCd7D0b8jvTRZ38pqXvIcefA6EkhDIwtlK/h1V2ftit1gIhAOSB8b8KzjFsGyYKB74bpsW5mlD0ZqJBEV6CSC2RY+oU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108814,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe6zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVSQ/7BaUulCtuIlO/buiut25Vwg9Aze5UCNMT/0NL36+BMwb1eeDD\r\nmO/RMpU3e0fugriCkZqU+X2plPKh+DvoYoYToiYagQdLBAXeJ8xYtD/gRas6\r\n3ufQzX/pJ2plQ51qpptq9Obngv13a2zcVI79CKMkDGop7LYVqNoDqLJLmSqR\r\nY+h51FE8skfVkPjLbyGcMhsWMhXkdzCrx8S7hPNrojdtsEeInwvMiBqY9S+h\r\ntLF2zZmNOlBBxoornoj5l9r5Be2fTEH7Ad/fb2oT6A+YzC2HkzdtPQrPJFrc\r\nTtkWSQLaBtm8ZijERl3ip+FY2jI6126mxUSSvrj+9oeQpPabIOk748idHsTL\r\nK/4OxAMPxJOkrlErfV+wrEsQMs/PwkwZJfZAjPOq+OSa8bGHOlt4w2S1H/nv\r\nmdpIUQA3MutgexD2WdD3eEJ4K6Gdcar4ap/BAANFx9Lbu9ZBG+cAH9Dd1a8J\r\nvcCATApbDp7fGfXVQkP0qVvRy+wqAy2EQC6UWWGM1h+uH0BXbh0j0JEUxgnH\r\nMe6cBXpctlcv8TSn4Rsl4OOUeZOQW5bMcyuvAP3n0zQwxcjcSDIpTUKGHTqD\r\nz4LbMLXNhxsiuAvhCTuxoPhcBZmnmB293Pv0BzqbUOlacVXRlnp1Tx1UE6BL\r\nh+zyofkkJRFpWbHbcPGwuOUxmTEcsNQfAmg=\r\n=G0sY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3d2b78614d0be60e04ac3c6e3a647d01/chakra-ui-popover-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-YnTi7EBnr4xpqQB7Bcmb/+TBnRPielQ7DKbj8HystAeIhH8RG8a0/sDUM7uLmaP8+94oz14EXhbG6W6Crcep0Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20221223180742","@chakra-ui/lazy-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-types":"0.0.0-dev-20221223180742","@chakra-ui/close-button":"0.0.0-dev-20221223180742","@chakra-ui/shared-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-context":"0.0.0-dev-20221223180742","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221223180742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221223180742","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20221223180742","@chakra-ui/react-use-animation-state":"0.0.0-dev-20221223180742","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20221223180742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20221223180742","@chakra-ui/input":"0.0.0-dev-20221223180742","@chakra-ui/radio":"0.0.0-dev-20221223180742","@chakra-ui/button":"0.0.0-dev-20221223180742","@chakra-ui/layout":"0.0.0-dev-20221223180742","@chakra-ui/system":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221223180742"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20221223180742_1671818931658_0.3613698206039757","host":"s3://npm-registry-packages"}},"2.1.5":{"name":"@chakra-ui/popover","version":"2.1.5","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"435fe2e8f9bf2c2fd433334edaf5a98e9fefb0e8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.5.tgz","fileCount":54,"integrity":"sha512-ERM9312mJ1RbiRRdgn0E8jS10ZNBsACFkLhnEe++Ow27pjuIxL/MCpCatEGx9b97osHSsfPHekHjaLcOoCqVIw==","signatures":[{"sig":"MEUCIFtycUtdv7BzRdkL6wTuE108XwYsRPoJ801h2HI2B8TkAiEAmbsTZuHk922B8PT1HmwVi1UosBPvCtMHjlL4N7xrXIo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIMQ//ZLRXVMnhDuBxvn/tzvOPRxu+vGBG+VNQokmYM2xA+j20+daD\r\nejrWm9jrHtWk/9XT/xKln3yDczj6S990d8MbRQPPYUt+k9oPtz6BBh2LMRUV\r\nR62gD+kTOb0XyJMswcqy2SeYPfTKQ7+zo9UiIh4HHG+VYuo6uIY/nuIi416p\r\n2AX7mP6KLeVvYU3jn9rRpYiUv69fOBTovuKFL+moN4CoiYjiYNeglGdTz/Yy\r\nU0lk2EFSzqXo/mTdeN0o5jYAtSK9ntJh21x76rne6KkzTmMx7VQgHqlJcJFb\r\nXFbN3Yl7LwY78R2blrm1TF6Hmz2ZmVIzwmsKOsbec+F5v1wUlj4EbdKwzxSo\r\n15ac2BHkK60BnzJJUJzPEnYBJlv3qfqXb3NrTWfR/cbPELBFlFrTXJMB3o48\r\nj+U2BNHF6VaUxIE34yh409UhC+7MO4WrP97TBZu0/nW2NxlzU+iKfT/3bZo/\r\nOX704GoxbipigVGnItEuD+5YegkzRsz3Pu+n2ll/8LmPQPfch6EooTiBV6w0\r\npsVvHDjO9OgGnFfZh9o7Qh6xC61sABRcFVDOhCcSdMFmNcyGOIQO/MzjqdSU\r\nhaXmm9/FDpaOZ1X4kS9bg7ZI/4ZGDWBr6DIU1lig1hLvBZudGe5qwz8hAyae\r\nU4j4Os20PUFcGqdl4bHaU/YzuoL6TOeFSAc=\r\n=2ECI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.5.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/138008d531c8e5c1ac3e81b621b2065a/chakra-ui-popover-2.1.5.tgz","_integrity":"sha512-ERM9312mJ1RbiRRdgn0E8jS10ZNBsACFkLhnEe++Ow27pjuIxL/MCpCatEGx9b97osHSsfPHekHjaLcOoCqVIw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"3.0.11","@chakra-ui/lazy-utils":"2.0.4","@chakra-ui/react-types":"2.0.6","@chakra-ui/close-button":"2.0.14","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-disclosure":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-focus-effect":"2.0.8","@chakra-ui/react-use-animation-state":"2.0.7","@chakra-ui/react-use-focus-on-pointer-down":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.3","@chakra-ui/input":"2.0.15","@chakra-ui/radio":"2.0.15","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"2.3.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.5_1672060443642_0.25287964443561184","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230106083209":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230106083209","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230106083209","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dafecbac19eb51218880142f143e43c24d68665d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230106083209.tgz","fileCount":54,"integrity":"sha512-i5MNvFokJxy1IYwPFKzV3F5nI7BYHWJcx/q9qyZT8kWyFOfG8NE+2p48T7gR5nizLruKq65PofuMY21e+Hr/vg==","signatures":[{"sig":"MEQCIEev8IbIHe+P4cJ/WqAUVZRkd+93VAJtfZ8APXsSIVGwAiBK4tSVbL62A+fQJ8kG6l0TxQuJ6FcKIiuZJ6Baln1M2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjt9zNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4jxAAiDZcc7F3SU5nFhjNAFl2Hznpbr+gXB660G0OcLK9bvEd9AdU\r\nblv9niBQmRFoFAti9XNRpaq56mtbYBQufRuZOLWUoEjbixVrFFf54OpPaR/K\r\nkRgO28MOzWyY88MAr53+NXMfh+i6rm2ErlJaql0bHGEowZeKydkePe1mTqnJ\r\n2+Qc/FJpYLvrvyS3NZxS5iqolXTf3lWiw0GZdJ2rg+YtBS2lcyBsfAslBl50\r\ngW0BrpQ0StncUhV5zTV3KFqg9ti9D/FHKqawhwQKMlny3PSaCUizCflWpCUw\r\nb9tePe3+u2giIVtUUT1eGeCbD56Oztwg4bNQZWcitQzchRWq/2R6K07zOkN0\r\n2LANigTFr76Zs5P5r2NytHVv+9riypLhlVstrCQbRZP3qC8YLQuVoE9V6cr3\r\nQCP8gwUHsx3kINhhrhSFkjqDod6SKFdiuF8+iHBdCaSB/Iqm42Qdx7DX3InJ\r\n058WIou5BRBuQP2myQlPKDdp84UdFeG1nv+vx87a9W8a1X03quzocwGEhdHm\r\nOKLmsbuNt8KM49GZiZwsSGWTPTXmOGr0cPeDU9bQauIElfoUe1JFyM8qBF8L\r\ni/lAe6+LfxmnyG9rwl3XBlOBEVlCnOi4iBlSUUu4KIkbqggVMNA60xzGICfu\r\nJqyUzPaPaQ84sjCMOFkKhdIpiaKwt9ZVdCA=\r\n=ja+X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230106083209.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cf64a31ae3d65619696f0bf1ff06dff0/chakra-ui-popover-0.0.0-dev-20230106083209.tgz","_integrity":"sha512-i5MNvFokJxy1IYwPFKzV3F5nI7BYHWJcx/q9qyZT8kWyFOfG8NE+2p48T7gR5nizLruKq65PofuMY21e+Hr/vg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"3.0.11","@chakra-ui/lazy-utils":"2.0.4","@chakra-ui/react-types":"2.0.6","@chakra-ui/close-button":"0.0.0-dev-20230106083209","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-disclosure":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-focus-effect":"2.0.8","@chakra-ui/react-use-animation-state":"2.0.7","@chakra-ui/react-use-focus-on-pointer-down":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.4","@chakra-ui/input":"0.0.0-dev-20230106083209","@chakra-ui/radio":"0.0.0-dev-20230106083209","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"0.0.0-dev-20230106083209","@chakra-ui/system":"0.0.0-dev-20230106083209"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230106083209"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230106083209_1672993997416_0.02540509386006895","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111055325":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230111055325","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230111055325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6d43d0c0eb78f095c1487cd3afd315a43dcd05c8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230111055325.tgz","fileCount":54,"integrity":"sha512-vhOyYFtsTlfdI08zza+M4uM4E9aoQj5aPVIhMrl6AlcNKwdAZb3WeUruvkqf273RhWHBsikVB3k3Sd88SNhOQQ==","signatures":[{"sig":"MEQCICACF8ZjGJ2O42m1Bb8SjjTOEWCMS/mZYyGJGhgmyhs0AiBaMtlWksC9HFUbfHxtgbdQm2Vn7l7MmgyhJw5LNIVReQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvk8XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2kA//Q1dgJ1be8cKOg4avMqh/8K3qzCPGtLezc+rivKUnpf4Uz1Vb\r\nFL0VnX6xPMyiCpyMcXSeNiX/LTmGwsXaHUqdI6+mzhpQRBxkBcAzpY9XdRKg\r\n96UitemQj63ETC73YGulMMx8ZXHtfOoj8Za1ckmRpAYJf6spHSI38ofAgfeY\r\ngn4zY9YT2tBugF95k+bKDi9fjCGTiy8nRcthAiZrAtNu0LeeUfo1eoSfWWwW\r\n0xx6c+lqc/98dSAXmSnz9Qe6SwLMeVGaKQqK8CFp59rUnmOFvH19GZVf4LQr\r\nQmqE077TvWTaRWipDO9E1RSzYxmr0avsP/IExobiwdIc3ihiPJt3DAHn1gJY\r\n7KnQxCEi4H4OMp48ONUy6KL4K9Db83oVTmoW6DFr4MyNZEW7lVwX1XECVE0N\r\nUBSnpBxivYM3cTM4PeBuAkCkqAzgfD0SHF3SHORa/zoR4IdDz+UqjXSAgFI4\r\ncBkj4ZqrJtbj0egQyS8o8647294xdW8ALRu6aeSx4F3K7eAOEpZiv8I4tCk8\r\nbCNTJtL9SqZaoa6DxxTUNk5bgeys7p3c8dE4xtymeyQLPosiAVXCFwBJv5dN\r\nYpxiAd4eYsdsObDAGJ2pKptlaKhE0ius8YGBl305tutpehbv9jEgRzdH+y6w\r\n92IfELC/LRtXyj5Il8Bk2DG+cWbub4bZkEk=\r\n=HWEg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230111055325.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/62ffea33ed330606fceb9f9d1a08fcb9/chakra-ui-popover-0.0.0-dev-20230111055325.tgz","_integrity":"sha512-vhOyYFtsTlfdI08zza+M4uM4E9aoQj5aPVIhMrl6AlcNKwdAZb3WeUruvkqf273RhWHBsikVB3k3Sd88SNhOQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"3.0.11","@chakra-ui/lazy-utils":"2.0.4","@chakra-ui/react-types":"2.0.6","@chakra-ui/close-button":"0.0.0-dev-20230111055325","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-disclosure":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-focus-effect":"2.0.8","@chakra-ui/react-use-animation-state":"2.0.7","@chakra-ui/react-use-focus-on-pointer-down":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.4","@chakra-ui/input":"0.0.0-dev-20230111055325","@chakra-ui/radio":"0.0.0-dev-20230111055325","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"0.0.0-dev-20230111055325","@chakra-ui/system":"0.0.0-dev-20230111055325"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230111055325"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230111055325_1673416471135_0.7974276141611563","host":"s3://npm-registry-packages"}},"2.1.6":{"name":"@chakra-ui/popover","version":"2.1.6","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2a2bc80be5f595abe8dbd1cd3a88b61de2fca10e","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.6.tgz","fileCount":54,"integrity":"sha512-KIdTXG65Ugl2Dvb7VGF65FqdkmpB1/LyVjLH8YIMyhnN0fo+d94M/WWVIrdMECQVjTXHMsLDVKYSEbm4x7RHWw==","signatures":[{"sig":"MEUCIQC33kUY40BTNIYJlez9isgCMjB5NLECrRT4KsRq7WFSmAIgKpn4Xhx0Vmh4fiEeT2Nhy1rME5v/sYpGiPafAiV3ZwU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvmXiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmou+g/+N7xMOcFGJ0BCdW+MkLIF7idgWlHyHrztHznNXd/a6P2VTsXf\r\n5jhX2Ub/3KcddOq+kmbmaQl2vu0zv5uzww8WFsN3zJSoWzlQJ8ZsOmydAnPj\r\nxUXoH4yZEl2boHm4zCpakS9Xf8J+3sLN/EwfyXXHDffkfJ1aLvRxNQZKHFUW\r\nsGHrdPmcX4V98HN7TfYbbK9Jg7tBuYRRv+oTGK0iECpykB2ApLp0u+BG4HrR\r\nJcSA2SCpXXxMkoy3Wcu1LzqKCwJd+X1RK4MmfaG3MkCu4lOipHlHgLfrxe1X\r\nyMye/1vMGGE8u7KHkchzUV/Yj8xlSciQrKiUa3z0W7p8DOLzcnAicoUWEAxN\r\nwEL9IoAE/x8VMaLffrO2owHVhL9v71Hzig0KH9eZmkNn0ifIBz7uyRs+JbEY\r\nIf2dAYqPQ9c0hG4M4gtmKkZGtrCpqo/Q6ok25cHXmphU1uWBcp6lGTwvFp54\r\nhA9SnXSBWf9qiglxoEK2Mr/MfeD6ZKMjvjROhiJMe7h1Y8YyJ1WVNiFy63Mo\r\noITTdOC1vVHznPg5ne+qdLswgBVMEPcm1V0+Wmnu4Gcii22K2esIyqqfb9Dk\r\nElzEy2tvgP0npn9FvCrkdgx3NggSnFRX2ivo8rbZj3zHUny3zNxi055mFUsl\r\n233tBnGAJC6uyRzOx0/7+2l/xKGJ1UtU6T0=\r\n=BYb7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.6.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/37fc21d2706f92cd7e33a1638f72ff0a/chakra-ui-popover-2.1.6.tgz","_integrity":"sha512-KIdTXG65Ugl2Dvb7VGF65FqdkmpB1/LyVjLH8YIMyhnN0fo+d94M/WWVIrdMECQVjTXHMsLDVKYSEbm4x7RHWw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"3.0.11","@chakra-ui/lazy-utils":"2.0.4","@chakra-ui/react-types":"2.0.6","@chakra-ui/close-button":"2.0.15","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-disclosure":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-focus-effect":"2.0.8","@chakra-ui/react-use-animation-state":"2.0.7","@chakra-ui/react-use-focus-on-pointer-down":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.4","@chakra-ui/input":"2.0.17","@chakra-ui/radio":"2.0.17","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"2.1.13","@chakra-ui/system":"2.3.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.6_1673422306356_0.8009920478070753","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230111211417","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230111211417","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9a7720ad6c971aafa61ed25b24b55e8ec138c755","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230111211417.tgz","fileCount":54,"integrity":"sha512-kytb19o2+8zGcRF1TkDx/8fmDkJsP8lMj6WXRe7gcimpYvcsV825ijILa7eEXyucqKnE8LNhiDRafXa9zDUDng==","signatures":[{"sig":"MEQCIAFHDn7V9EN/i4lpGnDgwHmlic9tJUH0OGWc4gMIk1+jAiAFI1+P8MzxsN+1Uiqu1iHxW5AOoFiiIxAyANhq2fAm9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvybvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqtwg//QH4Fxy4IRaYyhoddC8NW03GPCBoObfMDHsiJOiFxsBrhb6pM\r\nk8VaU7CHDej3XimhPU2X7JRI1G5rGtq0vtEtt7gTVpz8veDeCjBKXSMtqvW9\r\nZV3T6tG+7ptk8ZzHWD6xEnq9SFG0IrtRzfGmbOcULOCcClH1buDa3cY90lZz\r\neZwH4YUII+ZNeq4K8SbfMWOyhB2IYs0ArRe79NRuDxlnEqDIRz9lLGPO5/0s\r\nyu+ayAaA1Pm1r1WN/nsLYZz+QtfRVel2Rs3XnLTtGrBYc7Ae0RY10ywKj1i9\r\n/R/JAjmFITD8nq+Yo58POJSSgxUVf35Gp9wNZMjEI5/f1Wnxf5NDM4vZcbaY\r\nO6Gy8MSZSn/dBX33XpBfsMex2y3elUrWwNleBi8ZiwuuzGTW+F0tCDsrcrIw\r\n6MnhO7u2oqJJjKDLyQeGAXcebmoTqHvBwAzJKNPFOapQXhIGm+GeFQ5Hxq3C\r\nghAWOQHHEBOXJIOprWVSmsQbiia3a/HUiofo9JSbHgAxIW465nLIg/7K04+U\r\nrYY9inRihq/fF81DlVwWh1a0Svwdv//UT2YjiPw7U4MHqVYw5MU8z7rZrB4j\r\nzpkZ6r2LQm6EuAXaf5Jmlp+rqU84w+d6mwuFzC7/M1IbUUUwWxDxQroVEfHO\r\ncs4liy/ASMqMcH/wwUV4h/4Uoo1tsuLvtFk=\r\n=eTdC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ca2b560424c96f537496afc55a49b62e/chakra-ui-popover-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-kytb19o2+8zGcRF1TkDx/8fmDkJsP8lMj6WXRe7gcimpYvcsV825ijILa7eEXyucqKnE8LNhiDRafXa9zDUDng==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230111211417","@chakra-ui/lazy-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-types":"0.0.0-dev-20230111211417","@chakra-ui/close-button":"0.0.0-dev-20230111211417","@chakra-ui/shared-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-context":"0.0.0-dev-20230111211417","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230111211417","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230111211417","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230111211417","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230111211417","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230111211417"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230111211417","@chakra-ui/input":"0.0.0-dev-20230111211417","@chakra-ui/radio":"0.0.0-dev-20230111211417","@chakra-ui/button":"0.0.0-dev-20230111211417","@chakra-ui/layout":"0.0.0-dev-20230111211417","@chakra-ui/system":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230111211417"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230111211417_1673471727671_0.6213464985415575","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230112113621","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230112113621","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"584fbe9e29e4b5bd650cdb98568cdb0a499fb02d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230112113621.tgz","fileCount":54,"integrity":"sha512-9FJoN6WvWGuiBJrVw11JtEhRt0WltzCRgO+pyPIYze+NJbaxgKDPzeGc1ewOBrvSkIyb5T86W8Db42FRCwdFKQ==","signatures":[{"sig":"MEYCIQCqw4/oxSXCXR5Dm8xRe6EgNr3nGYsDNrwttiy52mATlAIhAOz//oUeTLDW5KaEoHDDbVD1pn5/wJfEgs9qGbWLBwuv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/EJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplfQ/9F8EfEbL762tA4cYJ5ke4h5jVbn5JSqoVVDSCw4ZbihNHS9sr\r\n/CMISUrEaJ7cOUDcu+jEBcESuf/MUJh6iSkPWvRHa1gTJGWiTNgft/xZJ/Rf\r\nQUJKFkoAFfYA65rkxFefFbEh1qo+YPHwejBJ/6elkXMUBJfbnyhOFzWdlc4Q\r\nOjKt/b3fgLPrioLZxxr6e1lcYtwHFYcNsnmp3M+UjixbMMblVuvL0RB1P0YC\r\n6nYXN77X0y7OKPCJ3VSiporqxhQk70PTgK7E+oVuUINtMnheND+jAJxovcsv\r\nVDi0Y0XvnG3LL3vDEXcRL7lylIPZbG8rKtRogmyAahRRvIURTKgKzaPmMP4n\r\n1QkyEbl/mGaPV9wTg3R38/Fd7UYqy+jO3GY5N6C1fti1y50WqdZKxoVRpe9I\r\n0XIxPUUeiJJNk7qyuNCCTJMRz2CY85RJLBLdaISHCVEwNaw1RgZ9YVEQ6It+\r\nNv6AQ7mlj3Cgbk0+CBeIYmHYVtfhFRpac1ZO/nwseo5prm2nhpfUKZhT3G/Y\r\nAT1U1BUxhLYVUJdBSBBOoFs0+X389aDNL6isdeGkUt6lkA8ycNmzfGgbZJWJ\r\nZWQdBinwyQADAzpDZgKauYv6o4pbdRoo1rcOWhI8BVBr6FF6fEztEDnnokKv\r\nF7gOeekVDHwOnjjNxkSIM0wDYBAsG9vcUAI=\r\n=OE+N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/27d2d254b262b1760b54dabf59bd00b6/chakra-ui-popover-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-9FJoN6WvWGuiBJrVw11JtEhRt0WltzCRgO+pyPIYze+NJbaxgKDPzeGc1ewOBrvSkIyb5T86W8Db42FRCwdFKQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.2","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230112113621","@chakra-ui/lazy-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-types":"0.0.0-dev-20230112113621","@chakra-ui/close-button":"0.0.0-dev-20230112113621","@chakra-ui/shared-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-context":"0.0.0-dev-20230112113621","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112113621","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112113621","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230112113621","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230112113621","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230112113621"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230112113621","@chakra-ui/input":"0.0.0-dev-20230112113621","@chakra-ui/radio":"0.0.0-dev-20230112113621","@chakra-ui/button":"0.0.0-dev-20230112113621","@chakra-ui/layout":"0.0.0-dev-20230112113621","@chakra-ui/system":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112113621"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230112113621_1673523465149_0.9367292295091658","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230112141201","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230112141201","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"adb3fc6755986307f64f73a9974ac45cb4b2d7c1","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230112141201.tgz","fileCount":54,"integrity":"sha512-wmdKMD1IzjKiAIIzwj+YyTgxhV+F0IxOT6Wr0+9s3o9L9/wHDldZ5RndthtVMnHwKOkqYgerMxaPk+7AzwvF3A==","signatures":[{"sig":"MEUCIQDtE7rgKlnuZzs3jTag6P8Ndwsg+NHwz/ZQFyYpWQV4igIgRv6B++BwjIZl7VLdbtU+WVr12GukQ1pQ2mIcolVJcuA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBWSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOSQ//QWUducITluJURhPWpK9hn84dEzUGNNT3LnzzapFWCE/xJBwS\r\nOBAwJYYWXPw6x9dkd8QMQ0cmzv53ewW5ZOpN1wk8NRY+7dq8Q/mh9tZmFsMK\r\nmg4/737u6lAs+ztGQR+ieL2qsPgVmYW06/EepjZU4+sv16eXQ66o/K5zYbu+\r\nW7Yvd0KOGYJpsavOssAYarrb5UCLZwGm5p/vkcW+q6tDEz9S5GtwVzkllLqY\r\nMgQ6jrIOBmUVcYeKANFRxMGmxX0YuPwGeoMj7tA1msR5eaUUTVxPP0EXVvu/\r\nU2kcxJkjzVEiCbnCp5DLv5DLotj5kxh0gqth6EvHei92ciZLE5bMTPrfUTAC\r\ne8/YVd+0SaAuN8HpFxmvK+LwutzqvuqX7kvFIDlf0pS/fvWFdcqhS+qQ+kkG\r\nV36wO3pjBIEC0ItqSErMVj8WhL7BIgpS/wnsrSw9sUs6i+W2d3AMRbibuDRk\r\nzUSSE7fpm6GffBC4MWVMuzDJhV30MZSMi5uE0wCvfOQxSkgVJP8U+mxFePxv\r\n7d2XpWkiO+bZYbb/AKnhVpj0TPcdhGJSK6yGVFQlFqsTeHgROj17RflmWBQj\r\n5p89M49m/2qVshGrNcErOkKeZlESh1rpiavjI1HOnTimHrKp5e2izE7T6pI/\r\nQUWc6mUGN7gbITcjrklmP34WhTKYYif7UAw=\r\n=BNXl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9111479e16ec784b6e298c4f84b2515a/chakra-ui-popover-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-wmdKMD1IzjKiAIIzwj+YyTgxhV+F0IxOT6Wr0+9s3o9L9/wHDldZ5RndthtVMnHwKOkqYgerMxaPk+7AzwvF3A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230112141201","@chakra-ui/lazy-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-types":"0.0.0-dev-20230112141201","@chakra-ui/close-button":"0.0.0-dev-20230112141201","@chakra-ui/shared-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-context":"0.0.0-dev-20230112141201","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112141201","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112141201","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230112141201","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230112141201","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230112141201"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230112141201","@chakra-ui/input":"0.0.0-dev-20230112141201","@chakra-ui/radio":"0.0.0-dev-20230112141201","@chakra-ui/button":"0.0.0-dev-20230112141201","@chakra-ui/layout":"0.0.0-dev-20230112141201","@chakra-ui/system":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112141201"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230112141201_1673532817806_0.6201533510558586","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230112143332","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230112143332","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ff9323ef91229e8f2572bfa9caaf20ee4d77a590","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230112143332.tgz","fileCount":54,"integrity":"sha512-WPV4iZGCfC2T1NEObsWdol9r7gOcIVM77l4P8/ENf1EfEQ51nGuA0J4aNAZyaqOrOAlatV2tzrUBwc0IfU97Kg==","signatures":[{"sig":"MEQCIDvWAHT20MsBMRnSXwFS8zlW//dfx9z+scJzuK+e27csAiA0NqpwewUYlRf+gfU1TRZrzdTqEAZ90ZQ8TjHDx43efw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBqdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpjA//SU0SDMU1hy1kt+KXbwZrHkpWSUQ9fkyuA9ssHgsbexDxoN2x\r\nkEHSeQ3dhe03lXYM/0Kmxuq5NqlfJjU8qb5wyS9Skw9N9W1zl5yhTBQloUhG\r\n1FYGpwuG9Ne3Son2KzjIuu9WFwzeq5w2TNn2ddyK4LJCdz0r0PpU2ttBrGUg\r\nHRBr04FgKGJBZdlWAsr57g3tH6aVg+3WbHssqsHMxt/etUNbPO/y8sQYtheB\r\nXjo2cvevslxHCU9R6zUsnlGkCA+kYHfSpq2u+LlF7XWGZM8FmUJdzxJB410/\r\n+zU0OHz0efP5MXIBULdsKO2kmqcwRwy+rUgnazaUDtNH766L3TS3bW/korrC\r\nZ/dc2pMNVtA892dAR1TDzU7t2Maa8nROdKnEvBhQGiBJy5iI6RCNWbr/VzGA\r\nAJdQbdwofiIUgWcnQiygYcTQyQ3XOnWD0upwmJzIdnBCjPyLDl8UkU2EJfjN\r\nDvbDI0rG7EfcXbS7ZXDfeiUEPU0COl2XhmBYXfEoWZDcQPaE0roxj/Xka1VC\r\nVNHGx4ErvcYr9xk/7nEkbXb1/Ii8kn6xy5PCEt4QdYsXV7l7O/m2Cj/EMFkX\r\nwnutUY7CjCDCaSrPp0MXsBFEz0JEZhd9uyrtzXsxM9gB00WkZSzVMguiQ2qB\r\np3o1+z0IAZDMa1h9VZd2MNompi0kp5JqtDo=\r\n=bahV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/01a55f42b996a0d78d269967669d0c68/chakra-ui-popover-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-WPV4iZGCfC2T1NEObsWdol9r7gOcIVM77l4P8/ENf1EfEQ51nGuA0J4aNAZyaqOrOAlatV2tzrUBwc0IfU97Kg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230112143332","@chakra-ui/lazy-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-types":"0.0.0-dev-20230112143332","@chakra-ui/close-button":"0.0.0-dev-20230112143332","@chakra-ui/shared-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-context":"0.0.0-dev-20230112143332","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112143332","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112143332","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230112143332","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230112143332","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230112143332"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230112143332","@chakra-ui/input":"0.0.0-dev-20230112143332","@chakra-ui/radio":"0.0.0-dev-20230112143332","@chakra-ui/button":"0.0.0-dev-20230112143332","@chakra-ui/layout":"0.0.0-dev-20230112143332","@chakra-ui/system":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112143332"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230112143332_1673534109133_0.6469835598979536","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230112145104","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230112145104","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5a2d2e270882e7ab38c71d09451e0927a7a808a2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230112145104.tgz","fileCount":54,"integrity":"sha512-NOVt3xbynU2LIvPiuy8VbVMX64+bKSdcmB3vqpNKlALeMCsw62AwFKS6MiRhvR3V9ZIv4wPlYFgphZoYCWcyiA==","signatures":[{"sig":"MEUCIQC90TS672vKJXa5yQ23KWiSrwnF9q/a37s0+j2rF+jJtgIgF4qq+PhHUNJJUKNtX4iDQKhHrejEIC4Aoqjs2XEkejE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhEhAAkhto5pkwjeHN0qVieMpLxBJv84v2XHO3UMsAOGEaRRJk3zja\r\nX+ILg85SlfAmJlV33YH41nQ73EV2x9dJRu5UT9DrJcnD1Kjt330N1Mzyg24o\r\n1XUCr8LPaAKcxVCZvpJ3ENtqCidLMpeHMecQLCdy9YL7qAHZQZuI9LTv57gn\r\nIsx15hFBIuVa7n4uaqDZ8mJPWsJfbbwWlIHcSWbbq75HlWVD7jdWUzD3loNY\r\n4KfttUco6hfmxJ6I9aA9IzaFAZOLWGu9ynjv3BtfGuMhwk51IWS40pJeQKQP\r\n/dpA0CDjZUUckKVxitUTshEhCKowakaZmPUjB4ZkPecScmsMPnhS9bBDQOq9\r\nPsKFjcq3cCDnUt/yyKJWmBM89Ib4ndg8zBVfzEO8mgS9WEP8GTAiK/gM75id\r\nafkf7ouPPdYN/fjwoEuYTLf1NyBXkkQegfEWMWy+B9Xpe4pM6iTYccWd1evo\r\nRxzGjF1X0oWV2yOzLlFM+fvbyacJZBHCICZ9aytB9DERx7VDLApo4nifSiHx\r\noH7mKPmvsgHBIfa+6SUV44sEQUHvwJDHjT7tN0CxTz+Plj2RTti781ddgDdc\r\nxu0KxxPI3cc6+PzrL/kESHqRr9Pp2a77sMvu9tAQtGt8l5V5zh8nEgWZPm8H\r\nVucDHfgo6LJ58eoeqS17ZPm+ZFWCfrllCvo=\r\n=WQJW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9ae276f0a248f561c6b20c168b4f88c0/chakra-ui-popover-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-NOVt3xbynU2LIvPiuy8VbVMX64+bKSdcmB3vqpNKlALeMCsw62AwFKS6MiRhvR3V9ZIv4wPlYFgphZoYCWcyiA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230112145104","@chakra-ui/lazy-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-types":"0.0.0-dev-20230112145104","@chakra-ui/close-button":"0.0.0-dev-20230112145104","@chakra-ui/shared-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-context":"0.0.0-dev-20230112145104","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112145104","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112145104","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230112145104","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230112145104","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230112145104"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230112145104","@chakra-ui/input":"0.0.0-dev-20230112145104","@chakra-ui/radio":"0.0.0-dev-20230112145104","@chakra-ui/button":"0.0.0-dev-20230112145104","@chakra-ui/layout":"0.0.0-dev-20230112145104","@chakra-ui/system":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112145104"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230112145104_1673535133677_0.6577181193943686","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230112152756","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230112152756","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ffcc963484943b215014bb9b307610ee61e27290","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230112152756.tgz","fileCount":54,"integrity":"sha512-CG23WhCSvJwXFi+98wrAOpWYnz5sKYnz1QAt5PWl92+wOgLUbcbQX7R552BU44F/vq8uJqCRgAp17zymX69LKg==","signatures":[{"sig":"MEUCIFadQNGP83aGXKGeq0JZxdHFsyc+VRGluZrAOZid8CE0AiEA1FFFZ9hLd/WkFd21iJA04YlG3wFmYfclfM56zqurDnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCdKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Tg/+K9aG5jo3++NPRBegzuebs8FHyN2WejiJZSzgnLbFdgYhwVd9\r\ndDVGHkR3ZFznVeEUydqGSWWa+eRWODP68TKjVtcLOs6VB7lqAaGE5i+gEiWy\r\n1E3Vl3lZ0z4TWapAuOAHYld6+0RAnCm4T8PxdDTudfyARr27HaYknZizvLP/\r\n+Czsgw89ueUkgE344o1hGpdytfyYHTM4mMRr5o5xoHEnoVtVTLbeGGeBRNNQ\r\nU4lSa/GdX8Mxavh0u1rD7JdSTapsAT1/ne/eAj6Ox+GZZk3jFWcRcbEbLYzJ\r\ngGt+LrH5CSqyQbmKW6ROWI0kSlFS+YGnDmINL9UDQ4dXwLBMVqUsPnoE5jJ+\r\ncey2PpJWgEXzv4nEKprSski2df2DXMOBkI6fyGC4UJ3zV84LvKe9sIQeblTG\r\nk8GWyzB68lTyha5tNspwPIGQtHJbXtD5CQitG5aT0VfNv7nKr30XjKZV659a\r\nvGDaVYS0CIKARukU5l3vizECGbvHEIYuLrOoinTy/WRNETkEKPvzxJglUWud\r\ni/neWu4p0kqhWc6yr05ccTj8eGLKeTh8g74K2bHTPNiaAb4Wbx5ov1FVvAzC\r\n4QPelrW0/9Mr6prDhjbOfYx/MQVBnw9W57Zi/4+GSiIKzR9rLJjiIUDh7V9J\r\nDd7386bGYIaCinlTO50Bfn2OooGeZ/74QGE=\r\n=Xqch\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2b75685ab71378be2eb3820736e75d74/chakra-ui-popover-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-CG23WhCSvJwXFi+98wrAOpWYnz5sKYnz1QAt5PWl92+wOgLUbcbQX7R552BU44F/vq8uJqCRgAp17zymX69LKg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230112152756","@chakra-ui/lazy-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-types":"0.0.0-dev-20230112152756","@chakra-ui/close-button":"0.0.0-dev-20230112152756","@chakra-ui/shared-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-context":"0.0.0-dev-20230112152756","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112152756","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112152756","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230112152756","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230112152756","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230112152756"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230112152756","@chakra-ui/input":"0.0.0-dev-20230112152756","@chakra-ui/radio":"0.0.0-dev-20230112152756","@chakra-ui/button":"0.0.0-dev-20230112152756","@chakra-ui/layout":"0.0.0-dev-20230112152756","@chakra-ui/system":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112152756"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230112152756_1673537354546_0.8465422450906763","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230112154520","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230112154520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ee52e1a191a0c3c071f8f2a39d8d40de29c36793","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230112154520.tgz","fileCount":54,"integrity":"sha512-dtRU+EKjBRPBrsOviCBnR4+9C/Q7rrDh4XMuoD9J0Jy1AYbEewhFzGDmtcYo03oV+SfPEOW7GihpEkGcuQ/UHg==","signatures":[{"sig":"MEQCIDFDFWSOIvVb08BHgSKTeCx2i6qiic0FDkh1j9h7a+W/AiB2xFNY6Lkptefr0zINYR5/1/2Rn/ze/hO1iaKoXu+SOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCtTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1qA//e998gJfl5xaaHKmU34jMM6yXmvBE0r5WZ65y4K6zMkw8PU5O\r\nwL9Ep9Jt4dm+FbXLn3jOhykb6cT2yI4Xz11WFAXKm/0rupiKVnT1z6+77mdw\r\nSvwkcBEghVNTz3imFRPchp5w2C3jhz6TXM4r1AEwzfFUVaCFCakHbpl2mto4\r\nlRoA4MTNLb069HmAKuZNd8xCPS8R+MMTzNW/OctLuxOUBo3m4n1X5e1x7qve\r\nWimqaaEJW8OzKa/FpbNIjbl66S3t419s6jJ7OTWgm+kI8xlmItw9ouRKkhin\r\nRPlXfKVUe/4MictCZ/GBpkM9HkBcSRi2zFDc1nKa9EQXa0s1j5q0bamfdZ6f\r\nk4Z23NoyOkJmdapIX8pzDVADm+ZnGWDpcgH1c2DkNus70T1FE2CrIWlu+stO\r\nLC2DLcWpT/rQ3lMXxkmje3I2kX015WtHCg0BqtvcmDwz4wZSpyntYKaGprni\r\ncb+OQG27HE37sf40bC7h/VQKFqfyj0oWcZAPMwJ+eEdFWM1smeVG9YY1bkLO\r\nJsLpNC1S1rk1rG0KM7MLdQpkx1kech91gA365cz+xs7o1eXPdm8XLDoC6QaP\r\nNrxR7M0zFDihd4hV5Hzl9b9zzINeTu7oJyD0elcX2iTz/0MIWNholv/Jm6uH\r\nkp34k8AaUqSJsKQLWoJdeLoRkpG+5EUSDAc=\r\n=t5Za\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6ff858f50182623eded0a82142d9d588/chakra-ui-popover-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-dtRU+EKjBRPBrsOviCBnR4+9C/Q7rrDh4XMuoD9J0Jy1AYbEewhFzGDmtcYo03oV+SfPEOW7GihpEkGcuQ/UHg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230112154520","@chakra-ui/lazy-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-types":"0.0.0-dev-20230112154520","@chakra-ui/close-button":"0.0.0-dev-20230112154520","@chakra-ui/shared-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-context":"0.0.0-dev-20230112154520","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112154520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112154520","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230112154520","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230112154520","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230112154520"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230112154520","@chakra-ui/input":"0.0.0-dev-20230112154520","@chakra-ui/radio":"0.0.0-dev-20230112154520","@chakra-ui/button":"0.0.0-dev-20230112154520","@chakra-ui/layout":"0.0.0-dev-20230112154520","@chakra-ui/system":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112154520"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230112154520_1673538387674_0.6768835563231452","host":"s3://npm-registry-packages"}},"2.1.7":{"name":"@chakra-ui/popover","version":"2.1.7","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0da3f6e510e40ab47c291c71458e2e43679b6433","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.7.tgz","fileCount":54,"integrity":"sha512-iGREYqQUEAdByy/z46JAuZMJiU+r26NUuZuCRwgMKSiEPKtTuU3Z1r5R/OeIp8qtMhKF+YagpEXTBbyax7429g==","signatures":[{"sig":"MEUCIGU3CtditNoAlUY7AHkNNrqRgzJ5LfkgEvr8M4n+J1cxAiEAj6BnHxUBwYy2G6vD7H9aLqpokKjNXzk6ezAzDF/3xp8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohzQ//e1sEezAwvm1NS2jprumwcaEMmgFZ2MeORv/p2fZVxA3ZrWfL\r\nnxQVgzaVqRhP3zMEsYughW/NdEbUF/vjDWadGSnkoHwRKT7UnhWoF0wPFUsN\r\nJaWqRFOGg596sExgjwzs2jpJwnIRPCBcgPYfvg1l6e8/DGOEBO0HgE2zmmen\r\nHar7WfDy5epg6mn92tAIrBUx2URDggWfZ9Y5Mmyv3k0c6CGAXVxMVZpbdpvb\r\n3pQrngPDmYvanSfpVile4IeZjdPN5UUPKaDHOdR9qi8eUHA6RwtHQkXe/Qh/\r\nI5k+rMVUf+4FQbafHwdRIVqxFLQjD9qP2RAG1iYjJBxQeqEv3sTje9gbdsfp\r\nmPHV8drIT1enTt5M2nDtE5Puo8mx0IVOLh8yBiJBmKeDbwbML9wwFL11WCX+\r\nT3KCuvDW3bOIYp40JMGClM3B5uGBQFd6FYmWn8Lutcvkb0Ezk+RRfbPtOQID\r\ntr/Sn697YMXNjvXjNhtbtog9TxBhuEfGOKu/Tlzw9d/6eeJgCktTWPrFkWoV\r\nY1wqo6wiWlxbxbtp+ffpkInsmjEXmu16wQBCE9JjkzYfaaqd2tU/HUFc1/LO\r\nUz+k+0knaYxF0kCvHCm86p78LY7dcPdaoO71uJ842VyJN6AsGk1D1GbAghfD\r\nlwA+rIQRnfZgbJIGA5qj1SvHuISuaBly6aU=\r\n=AMX5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.7.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/766d496b57ad20b6f03d824e335cf359/chakra-ui-popover-2.1.7.tgz","_integrity":"sha512-iGREYqQUEAdByy/z46JAuZMJiU+r26NUuZuCRwgMKSiEPKtTuU3Z1r5R/OeIp8qtMhKF+YagpEXTBbyax7429g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"3.0.12","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.5","@chakra-ui/input":"2.0.18","@chakra-ui/radio":"2.0.18","@chakra-ui/button":"2.0.15","@chakra-ui/layout":"2.1.14","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.7_1673539558377_0.39954797219392546","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116120206":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230116120206","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230116120206","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"faf1f6704761793c3b90ace278cec3bf8dc5fb8a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230116120206.tgz","fileCount":54,"integrity":"sha512-pKWWEjFAVqhP9evLPHgMOGSCpvGQromGFzhDYM8QdxPiWuHibobVyQ8J6SfmOGsl5cJJXgAmYtteVwmBUZlysw==","signatures":[{"sig":"MEQCIEbDsdh5s+9YF6qMV3wigLDqkHCt1pGmFWao7nu9GyCIAiA+UwJvco2ReXC+T2UkZg7pKtETcPaacSsvDBCLojiCgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxTz2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1Ew/+K9HwCuHPMgYsVbLOrpcOTvp9J3QNun2BTyANM534taunTsKz\r\n4H9Fx1CtkwmX1yHqtOfJOxTjlJ03FP2ePztr7hFcmx4GTks+YU/OOftipFGn\r\nh0E2vS96gNBfyKBmiuCv5FZbnbIbzp4gpixJFgM4Omt6clP8BpZ38hoTqt8s\r\nbNxgiGfYqssmkytAx0rY/DYV/6EI83yonJ9OjeCq95xVVFjw1HhgqSCEAYUE\r\nAspeMwP7GPYufl3BzBHm39NTiywT1Ly+n7Eexu3I8MBU/i5zlnyoUFYJ1wo1\r\np6Okaxr/IJUbVVvy05MzoFSI1tcqSD+Kf2p98OEgcLyXmcvxsjgiFTpjSLHv\r\nVGIUKnwSh8XhtK0J/wVnOj8OWGbjTsDq+OUWix59KfSjnmSmZqgeQdgF5MAk\r\nYiO8+oL9XE6QR+GgKAsImLBo1rTLzcoi4s8xd1zhqp4S6sLhR+LYPx63xANL\r\n8i1fO59gOQBW/13wCwY/AniW2EdX0nl0egZXYJmQuRM0zK5F25moL0E570bm\r\nyKYrgm9Mm6/5sQRsLVHR3CLNxOi/HsbNPu/FbXVUIIgbkNH2cLq6vTwSYUwA\r\nUanDWD92aU7YCf57JBuyzXAcUqnx3Ozi4v5ybeFdb3sGYa9aIuDRPuZRKS9D\r\nN9pEiDNKswocSRf7znuJQCdJ2sv2FKONcOQ=\r\n=s/8a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230116120206.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d8ecbab9e0d5291a199cfdf89c1f39cf/chakra-ui-popover-0.0.0-dev-20230116120206.tgz","_integrity":"sha512-pKWWEjFAVqhP9evLPHgMOGSCpvGQromGFzhDYM8QdxPiWuHibobVyQ8J6SfmOGsl5cJJXgAmYtteVwmBUZlysw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230116120206","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230116120206","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.5","@chakra-ui/input":"0.0.0-dev-20230116120206","@chakra-ui/radio":"0.0.0-dev-20230116120206","@chakra-ui/button":"0.0.0-dev-20230116120206","@chakra-ui/layout":"0.0.0-dev-20230116120206","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230116120206_1673870582209_0.8746217960451754","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116122157":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230116122157","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230116122157","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ad9164929652bd0d36d7343192c39acc1a321e3c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230116122157.tgz","fileCount":54,"integrity":"sha512-AMTlzPsxEPgHbI8TGi6JyoCbK4BmK070gXo1N0u7QiG7dyHrGfXbKZ4FR7SmCQh9uHQLawP3YMYOEhxEAYcLbQ==","signatures":[{"sig":"MEUCIHSawgsP8JutQUYnELOsbdC9pYmY2HGS/+2eqyuK5kaCAiEA9PqFybIrJViFBNm3stM2Chww2YehtxIOuUyLiZ4sKRw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUGyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmow8A//QcmMLEWszNPqBS4/RcFOmzeTvpM9iPatFu9cZYw9Ocf7B58u\r\nhlGOwa2ihdXmKM5PM4AvWuv38A7rKmfwdBif3KVIjxruSV5lj5XEHX+776Vm\r\nv9gOvkgBefE2ueBIgCBUToJEoSQNePKwsks47j9Gkbq8/Zu6RgcMFkyzdRkB\r\netq2PAsm+hycbjrQJMnMC03CghbZ82Gm4LQxUGV+hzJgGxFq22KE2jJqqe82\r\n5f7FN0AI0hJL7iJejvtoRZxPBUO9p2VQleAb6OeksPyFCTdNaiX7BKAfF97B\r\nFR+zeImvhW8BKw7mF6CdHFT13NQpmxrkV7WJIg6pGb/+ArnsxSBveugcbtjM\r\nCnrHLZ+rQjCFCQ4836yfvDpwwVIjkAyIRcIaGdH1HTvjCzOyCMAf1m9n8tL6\r\n0EBx1vA4iZM7ufeNN4Dqda4p4wNgsNJByhcy8v51wdwvlY3EFGDGhgvgxqj8\r\n2rybvUTUTBgvSgNDVtXOjZ45ZG7TtDcQBXDNctGD5M2pj2NH9qdd5RWSJR99\r\nacof+l2gxclNd1pCOZa5oR855Zgr7x7ih5peKXkzQTT2jhktazRoDdptPr8P\r\nTAqcwMrXcAysbISJZN3yIqfV+PAPOW4AN1y6OQgzE8WNmDZvCffdoVXIroaR\r\n0NI+i1Uesv2k5PvIp6KrmJiL8dhPDQ8DWNE=\r\n=Qfig\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230116122157.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b55a70b4a4ec5d5ba1b337b9431ca04a/chakra-ui-popover-0.0.0-dev-20230116122157.tgz","_integrity":"sha512-AMTlzPsxEPgHbI8TGi6JyoCbK4BmK070gXo1N0u7QiG7dyHrGfXbKZ4FR7SmCQh9uHQLawP3YMYOEhxEAYcLbQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230116122157","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230116122157","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.5","@chakra-ui/input":"0.0.0-dev-20230116122157","@chakra-ui/radio":"0.0.0-dev-20230116122157","@chakra-ui/button":"0.0.0-dev-20230116122157","@chakra-ui/layout":"0.0.0-dev-20230116122157","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230116122157_1673871794711_0.29155089092769004","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116124502":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230116124502","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230116124502","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5d4487fcb4b3a4bf1fc17069e4a42ce844272fc","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230116124502.tgz","fileCount":54,"integrity":"sha512-TSMZ+gByMioUAJzA1LtLI18hX7NEYUNisZw2BSoGgMC5056Shnepalti+U+7QQMi0DQjgvdHPyjtEj1stZFfvg==","signatures":[{"sig":"MEYCIQCboM+tkjSWhn4dVu7CIC2y0b9kz0eDmdgVSm+kX1CqMgIhANQQMq5a8fk0373d63v6YixCgfjg1N/VkQXtsvoL9Ecu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUcJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooDw/8CbzGtsfBSnRt2vILkxucHnLy1+/RIsgLiUbsCfam3JWSuReT\r\nR1nhbxZJvpudiFPMZCPa5k7dPTwnVx9+BX9xoUsp4EcxCB2/dCZjR5P9gl7y\r\no34GSthC/2sn9faECsyvpNIlRalm5bcXENsO8ktYqUVqZ3bayiLFlP8xZ70y\r\nMNhNM51RkdmfCBm0+QTM1gq2/zLZDrmL/5p9FhQ4+SMI5cRf+Rzecatrc7sX\r\nSHJk0ncJa8Y+/y/ah+oina8dN5N97JbcXiRmFayhtHms5nFXfSmVLWnQECfv\r\nEGiJE+Lr7bXkE1cibLqBivcntNyxzxZgQwinS6g85VvqCTxJ+hJpgVaUNoKy\r\ntgqhYNoZxFpO1Fhsccnv3qoskP8quT0v17AGb3cT9Sf8ob/TzZM9q5WPmPQv\r\njhewnAIBbaHgtrA1Wt/VZ5LmVLxRdlZVxVyrn2/CecDdlryixSh3Y2dvPVGM\r\n8+1tHIaDLad+cSU+zJrVfqvcpOtbgQ9C4grZfbf9EDEJ9wex7bFNoJbLSIbH\r\nGB/eiltNlXsi9WA4IkjFidiWQ/ECbMJSGM08eq7a3FYfLhRqwB8MMaIKa3RV\r\nr5kwGod6Yde6Gao/ugnTC407o8I7EsxbHYrEup2GihDtwHRkclfrAh1hB6Yj\r\nYaX2RmegAYOkfBVYOLYPJBlYFRjxzCuGkVk=\r\n=8uES\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230116124502.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b47f93bc648bc65066f3e578e0aa8197/chakra-ui-popover-0.0.0-dev-20230116124502.tgz","_integrity":"sha512-TSMZ+gByMioUAJzA1LtLI18hX7NEYUNisZw2BSoGgMC5056Shnepalti+U+7QQMi0DQjgvdHPyjtEj1stZFfvg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230116124502","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230116124502","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.5","@chakra-ui/input":"0.0.0-dev-20230116124502","@chakra-ui/radio":"0.0.0-dev-20230116124502","@chakra-ui/button":"0.0.0-dev-20230116124502","@chakra-ui/layout":"0.0.0-dev-20230116124502","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230116124502_1673873161137_0.8410151473198455","host":"s3://npm-registry-packages"}},"2.1.8":{"name":"@chakra-ui/popover","version":"2.1.8","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e906ce0533693d735b6e13a3a6ffe16d8e0a9ab4","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.8.tgz","fileCount":54,"integrity":"sha512-ob7fAz+WWmXIq7iGHVB3wDKzZTj+T+noYBT/U1Q+jIf+jMr2WOpJLTfb0HTZcfhvn4EBFlfBg7Wk5qbXNaOn7g==","signatures":[{"sig":"MEUCIQDe2Joi+/e1rbrVdgT/UIIzB3YP8xYPRfYVapD8oK/CtAIgal43BEyPrUIMhzRAg9S0Cjs/TsQro1j5fy0t7BIVSwo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxWggACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQcQ/+IKX4dRyjFk4yHRhEfuu74bMd3HgC2q3qdbmoc1XCkNgNoVsx\r\nd9c8qFVU8zN/r9Whfbb3iALKjLvMDm4XwqP3UzE+PoZ8qT/9EPqsXx0khN0g\r\nyEf7Ypoo4X4Z4mIjaT270Q6oauMGRCy0PId8SSuvyo/TdM3zSqTQ4fYRzt/I\r\nAR+lA1kMP9AD1O0Imc+TdqIzp41wQR0QELfaA5jemzPpZ30PXXSj1GnADifX\r\n36UjcWnld4luC1lca9/fxU/3PCtFkRj6EYTY+C0gJgz2uLFXytlSrjDy8nDd\r\npAfD2s32TM43sBhpL1jld812xSqJ3lWLhTAK1E/CBPg26dUprEgOOI+YfrBw\r\nGJfGlCla/rwPm7vL9VeFKJSVpZpjheH9mbomdf9Zd36SmU0JA56E0g+114Hp\r\nrw/rifVwdioRJ1Z+fXn/uwNFidPkz05T0E5ndsgv/PkqD1cX6ieoHdHDh5jq\r\nYGuAb1+guMLh6vqw9os/IBcA4SOIJC1Gy4fGYSYtkFLpm2URJB1179OCtHcG\r\nXsKv3kgernZ4g+BAwhXAH6cYdKpz+4SujBwmp82sp9uDKtCIHz5IzxWvamXK\r\n+GqfA6dJ3e0xKFwIEf8lj3f3L2E2UVoAL1RNceDQvx6RSVBvgw8MQLLyJzil\r\nHvBghKG7+yxccSjZxOPpa61rgKIY8c+KjMg=\r\n=FaYM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.8.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/42ec815b8ee89584a3f890a222254d22/chakra-ui-popover-2.1.8.tgz","_integrity":"sha512-ob7fAz+WWmXIq7iGHVB3wDKzZTj+T+noYBT/U1Q+jIf+jMr2WOpJLTfb0HTZcfhvn4EBFlfBg7Wk5qbXNaOn7g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.5","@chakra-ui/input":"2.0.19","@chakra-ui/radio":"2.0.19","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.8_1673881632239_0.6422692624128996","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320183136":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230320183136","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230320183136","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ed793780f5f46a1127e107d9f9864071b3d1dbb7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230320183136.tgz","fileCount":54,"integrity":"sha512-KlSk1loB8oM/+ASFfLmVWfrJAtKts7X38tFqz6BfWqJcVOykknPCbkAFKm3np0oa1ZuoJE7Qc59jLpNOOgWllQ==","signatures":[{"sig":"MEYCIQCb8qb+ziGow94WYBZpanerBppYtfh7k6VegUo44C0vAwIhAJaKN3Smxj8ZxaRh0aChwN3L0Nwtr6Rpa9Lat+gocXI3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKbIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoD4A/8DFKcw0DkMYcbE95PZ6Py8BlvASnCte+8vA6w2Ep/xcPqLsdk\r\nkp5/s6jBiFlmWCpPH0agquXg5LA8x2EI0ABXPWPmW7tLunZI8ZxIHGnH6om+\r\nzNdM3rG6k3ebFIVZPJLa+sQ5eP8P0d/JBlsNA97/ezzksoJ5arH0XOR0cZ76\r\nDZuHn3bysNl6iJ7ktQ2r1YFFXDwNiOhMMjPzIeL8SodluYlLC4dFmpksu+sL\r\nwegRQSXn5RN1wZhnpjSiLNxFs7UY1D1bIsEeJN2f5rP/FmI18ZXEEL9YgE5H\r\nnzMLx9YXPd5542sYomeGsHVyzh8j5aGducpKdXHAbqksfxBCTEcS1bUTfX3A\r\nxIupgpDvPOafaDshkdBcIpzy+W0IehS9gt5c/fkmeUlaXls3N1QXx0KG9aU1\r\nQzyiGdf64e7ZRJk0fQikxSC+ogdL9XgeEprTW7qmTMk29e/Py5dR1SlYDAZa\r\nDyE4OrNT2hbq9iVWHx+xNPngQKtc2Ef0Z6JD3OQYmF//AvOoG52G30+w8Lgb\r\nhDwcdrWqrHl6OmHKlUvH1YS35WHgiZDPDBG9rNrhu+jtCrSagWfyxWBz6Jjg\r\nWuKLKcrvml62RhSEDbSMz+MO62T1i9FcCb3H3EIH7oCgxQUf8xjgV/RbSZnV\r\n/lTF3XGeI06nwIbADDejZ+VnOCKmzcreakg=\r\n=3h9s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230320183136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c0e4335eab09ac61b4a6d4c1e4c0a3f4/chakra-ui-popover-0.0.0-dev-20230320183136.tgz","_integrity":"sha512-KlSk1loB8oM/+ASFfLmVWfrJAtKts7X38tFqz6BfWqJcVOykknPCbkAFKm3np0oa1ZuoJE7Qc59jLpNOOgWllQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320183136","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.6","@chakra-ui/input":"0.0.0-dev-20230320183136","@chakra-ui/radio":"0.0.0-dev-20230320183136","@chakra-ui/button":"0.0.0-dev-20230320183136","@chakra-ui/layout":"0.0.0-dev-20230320183136","@chakra-ui/system":"0.0.0-dev-20230320183136"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230320183136"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230320183136_1679337160177_0.09635010932958665","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320184810":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230320184810","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230320184810","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7668613c0c639d9c8bf55ff0010ed59efcc84507","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230320184810.tgz","fileCount":54,"integrity":"sha512-DNu8WDynuE7f88ei/Jw2o+BArzizVo/RMcdH9GyfuuFmU7919Yux0TcuCpXV9j/eT430YmPvKWLdFovi1YbYfQ==","signatures":[{"sig":"MEUCIQDVyBi9FoNqT0m9znRsOjfZ1NbqJRAsmXaIN3TYmNiiTwIgYkpQ4sDCxFIKkAVee4Fy/w+5BLqiutCLOk0lZaww+ew=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKqhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaOhAAg2r6CjTF6hUglohvgh9/chR4hTMHxpmSm4KsJWIy3WJzsFhB\r\nGfAjzuTTK0pWghmXUlvnMMid0uqe6Gqu3Weip8H4taH+LroabZpaLZ2zdzkb\r\nwEm6fLn0gdz/7p0O0N5DQeLCdes8hFsWRH/4JkPPU05FtJFJcM4WBXyuf5uJ\r\nzlxINyYdxueWTK3qNfBuXoBPspxf/7lVMTV7ykNnTy2OyyQIvSOmkAvyJbiS\r\nLE52bGQasTjeZ06OMxdf37NJCVY4mN/5PBVMCwAorR0GM1dbK0UbymL0M7wt\r\ntXXMR9+bOHIL6PJjPpmO1m2UXhOt0ojkqEBtJv7DIeRCm1OU7DfeFHdvFqzu\r\n7udZQGKG/xm46VrvkmRuTBesxfV2oH83aFnlW5m3eHV1g5hncE+FM2kF/+QU\r\nNNLVcs/miFoAvKOX3K3nmX3KUMyteZgpGpyPCAJBtqHG89lGmIZQ4hteFtIs\r\nGvCbEARVFV/QBe6v4fTPgRGIuGApdYR6BOeVv3PUQ+9RP3E25B5iJSU46yAv\r\nbVv86UeWQSnyLonDZtrDPk1XYbia8p3Xov3W/y299yxM5nLdHtVSJxUKFUT5\r\novNABEof8DKBNkcLRkVYyGQpFRIz2eYc0jI3AjZR/QBLaPB0t9GsewnEzl9w\r\nv/7X6rBvbFI+3rjl/96dMFG8u698o66OJw8=\r\n=/nRK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230320184810.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8d2cab0c87cbd4534a01029f103b072f/chakra-ui-popover-0.0.0-dev-20230320184810.tgz","_integrity":"sha512-DNu8WDynuE7f88ei/Jw2o+BArzizVo/RMcdH9GyfuuFmU7919Yux0TcuCpXV9j/eT430YmPvKWLdFovi1YbYfQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320184810","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.6","@chakra-ui/input":"0.0.0-dev-20230320184810","@chakra-ui/radio":"0.0.0-dev-20230320184810","@chakra-ui/button":"0.0.0-dev-20230320184810","@chakra-ui/layout":"0.0.0-dev-20230320184810","@chakra-ui/system":"0.0.0-dev-20230320184810"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230320184810"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230320184810_1679338144833_0.22114508216766793","host":"s3://npm-registry-packages"}},"2.1.9":{"name":"@chakra-ui/popover","version":"2.1.9","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"890cc0dfc5022757715ccf772ec194e7a409275f","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.9.tgz","fileCount":54,"integrity":"sha512-OMJ12VVs9N32tFaZSOqikkKPtwAVwXYsES/D1pff/amBrE3ngCrpxJSIp4uvTdORfIYDojJqrR52ZplDKS9hRQ==","signatures":[{"sig":"MEQCIEVfJuDRMqBbRLyxsLm8QXFt0oMC5c1VWFftRRKg3VzLAiAIKl2pj+ycEbbVoB0HBVvNrBJZucJgxINXl8cL3YTbqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHCcrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGnA/+KfsfCsAypfX7oKJoeO4QuZ8CooGhbl0GIO6OIVCQpzsA5Awn\r\nlrdK25Z8KbmGTi/4OAKJXCIjZXrZzFozYd999HuOryLj/mHqGw+zyjKLVftV\r\ns4yZRxgyMFGjwA2Y99eXtoM732rQbn/X8J70Kv+0pRsjakeBfqV4gCCMO+Ik\r\nSSSSwA0vTC51xUbKJgKYfrKv+wj3FdS3tdpWmoTWZBA1IEiCgEw1H0YTBm5D\r\naLP5qFvds07jQy+HKS8trHehGd9x4aY+yb6tvVfbnkRFMJIal+/B/bN4msz9\r\nUySzVC/XxDP6WgynKOsfaQF1v0eP/Ftaib81bcc+Un+diYhEeOqWBBh9Tj50\r\nD77f1YoYqa3t9BIXZOLd4BsCnoTW2iga1Pm+98CFmI/GVCNeYs6IgOst6FYh\r\npUgShiWviGPmiz8k1VJ9mqmgvH0tOpBtY7zIBnruPkkSpMI2q9sr4T1FM3qz\r\nezPS3TH0dx0OECoO8Ai1I6tC/11jN3FALL7wR19JV1/dtrrBLEsU3+Vf1uPD\r\nfu4In67QXMt2knR3y/7+ZH48B0vm5SvIUQuRCfoWzqOuBqfW5bciJ0uSN/n1\r\nnmQ3R8ZEAnIt2bER4TB3rOK3EiTG/rbkclAncu7Twnsl+YrioAKYflNYI+Em\r\nfdw49f54bl63+hZDFMpLjJh0K+RYyADpWwY=\r\n=Kux0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.9.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/381638cf042b901ece5a846627efecff/chakra-ui-popover-2.1.9.tgz","_integrity":"sha512-OMJ12VVs9N32tFaZSOqikkKPtwAVwXYsES/D1pff/amBrE3ngCrpxJSIp4uvTdORfIYDojJqrR52ZplDKS9hRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"8.19.3","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.9","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.1.6","@chakra-ui/input":"2.0.21","@chakra-ui/radio":"2.0.21","@chakra-ui/button":"2.0.17","@chakra-ui/layout":"2.1.17","@chakra-ui/system":"2.5.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.9_1679566635295_0.49255133459388545","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424221053":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230424221053","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230424221053","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7d77f8ed0edabec32890cece40fa2d8cbf45dfe8","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230424221053.tgz","fileCount":54,"integrity":"sha512-1OZhqL4Yxo9xarGRsTlnFPVWrg6RzqQVOI6dD1ZMYuJoAdURjHc7t3UxeicdkjrmE4ppK2C+oRArNHfqnGdiiA==","signatures":[{"sig":"MEUCIQD2yJkbjepTn7gMv546jrGLTfDxnFtCB+iNLzQb1s/9UQIgSruiqjCaK2Ihtw7xIL+2PfZh45mEipSs2GNfSg0rhW0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRv6zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXJg/+NBG+GAROq75ByyGMAHjK8UXUuviIOxI+e7uq1PaQvmoVaq7S\r\nlGp+OySGdx1gMqP0bw5wQTMzuJ9exqXy+9S1rkcLHfGNgGMINBbTQblTBKjS\r\n392K8J4I21nF7qsXjp+GwAwDRaLKK8adHTDOX//68CcPqAsMm3vr99SdXWBE\r\nUz6i9sdv914ZNF+4PbacQQfRzJ/Zv+5BfrvUceEzM8yz/Ch8TM47ATJb32c1\r\nCXp+tjdkfgz34IgFJJOBmPh8AcTjUDjOE9Flm+CgVW/xwnub7JoVzJJpEfdv\r\nznpWBtsY8dLFnH3SjQOk6niZX7W9uonmviyK7Z8pl1d6Q/lib45aEgAwT5co\r\nMxtrkcQmHYQXYMFWLwYApiJbtr6Yu23+ape/Au5M15ZfrLrJQh+NJGYMxgVc\r\nDoHATdzIx5NTN1HCfPM10EL5Z2yU3OfAzdM2izLWEdiA7FA7PpnGBUxCd+z8\r\nVWFvz0eA2rIfp87ZlV2qRDwyAdzNvNKUlvt6gTv04KR+nNRMCAJmEwVXC1VW\r\nSAhRjJadTS6s7ZBxV2jGWGcG5h/0M/Q5gXRKvXNZn3Ylrd6ETPlUas84wl/F\r\nFfmvWs6X7Rgd1OQbiLhynQpjqtfQqjNn4bv4oMY3oGmsFqbuL1FmnA2sjGhk\r\nzmBIa/PFrCtsu/k8EeiOnZWj5rE2djQjYQs=\r\n=AvDG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230424221053.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/bdca680ce04012cb064c68eb27324cd7/chakra-ui-popover-0.0.0-dev-20230424221053.tgz","_integrity":"sha512-1OZhqL4Yxo9xarGRsTlnFPVWrg6RzqQVOI6dD1ZMYuJoAdURjHc7t3UxeicdkjrmE4ppK2C+oRArNHfqnGdiiA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230424221053","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230424221053","@chakra-ui/input":"0.0.0-dev-20230424221053","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230424221053","@chakra-ui/system":"0.0.0-dev-20230424221053"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230424221053"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230424221053_1682374323038_0.048542288663392164","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424222806":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230424222806","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230424222806","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"531066b486cdcdad343dc042b8190db4448746f3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230424222806.tgz","fileCount":54,"integrity":"sha512-AKyK60ELlnmUmDHAPj1O5qylwSBKnPIs/CF5LIFFIqEMaXoUpTVIiDdulyYNTACuu4z6qGy3Xck7SMnPg9YSTA==","signatures":[{"sig":"MEUCIDQUPw8pK64R7EyevPrL5QpDDHYmKV4kJpOu6HOF1qNaAiEA2G6u11DT1V6FcOR//VQiV+SMGcImsQnScEqxADE3xto=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRwK0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXYBAAmeT2zTkDcFOv+Cb3/kzCLfPQNv7huxK129VU8Lp/16+dPFbP\r\nGI31QKck8qrlUS7hlMR/9BWFZ1ttyUeVqpAK5WeHMgMYwDl1hi57S/CMRPXz\r\nYTwm8rpjy0qgQWHhVQfffKx1JutneKtIWf2x+0+GwNEUiaKDYj1kb4uwuPTD\r\nGMuH1M2o3knLuOLg77EWQdoTSPZRlr5BFI2f0NE8KScplR/6YEQfHlV+YNEu\r\nzp9SB2JE2eCu2LfH1S40bHQ+5LsD7cDmxpYYaTKr/jghX3AnzBEnc/njWYKy\r\nhOypm/EF45spCUO/oNekPQAdLGghCYcQqIxTLRDI8zl/s+U/JeJPcxhsV2Ut\r\nabF5tjLyy+Afc+xQA5DnINJv/c7rp2ULTwIYQeIayR+BLofFgECGXcONLTIg\r\nK1ZNiMy5CbW5X0G12NLOgMZtPue9LcRahAbK3YiSA6b6mn2CH+CozFBI9juR\r\nn+viIkeGJpgmDmXG83CzBMKiC54SVxAj2cAYQnrrvbSWyKJOGkllYJYycEmE\r\nrnpG3PiBkI0bS8xDd0h2QXbC4bzKj5VxShPrkkG5jZ4dxdxqwidvEbpmU0r0\r\nZM7JodisRBhqnt1d6Vuq+95QLIRXTV465onRBseDa1d+6L4JKRBuyXgpbgLX\r\nAo7GC+BQ1qZGBfUM0vm5exau/QvRyXqwHoQ=\r\n=1iox\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230424222806.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c0b98b57f42e8015fc2792bfe2821ba4/chakra-ui-popover-0.0.0-dev-20230424222806.tgz","_integrity":"sha512-AKyK60ELlnmUmDHAPj1O5qylwSBKnPIs/CF5LIFFIqEMaXoUpTVIiDdulyYNTACuu4z6qGy3Xck7SMnPg9YSTA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230424222806","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230424222806","@chakra-ui/input":"0.0.0-dev-20230424222806","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230424222806","@chakra-ui/system":"0.0.0-dev-20230424222806"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230424222806"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230424222806_1682375348428_0.36610470878500334","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424225650":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230424225650","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230424225650","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"666a2c35271fc226cffa515fc12b20e95ab49b30","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230424225650.tgz","fileCount":54,"integrity":"sha512-urTzxrjb0xz4EOcIGIGsmdzk12GEm3O7w0j/0U9AaTWv0tGpvpnNiu+JZmbZ3lClr8TM+GIsxhQaS5DFBY3oCw==","signatures":[{"sig":"MEQCIC3Xr++CPLZigMTnvjQumUN9/ExQwFbznqtfH9h1aEvNAiACOl9pC0rZZEs+h+uDJLR8NE7iCC6Q9g4K8exN/WJycw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRwlmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMQw//RG5mJoA7FmMDDHrzDvDtTlyi0U1dzCQ27opr7KYNOrAf+7Te\r\nHcMNCWhkWGroetkdCX84TXMYNWYBaCOGUCI4CUfwGFq9ZL2skOeEcQKXeS69\r\n7pqk9dOH1cJ/TSvzE3Yrr/mCPEZAYEjkAfyMLdv2yV7vW5xI2yz8DS7VVpSM\r\nfFEAbTJuxYOpKerwzL5sjMu0+3Zs8OmJEf1rNBdNSYBuNJNaudP2XfWev5Xi\r\nLFPfulI5yJ7JupHDDqB2ozCsL68CgTuB5zlPOLQozYp1ycYN0P+Ov7uctPF2\r\nYnMrcDIi5BIiSIDfJiMMZ0QgqViSl5pbRMJCptQOlrVkdL5cBSYDktw0VJlP\r\nTROLF9LEK5Tw/JpLcgBTVA74lYXSmPW2qs9Y+eXDvBNDCJ6MLCYdjO3Vjn0x\r\nluGiFsrEQIvH6L7RDiJuYMy/Lv+5vwd6qV5d9gf8AvkGz6Lt7AjxjgMBcFkB\r\nOGGAJTG0btN78M+hNLS+4TKEs1w9B5fsxOcp3bL93KkCX69+/Y5I6sahcQib\r\nCH71sGnntyfgQ7n34hOvNbQZzaqfrgGY9kA1FgyEragkYl/qslgGRv/zkIyF\r\nL0fQKDO70tuS0QqqxWr8s+h2BAAjOGWVxbGa9y8IxB5ALKvV1P1SMiYofYcc\r\nS/8/8wrvgaIIVQtz4fvTHCs6iCPQq5r0YRo=\r\n=bgMZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230424225650.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0158731fb7842cb23235c3f309560cb8/chakra-ui-popover-0.0.0-dev-20230424225650.tgz","_integrity":"sha512-urTzxrjb0xz4EOcIGIGsmdzk12GEm3O7w0j/0U9AaTWv0tGpvpnNiu+JZmbZ3lClr8TM+GIsxhQaS5DFBY3oCw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230424225650","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"0.0.0-dev-20230424225650","@chakra-ui/input":"0.0.0-dev-20230424225650","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230424225650","@chakra-ui/system":"0.0.0-dev-20230424225650"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230424225650"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230424225650_1682377062764_0.14012464018429371","host":"s3://npm-registry-packages"}},"2.1.10":{"name":"@chakra-ui/popover","version":"2.1.10","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.10","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0079d4dbbabaf1a549c2385e3580d710de7c45e2","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.10.tgz","fileCount":54,"integrity":"sha512-UCEW+zp2GEuNYvyK42+cQECSMSBFWcA0CD7Ip6TUL32BLF8EkYz5U5Gdx5Nhd/mlSE2lxo7c72/LOQd0emsO/A==","signatures":[{"sig":"MEYCIQDaeb9jZsqnuaU3A96V45MDLemlIMxmwuqylyfwgbxwUAIhAJcfWUpeBCRcZZj/a8TuddKEA+MRjrr769gh28RpRDvB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR7XcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSog//TSs397TWYUGcTt8kRZaufJQ5CDK5jhVrgo5iQNkAKSD6r1IN\r\nQdbmLi4sUex0XpsskSpBPMwPNEmc5SVUXO97aAR21EjMcHSlqv4P0kE8FUWt\r\noK0m+pS3sjRm1L7IZ2PJ++m6JkrHwHtuCQClLM9fO4hvS1HazxmBxRJCRubk\r\nXV+/w9MRhyIVG5Qo3BeFAuinSJS8WVplD4oHgp3gb4aMC/WmLs7JZm8AUlrP\r\nV5w7UpRpHbIKV6SsbxepUcjpXXxpNzH9/aobenWIlebaLLuPn/nRULdU3SP1\r\nqt5UXBlpudOBXkpzAabfA6aW0Zc0x9Mfuh8VHdOAxdAnbLYk79LzNgVbs9Hn\r\nGbNZ1ejgDoB/9dEJbdpklqhN48GkMmREz0e+n4IbEGXYnhkLmzqRZcSjPMYT\r\nYft2JPRjBsCiZaJwGwwu60Jn8+VbMyfnXBmTZ1ZxBNJE2utZDylZLPj0yEUp\r\nLokQak2Ytcj0fXvLSFqH9We/klWNW7wlDb86f5tvZuneH0a2iTX3Fgl4fDB5\r\nnapvVj5LlsC8OniLNccZsRTCIm+LDX4yOFUbX5Cn5c9tjGpPGhGIyURmwcEQ\r\nGAt0v6v5DW2q7yWfcyEqTNiFm2nk1cKCJTGOkKqNDMpbertfwd0DVWEZCv8A\r\nrCRpeZhCip/nnx4SU0aHq+nPr7gA0u1Visg=\r\n=u3gK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.10.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4b91136b1310cc431e7a52083a0e4d17/chakra-ui-popover-2.1.10.tgz","_integrity":"sha512-UCEW+zp2GEuNYvyK42+cQECSMSBFWcA0CD7Ip6TUL32BLF8EkYz5U5Gdx5Nhd/mlSE2lxo7c72/LOQd0emsO/A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"2.5.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.10_1682421212214_0.1101364726888523","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230502164338":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230502164338","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230502164338","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9c59e0bd543405cefa37566339fa0dddba830494","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230502164338.tgz","fileCount":54,"integrity":"sha512-u9vb+zrtKf14sSwq5d5z3cJn1t93RV2ygZTgy9P5ON1wv6Lc0K94bQPwLHvJd3eNb5mlMzZOApmpnO2TtkwSfA==","signatures":[{"sig":"MEUCIGQGjCO+pzPnhDtdSt3e3lopoqZ1h8BOIUx2MZfiXYC7AiEAyZL3D5vZtMxYDLnFl4NJuFpRdDJxePiEo+N3jB3kopU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUT3wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmol0w//b5VwoZNT4iyzxit1a/LMgUizTarDf7BErtnkw0hANq501SD3\r\n7aV+qWBOaG3HrOXopXs2O5J3LUIwwWzmMF45ginkeeCoj2s35HFtvEq4X1ZM\r\nSLt2Mtfs09y+8dCq14THJiwDSVZgdHmFFjsKMsVuQcjPSu1Kx1oQSQECkxv9\r\ntlY17nCMhBhT159awTx5ElNFg+S0E2a8LnwSuqSQpdUMZbIKGNPViV+Elxp2\r\nm2oT5CiK81VCSWMsf7AC3xhIEfkED5EpwwTG4/4/hqzEiji5CVYjqrDsrqo2\r\nufOzHo0KX/4d4tN/eYjxax1v4Qc/hSoFpIwZBVBd4dl7cvxACH/+9h9TNO3Q\r\nXRnr+VePLZsemUx6KjtQCGQoLC5h40TM6imrlrScu7DkoRc887/xTPqJ604h\r\ny3cfYLrqjx5h9RcIklf7TYe+WIqQuAMBMXDGidLiAA0KEbtRxeA3M/JIzrC+\r\n4AbvSyr7r1GWEkWPJ3LRZeLDG+T8oW07j365w7HSVtaNuADKHMcRVj/sihgA\r\nNtF7oaSbeKRRaiUSbzl6ptJfvzXJqky8sV7aOoNfBcExmBWgMu5K/RGED52d\r\nJEC10g6aKM3zr0VwZR519fo6s60wqBGCFlC1SwdlHeWfE5+PJm3BLNzuKY1q\r\n290YYnu48JCNd2CUh2Ko9lie+bum0zvqFfQ=\r\n=Zwyg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230502164338.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f31c7b819a45a78a13257ca1ba4e33a7/chakra-ui-popover-0.0.0-dev-20230502164338.tgz","_integrity":"sha512-u9vb+zrtKf14sSwq5d5z3cJn1t93RV2ygZTgy9P5ON1wv6Lc0K94bQPwLHvJd3eNb5mlMzZOApmpnO2TtkwSfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230502164338","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"0.0.0-dev-20230502164338"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230502164338"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230502164338_1683045872152_0.4473992107542204","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230502211538":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230502211538","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230502211538","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7c17c49c68a19e86e3c8626a34b5a54b9b84eef4","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230502211538.tgz","fileCount":54,"integrity":"sha512-GYduKVqOnpbc1xD/WgGBk4j7dshepOtg5SizNELPPEWUgQxwt0FpvcUQIVTKFlxrBDITYwRD1E9Dx5Q0TqQ77g==","signatures":[{"sig":"MEUCIDQNCP7403nBh3mFdBuOTKqq2TaBsOUGGQsOQ3+5GPNTAiEAim2u7hoLhSAB5emKAun0qa/TSOMfJCo9BdCJxqCs4Zg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUX2sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOVA/5AVz6KOm9RgEyPbr1SggTTbTpDJnn0LgsKxGogz86xegyzuT7\r\n1/n7BQzNLbesQy0/sqQ0oc/TZ1kvwGFnqv4TUCIDmWzm5+nHKLeEom6LGI20\r\nzawXRrokXpJwH807M8vJQQs/oCIsO6NUksCZ6FyoJtD+p//NvcMaJZB0xfe6\r\nHH690IzKU9jAnf1jBX/JMlNMY4v+ldpVozczqcfjGhvZJ2fK6L9SV+c50OJX\r\nvjjW5SkCtQAnaIzRZkuIW08Q+q8v+ApvT0N3oHa/lmz9XfxERO6ZrHVIXqFw\r\nCvGZ4y6xU229Elz1NwHvO8BiBoNYVrRK7rXlanABf1tksCvew+1e0LZQuRzk\r\nhaWQzAOnxObsled/Ol26d9K+iHTlI3GiFePtf49L+txYYCmFZe4COMlprOeC\r\nHcDYz2AbzjxOc0DziEvb6yzrYmEBLjEy4VDmGfpjjvUxpazdc+ksW/dBIHIo\r\nSELIAQTBMgmKWfLeGYe59bEt2N0OAYKYuJgk1wNotd5YvL38VeK0Ot6+KO4z\r\n817mxu4frbq0DgHsFfTE17uKqf2ExU77mRDp+nBTqDMHrJbAawOXRc76NYrg\r\nM8paiuS6//zLaqJdaZx/n1OnR75wm78FEp3iNaaOvuRhlKOshE6nT/V1/UFR\r\neqAAg74j7fNd0kSsJFneT9dYxcC474mX3Z0=\r\n=WjdD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230502211538.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6599357093ff8fd8a843e1c502b49386/chakra-ui-popover-0.0.0-dev-20230502211538.tgz","_integrity":"sha512-GYduKVqOnpbc1xD/WgGBk4j7dshepOtg5SizNELPPEWUgQxwt0FpvcUQIVTKFlxrBDITYwRD1E9Dx5Q0TqQ77g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230502211538","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"0.0.0-dev-20230502211538"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230502211538"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230502211538_1683062188476_0.7672946089826844","host":"s3://npm-registry-packages"}},"2.1.11":{"name":"@chakra-ui/popover","version":"2.1.11","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.11","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3f893199559b670b8acfcd1a75313469983d0ead","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.11.tgz","fileCount":54,"integrity":"sha512-ntFMKojU+ZIofwSw5IJ+Ur8pN5o+5kf/Fx5r5tCjFZd0DSkrEeJw9i00/UWJ6kYZb+zlpswxriv0FmxBlAF66w==","signatures":[{"sig":"MEYCIQCDvSFENf6fIG9iu4desaNqUnKc/wb/WIcNrXMJ94oVswIhAM4+FD9o02J1llzJ/3zpGVeD2wv7TZ0sp3vuRWXjnWDM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUjGAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruchAAmfVXiRkxyd4Wfpi/2+g2N7YLFN4lZK+DlTmQNutsQkYNhtls\r\nPVZZW9l8AazuduTLf6fHXMK826Dzi/mMo3RF11bzqaSx2lR7qoBGdj0SbTMA\r\nlaOM6HzsObCT0lfHAd/aj+2h+VFVYI1pysFzJIpolQLqKHzIZM8z0QArT7qt\r\n8TgUGz33gjijczOfZzPBP63VjHVcXMb0UMrNoU6z7YcU0Up5QCpEJ60drMEm\r\nxvNR1fp+9B6URTvqNfZdfWgNdKYj4rjB9W34cJ+FYjtaq0sLmp3XC/jzAAjL\r\n2Z13+lnSc/HVTtes+LLpqXI2RgqFwiOTzJQB2Bg7ca40BjCk7M0zQ3b0VvMc\r\n/5PCJRLmrHOfQBtY8I/7Pq9wP8iPTgTBeVxmAY6KSSBR7eseSMBfiui9Wo5T\r\ngTGbdRsQtLrWbDyZmZ3XHBqQjal59t/Qqew5GkyInBlyusAgJnwGYhSRxWrd\r\n9hKVkQMHqjhTy+mN7WOwEMwyqO2MY2l5oKafK7IaMtEXxtdVhm77g2tS0eq+\r\nqR4wMKQRGmcEd2TQHCYRsQqcEEVf4alxVI1bKJV6GvMJfo75jKoYQShUwsTf\r\nnNoSUoRD7qMIz590xMJoQ0SEA8/2YNp1h/C2vbxsLdAHWJHKXZUuU0g8mqMq\r\nsdfeF8xOxbe/vVZOs7Cbyjd8v7zjsWZ4ZPk=\r\n=YFQ4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.11.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/95b7e77e0950f1fe12645b5ae568b070/chakra-ui-popover-2.1.11.tgz","_integrity":"sha512-ntFMKojU+ZIofwSw5IJ+Ur8pN5o+5kf/Fx5r5tCjFZd0DSkrEeJw9i00/UWJ6kYZb+zlpswxriv0FmxBlAF66w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"2.5.7"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.11_1683108223911_0.22769954997406616","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528190715":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230528190715","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230528190715","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"79557445a90906cd3512aa187a5fc64019d7561a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230528190715.tgz","fileCount":54,"integrity":"sha512-Kd2iu+/UvZd9HYLjrKG/zqMwfslRwN3MadIE6z7ZfBf1SuulxySWqJ5nEY1FTyPqD8VC7/tD/OyXc4lZAqF28A==","signatures":[{"sig":"MEYCIQDLAfqnnuXeD00LkmWnv0rI5LPteJPtwaJmBCgODLpkKgIhAJ4ONCY+WnNbjYOd4dncv9U88sxNuuVpzQd38/z6o/D3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106807},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230528190715.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2558a014cc9cf175cd48462287628ed0/chakra-ui-popover-0.0.0-dev-20230528190715.tgz","_integrity":"sha512-Kd2iu+/UvZd9HYLjrKG/zqMwfslRwN3MadIE6z7ZfBf1SuulxySWqJ5nEY1FTyPqD8VC7/tD/OyXc4lZAqF28A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528190715","@chakra-ui/system":"0.0.0-dev-20230528190715"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528190715"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230528190715_1685300888351_0.18990437737446642","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528194103":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230528194103","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230528194103","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"536df796d102b2ecb26a08a1583501673b22ab68","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230528194103.tgz","fileCount":54,"integrity":"sha512-ngI2fA0lWOcySflQQBtLo7ZNvd+Z1Rpj1OYPBw0zkJOyoqVOVOB3b/rOO1x8rYiiEncYA4jWx+MFiicx5iyr1Q==","signatures":[{"sig":"MEYCIQD1g2ZAap5bt6mglm7RW6FNgu9rQjv6SSbDR3QV5064FwIhAM1cWt1lVbVihFWewoqydvlNqdUKtPBBoTBrzjcO9kUR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106807},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230528194103.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c0d32d577c751ba058341b85de78ad5b/chakra-ui-popover-0.0.0-dev-20230528194103.tgz","_integrity":"sha512-ngI2fA0lWOcySflQQBtLo7ZNvd+Z1Rpj1OYPBw0zkJOyoqVOVOB3b/rOO1x8rYiiEncYA4jWx+MFiicx5iyr1Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528194103","@chakra-ui/system":"0.0.0-dev-20230528194103"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528194103"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230528194103_1685302929269_0.4172741438975218","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528200306":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230528200306","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230528200306","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"987150fab182d4ff19ea004b3a5cb25802b8110c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230528200306.tgz","fileCount":54,"integrity":"sha512-zAnvb39zfsKBTQGouS+sFQdD0jyCOWTwPBi+xI59GSPju6h9Zcoq+vubgv+9Xj6YbxkLaH6d4hNvs1/vJBByQQ==","signatures":[{"sig":"MEUCIQDgsyHJhrMWtbBkKY9vAOPGl9Xfb4G9wdnC1cLVhzzStQIgKl9VsFdRry4KG6zK4Zt1yRxLg+fxpcwCpd7b/5ESqjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106807},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230528200306.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/865ce0b4ce6f7e0f8359f24f3124b223/chakra-ui-popover-0.0.0-dev-20230528200306.tgz","_integrity":"sha512-zAnvb39zfsKBTQGouS+sFQdD0jyCOWTwPBi+xI59GSPju6h9Zcoq+vubgv+9Xj6YbxkLaH6d4hNvs1/vJBByQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528200306","@chakra-ui/system":"0.0.0-dev-20230528200306"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528200306"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230528200306_1685304239262_0.38788738581810933","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230531082239":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230531082239","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230531082239","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f3411794c786c46717380d0fa0e55afd64276e66","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230531082239.tgz","fileCount":54,"integrity":"sha512-VzLYBm2oxgpkgL/pb/vGOSYZv/ECNcuUXLnY15AwXSNlFQfJCuWpJxyed0gpDt5jeLcasT2a8zlYgDiqfilRKg==","signatures":[{"sig":"MEYCIQDmGTh7K90CNdDbdofdtBL1cIVSc06qa6t94mNvDKTPMgIhAKZCRe1SR+tBk7PMYguYegoYdtWLU2z9Q0XXECaf3X0u","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106807},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230531082239.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3f78a571aee3f27ebf9824286e9929c8/chakra-ui-popover-0.0.0-dev-20230531082239.tgz","_integrity":"sha512-VzLYBm2oxgpkgL/pb/vGOSYZv/ECNcuUXLnY15AwXSNlFQfJCuWpJxyed0gpDt5jeLcasT2a8zlYgDiqfilRKg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230531082239","@chakra-ui/system":"0.0.0-dev-20230531082239"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230531082239"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230531082239_1685521413675_0.8512911419086782","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230531084037":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230531084037","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230531084037","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a7c2789580a92d2562dda2ca55d8e06fadc6d59b","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230531084037.tgz","fileCount":54,"integrity":"sha512-a3SHs+1BRBIljfJxbdU6oFjZCMHtD6WTue1lkewt1wf8bmwy3+jYEu4OcS8Ied9b7SusotMmjqtSwR9EQeyO1A==","signatures":[{"sig":"MEYCIQDDoAAKmEWMntWapqckLdYu+WmPY1OGYV9j6PyJNAhekAIhALiN3mst5uWcPs4jGFHbkXKz8LMNP4GjXhzKggaZXdp/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106807},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230531084037.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5b26b88d6b439e459421a81b33948ea5/chakra-ui-popover-0.0.0-dev-20230531084037.tgz","_integrity":"sha512-a3SHs+1BRBIljfJxbdU6oFjZCMHtD6WTue1lkewt1wf8bmwy3+jYEu4OcS8Ied9b7SusotMmjqtSwR9EQeyO1A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.10","@chakra-ui/react-use-animation-state":"2.0.8","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230531084037","@chakra-ui/system":"0.0.0-dev-20230531084037"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230531084037"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230531084037_1685522506477_0.9037160249870819","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230531085907":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230531085907","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230531085907","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5f8f745eef9feeb9cc03a73ae22d83911bff08fe","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230531085907.tgz","fileCount":54,"integrity":"sha512-wPSrt1gSN7qtr4KqyXNDOW2h31gQro6bZOgz4vVjopxy2W/ure3t1xTFNJzbD6QIar7Cuuv0/aNLKzLAkNShFQ==","signatures":[{"sig":"MEUCIQDTHmLvGyz3wfMi6P7Z9TJCh59xyK4a4n6ZEAHHv4UgZwIgAzaqCab+jz44/qAu0w2c/yweayVdjrG7goKlDvhap2U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106844},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230531085907.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7bf28b20c21b7b8c13ab62b40cde887b/chakra-ui-popover-0.0.0-dev-20230531085907.tgz","_integrity":"sha512-wPSrt1gSN7qtr4KqyXNDOW2h31gQro6bZOgz4vVjopxy2W/ure3t1xTFNJzbD6QIar7Cuuv0/aNLKzLAkNShFQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230531085907","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230531085907","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230531085907","@chakra-ui/system":"0.0.0-dev-20230531085907"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230531085907"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230531085907_1685523598146_0.616427407915721","host":"s3://npm-registry-packages"}},"2.1.12":{"name":"@chakra-ui/popover","version":"2.1.12","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.1.12","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"093bb60f7c044f829e2acc3a93f0c1077ba58cfb","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.1.12.tgz","fileCount":54,"integrity":"sha512-Corh8trA1f3ydcMQqomgSvYNNhAlpxiBpMY2sglwYazOJcueHA8CI05cJVD0T/wwoTob7BShabhCGFZThn61Ng==","signatures":[{"sig":"MEQCIEHiF57ToKOmhj8z0v/41j/Gfsd0Qe7B8/4s2CgqpQtVAiBPvuCXEEjmeatHJKCsZD1ZwGVD55xRZ3hYmCNrbJopMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106734},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-2.1.12.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c57acb617c5841020949b114d6ca35bd/chakra-ui-popover-2.1.12.tgz","_integrity":"sha512-Corh8trA1f3ydcMQqomgSvYNNhAlpxiBpMY2sglwYazOJcueHA8CI05cJVD0T/wwoTob7BShabhCGFZThn61Ng==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.11","@chakra-ui/react-use-animation-state":"2.0.9","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.2.0","@chakra-ui/system":"2.5.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.1.12_1685526269628_0.7545535705792199","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230716141052":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230716141052","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230716141052","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8eb395953665fb1ea45dfe7a7af6947df41f1890","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230716141052.tgz","fileCount":54,"integrity":"sha512-9gJO9YMTCCNUUsJSWrUwjqytwPknBoU6cgz7WNGqReMiO48hEhUX367YQN8N3HhMhkBltT2rBRJ5aVs1HhqYMQ==","signatures":[{"sig":"MEUCIQDn0vHRnJd7HSCWga1RSSwI+Lb7aeoMh3UEqZs5Q6HkLgIgVujDcxtg3jDPukG+6+YVfP9zoL/3yDL+jI2BXk/PApw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107275},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230716141052.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0655772311c9c3f27b6eaa477d80bd61/chakra-ui-popover-0.0.0-dev-20230716141052.tgz","_integrity":"sha512-9gJO9YMTCCNUUsJSWrUwjqytwPknBoU6cgz7WNGqReMiO48hEhUX367YQN8N3HhMhkBltT2rBRJ5aVs1HhqYMQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.11","@chakra-ui/react-use-animation-state":"2.0.9","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.2.0","@chakra-ui/system":"0.0.0-dev-20230716141052"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230716141052"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230716141052_1689516702240_0.09931258094787321","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230716142935":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230716142935","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230716142935","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1ebf7eb35d98c4e847d6f0555040dd63ee8ea1a9","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230716142935.tgz","fileCount":54,"integrity":"sha512-mnjwkvez+0QGvGvZXpUzEfAYUmlTU4czfVaYUfNU3wK9lA6avwC3Lq52KdqPZkFLJgxyae0y5KUaJDW1M3yWKg==","signatures":[{"sig":"MEQCIFX9DQSTLC4nz/0dszkAuC5IW3hESplXoqXDqpBLxsblAiAe1AtobW4Cwcd16Tf6S0DycRsG1vJrKIOu5hquETE44w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107275},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-popover-0.0.0-dev-20230716142935.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d77ef2a6c339162f7d97ee524b3abd3c/chakra-ui-popover-0.0.0-dev-20230716142935.tgz","_integrity":"sha512-mnjwkvez+0QGvGvZXpUzEfAYUmlTU4czfVaYUfNU3wK9lA6avwC3Lq52KdqPZkFLJgxyae0y5KUaJDW1M3yWKg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/popper":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.0.17","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-disclosure":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-focus-effect":"2.0.11","@chakra-ui/react-use-animation-state":"2.0.9","@chakra-ui/react-use-focus-on-pointer-down":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.0.22","@chakra-ui/radio":"2.0.22","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.2.0","@chakra-ui/system":"0.0.0-dev-20230716142935"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230716142935"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230716142935_1689517829259_0.8598925687616943","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230718122336","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230718122336","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"36e038ae400337048bb911401079ab33b2d5ec0a","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230718122336.tgz","fileCount":92,"integrity":"sha512-Roc1/Iu3PoJhNlaTcW6rqHeWR2heqEoA9/7vnyx0J/xgEr85Q4YTRDE6XyGUU4bNnYdW5FVuD0WArHfFZsr8Yw==","signatures":[{"sig":"MEYCIQCTQYM6mrnLXLvdu2Q8/Xf/S7ga9eWxcOwapkMBIFKInAIhAMXvkEZCEajKB6g8mQPvnJq436pDRufVEz006gGECnta","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251480},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/61088744f8a108d3d041b526bb43cbbe/chakra-ui-popover-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-Roc1/Iu3PoJhNlaTcW6rqHeWR2heqEoA9/7vnyx0J/xgEr85Q4YTRDE6XyGUU4bNnYdW5FVuD0WArHfFZsr8Yw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230718122336","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230718122336","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718122336","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718122336","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718122336","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230718122336","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230718122336","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230718122336"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230718122336","@chakra-ui/radio":"0.0.0-dev-20230718122336","@chakra-ui/button":"0.0.0-dev-20230718122336","@chakra-ui/layout":"0.0.0-dev-20230718122336","@chakra-ui/system":"0.0.0-dev-20230718122336"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718122336"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230718122336_1689683119715_0.15752465551145045","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230718124717","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230718124717","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dfe0fbab29e5e945dfaf2d22b2f55f521872538d","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230718124717.tgz","fileCount":92,"integrity":"sha512-vaDyZH20meT0vsD3N2b08JQo6XzhVhjtdHm+LQAnzQtc7kkOH/EAbrOGFk0PZF8dPel/CH1KDPfE3KurVOt5qA==","signatures":[{"sig":"MEYCIQDuKrul4ZvfKOp3Z0URKhQtncB4Mazs8+OHfGilZoVoNQIhAISGhVYTUgPhXrhv0h0CLui2uLNYnWcwTYhtnW2Lfs4P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251480},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/adfbff2d543b76b77bfb47bf39bb0cdf/chakra-ui-popover-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-vaDyZH20meT0vsD3N2b08JQo6XzhVhjtdHm+LQAnzQtc7kkOH/EAbrOGFk0PZF8dPel/CH1KDPfE3KurVOt5qA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230718124717","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230718124717","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718124717","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718124717","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718124717","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230718124717","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230718124717","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230718124717"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230718124717","@chakra-ui/radio":"0.0.0-dev-20230718124717","@chakra-ui/button":"0.0.0-dev-20230718124717","@chakra-ui/layout":"0.0.0-dev-20230718124717","@chakra-ui/system":"0.0.0-dev-20230718124717"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718124717"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230718124717_1689684537577_0.059425605486989275","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230718130742","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230718130742","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c8ef9965bb37548d65b6d17564aac5270971e52c","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230718130742.tgz","fileCount":92,"integrity":"sha512-AOBbkRSUGGzoJlmneRNp1nAubcyGQSOG37b3MUS0cUJjKBY70AZts4lObxKrsLYFmQWStlDyodGa2JqsbYlFbw==","signatures":[{"sig":"MEQCICU6cxjXJgouSZGTVdBwZq0cAGUPDHd0cnwAbSUB9IXtAiB872puR9xJr0EDagTt1tacN+UnpJiZJV4dl6TrPhBf6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251480},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/77ee792c78ac184918ed87d2cb029ced/chakra-ui-popover-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-AOBbkRSUGGzoJlmneRNp1nAubcyGQSOG37b3MUS0cUJjKBY70AZts4lObxKrsLYFmQWStlDyodGa2JqsbYlFbw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230718130742","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230718130742","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718130742","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718130742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718130742","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230718130742","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230718130742","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230718130742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230718130742","@chakra-ui/radio":"0.0.0-dev-20230718130742","@chakra-ui/button":"0.0.0-dev-20230718130742","@chakra-ui/layout":"0.0.0-dev-20230718130742","@chakra-ui/system":"0.0.0-dev-20230718130742"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718130742"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230718130742_1689685744610_0.9535935445734822","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230718132637","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230718132637","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bdf9a8df4f788891bc895bc5a5d0b7a295694424","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230718132637.tgz","fileCount":92,"integrity":"sha512-hIMHG9DIC7PqQDIb6BAE3HqxmYXWTpMPIB/ACXnh3KgCG+kTvjtvs1PjD2Yv6tAptt2F7aaBuEXYbO9ev2Fbww==","signatures":[{"sig":"MEYCIQCj40Jkixwpyjrh0+78wCfJtdKCZcENPgl60TU+iutM6AIhAIL0qOGOViy4r0EE6ioN29DhFumxxpsBbAQp2sJsRrI0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251480},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a17948ee6dcb4a28de1dd4783b3384be/chakra-ui-popover-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-hIMHG9DIC7PqQDIb6BAE3HqxmYXWTpMPIB/ACXnh3KgCG+kTvjtvs1PjD2Yv6tAptt2F7aaBuEXYbO9ev2Fbww==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/popper":"0.0.0-dev-20230718132637","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230718132637","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718132637","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718132637","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718132637","@chakra-ui/react-use-focus-effect":"0.0.0-dev-20230718132637","@chakra-ui/react-use-animation-state":"0.0.0-dev-20230718132637","@chakra-ui/react-use-focus-on-pointer-down":"0.0.0-dev-20230718132637"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230718132637","@chakra-ui/radio":"0.0.0-dev-20230718132637","@chakra-ui/button":"0.0.0-dev-20230718132637","@chakra-ui/layout":"0.0.0-dev-20230718132637","@chakra-ui/system":"0.0.0-dev-20230718132637"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718132637"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230718132637_1689686891739_0.592291760849277","host":"s3://npm-registry-packages"}},"2.2.0":{"name":"@chakra-ui/popover","version":"2.2.0","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.2.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"470c4814447010a1b7db6839fcc3e8983cbabb60","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.2.0.tgz","fileCount":92,"integrity":"sha512-cTqXdgkU0vgK82AR1nWcC2MJYhEL/y6uTeprvO2+j4o2D0yPrzVMuIZZRl0abrQwiravQyVGEMgA5y0ZLYwbiQ==","signatures":[{"sig":"MEYCIQDqPq/SH+2LI/FGriBgdaGmF53c/bifD7bkEBONN2WO9gIhANnIZ41YKBrMnDuJWu7YxsPU2FjZ/KlrMnqOSpx82T9d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251197},"main":"dist/index.js","_from":"file:chakra-ui-popover-2.2.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4f2dab4d82aa1ad03f1932718bb1a09f/chakra-ui-popover-2.2.0.tgz","_integrity":"sha512-cTqXdgkU0vgK82AR1nWcC2MJYhEL/y6uTeprvO2+j4o2D0yPrzVMuIZZRl0abrQwiravQyVGEMgA5y0ZLYwbiQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.5.1","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"2.1.0","@chakra-ui/radio":"2.1.0","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"2.3.0","@chakra-ui/system":"2.6.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.2.0_1689721256918_0.5951683350381773","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822131635":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230822131635","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230822131635","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dc8aa68c5974fef671c60a390f1aa1920550f8ba","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230822131635.tgz","fileCount":105,"integrity":"sha512-UAT2mwjEiKd+RtrvxdP+4STwXjJt+L6H9GVc9PIi9KLsmiymQ0doGrWD21D9Zyca9mLlKldtVH/cwZCbJG7MBA==","signatures":[{"sig":"MEQCIGnVaybRkSolbFQDgVYPjUgwQLAdKMUxkGhHF9bQ3U0SAiBQfg0GHHCM91L6g9QcH00J+1sP1u53CpQThMMtzGFe+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":264336},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230822131635.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/40611c5c75f5f12b6d1b36a2738b9c85/chakra-ui-popover-0.0.0-dev-20230822131635.tgz","_integrity":"sha512-UAT2mwjEiKd+RtrvxdP+4STwXjJt+L6H9GVc9PIi9KLsmiymQ0doGrWD21D9Zyca9mLlKldtVH/cwZCbJG7MBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.6.7","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230822131635","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230822131635","@chakra-ui/radio":"0.0.0-dev-20230822131635","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230822131635","@chakra-ui/system":"0.0.0-dev-20230822131635"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230822131635"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230822131635_1692710278720_0.056737800332243626","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822134434":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230822134434","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230822134434","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e83be7e1f875d824243d83479fdc43234cfc30b7","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230822134434.tgz","fileCount":105,"integrity":"sha512-DLnjI58V6664126Le55HUYvuil1qXptjDY1bOSYvWQq2PazI/Lyfq78u9CZpeysTwFn8zt3NQ5CwgqnQFtviVw==","signatures":[{"sig":"MEUCIQDvR0YKEjuNcJqS79PyGW+hnh52T2dWYCkWDPh8wJe43wIgCBRFe/IC2wG/6wKdnKOCfGGNXZb55mk7/Dl1XY1/vwY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":264336},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230822134434.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8c78f206993c7b0241bd1bf619e2fbee/chakra-ui-popover-0.0.0-dev-20230822134434.tgz","_integrity":"sha512-DLnjI58V6664126Le55HUYvuil1qXptjDY1bOSYvWQq2PazI/Lyfq78u9CZpeysTwFn8zt3NQ5CwgqnQFtviVw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.6.7","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230822134434","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230822134434","@chakra-ui/radio":"0.0.0-dev-20230822134434","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230822134434","@chakra-ui/system":"0.0.0-dev-20230822134434"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230822134434"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230822134434_1692711939806_0.4126345501246511","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830093747":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230830093747","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230830093747","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"31f12e67f32c958ff352edeaefa1331d3a2335dd","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230830093747.tgz","fileCount":105,"integrity":"sha512-lrwnViw5D2e+H3mGf+aib0IiWO7Hc6AaopQANeRHnbz/AHCdklTaIUfsN9CvSvoX+svpp2lRP4eog2TjB1rODQ==","signatures":[{"sig":"MEUCIA0wc4Hzlxb5tgy317QcVW3dIKVE1OnYm0bXxJGOJ9duAiEAjJyaavRjcAcprlxQFRj1F4D6MJsBLu4EmPoIQlJMNxc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":264336},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230830093747.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/82b237118cd49a06e389e31dfe4076cc/chakra-ui-popover-0.0.0-dev-20230830093747.tgz","_integrity":"sha512-lrwnViw5D2e+H3mGf+aib0IiWO7Hc6AaopQANeRHnbz/AHCdklTaIUfsN9CvSvoX+svpp2lRP4eog2TjB1rODQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.6.7","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230830093747","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230830093747","@chakra-ui/radio":"0.0.0-dev-20230830093747","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230830093747","@chakra-ui/system":"0.0.0-dev-20230830093747"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230830093747"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230830093747_1693388333528_0.4634306406038642","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830120642":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230830120642","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230830120642","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1f0adf097600187d9c4108a2bfadda4a0544d0a6","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230830120642.tgz","fileCount":105,"integrity":"sha512-ynG82HpCX69dXqFMYRY5nUezQcJCw/VAVnO+9DN5Y8ZkwKgFsK6/SBIBUryes2PqVB600tYz2cmWjOSLzCk1Og==","signatures":[{"sig":"MEQCICbLxqN6DS/ewzNbMYPonyte/DyZ9G7+OMuCrbv6olvQAiBx5lwkbmr8QzLH5bJu3MdDZwSNdoigLhUfJYXJB89IPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":264336},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230830120642.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b335ed00865105e1c024f4b01886e746/chakra-ui-popover-0.0.0-dev-20230830120642.tgz","_integrity":"sha512-ynG82HpCX69dXqFMYRY5nUezQcJCw/VAVnO+9DN5Y8ZkwKgFsK6/SBIBUryes2PqVB600tYz2cmWjOSLzCk1Og==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.6.7","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230830120642","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/hooks":"2.2.0","@chakra-ui/input":"0.0.0-dev-20230830120642","@chakra-ui/radio":"0.0.0-dev-20230830120642","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230830120642","@chakra-ui/system":"0.0.0-dev-20230830120642"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230830120642"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230830120642_1693397267461_0.10388881508955183","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830133821":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230830133821","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230830133821","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"58a33c7fd622b1cb902657724d08f03a8c4943e5","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230830133821.tgz","fileCount":105,"integrity":"sha512-COkHog9KhJZMaC/Xpc8+8wb4/oZ0ZNTR1VPMERCfOwLyrjr+HAp2HfaSZfPf/chgEl6prdOzjQyWQTV2SAwAFg==","signatures":[{"sig":"MEUCIQDCunKdjq45vBtRcJQdohync/RlEA3X/PyDyluKkWwXEQIgTOiZ1R4DKZPQ1/AmrHZdZhokHTDS2Qwe4xkHsR8ujLE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":264355},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230830133821.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3e2c6afba9fd24919b16287585026da5/chakra-ui-popover-0.0.0-dev-20230830133821.tgz","_integrity":"sha512-COkHog9KhJZMaC/Xpc8+8wb4/oZ0ZNTR1VPMERCfOwLyrjr+HAp2HfaSZfPf/chgEl6prdOzjQyWQTV2SAwAFg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.6.7","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230830133821","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/hooks":"0.0.0-dev-20230830133821","@chakra-ui/input":"0.0.0-dev-20230830133821","@chakra-ui/radio":"0.0.0-dev-20230830133821","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230830133821","@chakra-ui/system":"0.0.0-dev-20230830133821"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230830133821"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230830133821_1693402761832_0.2010587646471702","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230908144305":{"name":"@chakra-ui/popover","version":"0.0.0-dev-20230908144305","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@0.0.0-dev-20230908144305","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"70fd93c21553b3ad09644dcdfd9c7864199eaeff","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-0.0.0-dev-20230908144305.tgz","fileCount":105,"integrity":"sha512-NvB211p0k+HiJFN8RI76eJsp1dNLOgxtQGsM8DYix05TsgLOSsEEzT5/OtIbdwOZ7TLvDS8g3bIEbaGcDcRZtQ==","signatures":[{"sig":"MEUCIQCGWPAyLu4UORaxyi5xCveR0ups5ACaukO54oumTg9uzQIgJ6agSk5LepFvNsCAqpmdYs3IY3mJIo2cU3zQv2gET8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":264355},"main":"dist/index.js","_from":"file:chakra-ui-popover-0.0.0-dev-20230908144305.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0913744f6af36188a4806c067c7cb05c/chakra-ui-popover-0.0.0-dev-20230908144305.tgz","_integrity":"sha512-NvB211p0k+HiJFN8RI76eJsp1dNLOgxtQGsM8DYix05TsgLOSsEEzT5/OtIbdwOZ7TLvDS8g3bIEbaGcDcRZtQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.6.7","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"0.0.0-dev-20230908144305","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/hooks":"0.0.0-dev-20230908144305","@chakra-ui/input":"0.0.0-dev-20230908144305","@chakra-ui/radio":"0.0.0-dev-20230908144305","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230908144305","@chakra-ui/system":"0.0.0-dev-20230908144305"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230908144305"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0-dev-20230908144305_1694184251386_0.9152310231022729","host":"s3://npm-registry-packages"}},"2.2.1":{"name":"@chakra-ui/popover","version":"2.2.1","keywords":["popover","popper","dialog","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/popover@2.2.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"89cfd29817abcd204da570073c0f2b4d8072c3a3","tarball":"https://registry.npmjs.org/@chakra-ui/popover/-/popover-2.2.1.tgz","fileCount":105,"integrity":"sha512-K+2ai2dD0ljvJnlrzesCDT9mNzLifE3noGKZ3QwLqd/K34Ym1W/0aL1ERSynrcG78NKoXS54SdEzkhCZ4Gn/Zg==","signatures":[{"sig":"MEYCIQCZnw3tqALH6pPQlKZWmNayXZsZj/sdQN1yUINp7B1teQIhAM+iq+BGTkPhOBENFugu9g682P5x0ntp5bAu9PsLmOsI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":264205},"main":"dist/index.js","_from":"file:chakra-ui-popover-2.2.1.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8d07b28aef7ddcf32afa242039e081b8/chakra-ui-popover-2.2.1.tgz","_integrity":"sha512-K+2ai2dD0ljvJnlrzesCDT9mNzLifE3noGKZ3QwLqd/K34Ym1W/0aL1ERSynrcG78NKoXS54SdEzkhCZ4Gn/Zg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"_npmVersion":"9.6.7","description":"A React component to render that renders its content in a popover","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/popper":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/react-types":"2.0.7","@chakra-ui/close-button":"2.1.1","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-disclosure":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-focus-effect":"2.1.0","@chakra-ui/react-use-animation-state":"2.1.0","@chakra-ui/react-use-focus-on-pointer-down":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/hooks":"2.2.1","@chakra-ui/input":"2.1.1","@chakra-ui/radio":"2.1.1","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"2.6.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_2.2.1_1694214261978_0.20654790503934528","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:24.709Z","modified":"2025-08-25T12:25:02.026Z","1.0.0-next.0":"2020-06-20T20:43:25.087Z","1.0.0-next.1":"2020-06-21T09:41:40.860Z","1.0.0-next.2":"2020-06-22T15:36:31.108Z","1.0.0-next.3":"2020-06-28T16:36:09.187Z","1.0.0-next.4":"2020-07-01T17:43:02.871Z","1.0.0-next.5":"2020-07-15T10:37:27.501Z","1.0.0-next.6":"2020-07-15T15:35:48.926Z","1.0.0-next.7":"2020-07-26T12:56:03.471Z","1.0.0-rc.0":"2020-07-26T15:58:17.868Z","1.0.0-rc.1":"2020-08-06T21:15:00.959Z","1.0.0-rc.2":"2020-08-09T11:32:55.175Z","1.0.0-rc.3":"2020-08-30T15:30:33.780Z","1.0.0-rc.4":"2020-09-25T14:09:30.646Z","1.0.0-rc.5":"2020-09-27T20:28:19.818Z","1.0.0-rc.6":"2020-10-25T15:43:39.424Z","1.0.0-rc.7":"2020-10-25T21:39:26.380Z","1.0.0-rc.8":"2020-10-29T20:25:16.974Z","1.0.0":"2020-11-13T10:21:28.824Z","1.0.1":"2020-11-20T19:50:03.039Z","1.0.2":"2020-12-03T18:17:53.898Z","1.0.3":"2020-12-08T17:34:17.772Z","1.0.4":"2020-12-17T21:39:27.248Z","1.0.5":"2021-01-10T19:08:53.369Z","1.0.6":"2021-01-11T17:01:51.456Z","1.0.7":"2021-01-17T19:43:35.650Z","1.1.0":"2021-01-24T15:01:08.266Z","1.2.0":"2021-01-30T21:52:38.272Z","1.2.1":"2021-02-06T11:40:46.259Z","1.2.2":"2021-02-13T17:47:23.286Z","1.2.3":"2021-03-05T20:00:32.090Z","1.3.0":"2021-03-21T06:35:12.314Z","1.4.0":"2021-03-30T12:25:29.615Z","1.5.0":"2021-04-07T15:07:18.351Z","1.5.1":"2021-04-13T22:12:02.278Z","1.6.0":"2021-04-19T18:37:26.406Z","1.6.1":"2021-04-23T18:03:41.004Z","1.7.0":"2021-05-05T11:12:41.926Z","1.7.1":"2021-05-26T09:35:24.465Z","1.8.0":"2021-06-18T17:37:56.199Z","1.8.1":"2021-07-08T15:05:32.285Z","1.8.2-next.0":"2021-08-05T21:11:24.561Z","1.8.2":"2021-08-09T10:27:15.440Z","1.8.3":"2021-08-29T11:52:40.381Z","1.8.4":"2021-09-20T15:13:10.134Z","1.8.5":"2021-10-14T23:33:40.739Z","1.9.1":"2021-11-03T20:32:59.516Z","1.10.0":"2021-11-11T16:56:48.066Z","1.10.1":"2021-11-12T19:51:34.554Z","0.0.0-canary-2021118154929":"2021-12-08T15:50:16.343Z","0.0.0-canary-2021118164051":"2021-12-08T16:41:37.171Z","0.0.0-pr-20211191288":"2021-12-09T12:08:42.360Z","1.11.0":"2021-12-09T13:30:11.737Z","0.0.0-pr-202111921327":"2021-12-09T21:03:58.628Z","0.0.0-pr-20211113195848":"2021-12-13T19:59:14.975Z","0.0.0-pr-2021111320052":"2021-12-13T20:01:17.888Z","0.0.0-pr-2021111320117":"2021-12-13T20:11:33.962Z","0.0.0-pr-20211113201444":"2021-12-13T20:15:10.925Z","0.0.0-pr-20211113202333":"2021-12-13T20:23:59.011Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:18.601Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:50.006Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:29.361Z","0.0.0-dev-20211115103321":"2021-12-15T10:34:00.819Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:40.362Z","0.0.0-dev-2021112024830":"2021-12-20T02:49:02.493Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:32.696Z","0.0.0-dev-2021112031622":"2021-12-20T03:16:59.458Z","0.0.0-pr-20211120212826":"2021-12-20T21:29:00.683Z","0.0.0-pr-20211120212927":"2021-12-20T21:29:58.619Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:48.807Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:49.635Z","0.0.0-dev-20211120215621":"2021-12-20T21:56:59.523Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:28.092Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:32.443Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:17.299Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:31.636Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:12.642Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:27.653Z","0.0.0-pr-2021112616030":"2021-12-26T16:01:09.948Z","0.0.0-pr-2021112821613":"2021-12-28T21:06:54.259Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:17.273Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:28.427Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:50.025Z","0.0.0-pr-202111299618":"2021-12-29T09:07:01.118Z","0.0.0-pr-202111299647":"2021-12-29T09:07:22.301Z","0.0.0-dev-202111299720":"2021-12-29T09:08:01.405Z","0.0.0-dev-20211129982":"2021-12-29T09:08:46.090Z","0.0.0-pr-2021112991213":"2021-12-29T09:12:55.135Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:13.885Z","0.0.0-dev-20220114234":"2022-01-01T01:43:11.743Z","0.0.0-dev-20220114728":"2022-01-01T01:48:11.435Z","0.0.0-dev-202201134936":"2022-01-01T13:50:15.426Z","0.0.0-dev-20220281628":"2022-01-02T08:17:06.880Z","0.0.0-dev-20220282224":"2022-01-02T08:23:02.624Z","0.0.0-pr-2022028241":"2022-01-02T08:24:37.684Z","0.0.0-pr-2022028277":"2022-01-02T08:27:39.974Z","0.0.0-dev-2022028387":"2022-01-02T08:38:47.938Z","0.0.0-dev-2022028457":"2022-01-02T08:45:39.631Z","0.0.0-pr-20220284534":"2022-01-02T08:46:10.960Z","0.0.0-dev-2022028579":"2022-01-02T08:57:47.967Z","0.0.0-pr-202203225541":"2022-01-03T22:56:22.297Z","0.0.0-pr-202203231241":"2022-01-03T23:13:20.108Z","0.0.0-pr-20220483049":"2022-01-04T08:31:33.497Z","0.0.0-pr-202204173424":"2022-01-04T17:34:58.708Z","0.0.0-pr-202204174042":"2022-01-04T17:41:22.728Z","0.0.0-pr-202204174930":"2022-01-04T17:50:11.173Z","1.11.1":"2022-01-04T20:36:23.684Z","0.0.0-pr-202204203645":"2022-01-04T20:37:25.598Z","0.0.0-pr-20220421928":"2022-01-04T21:10:04.903Z","0.0.0-pr-202206185910":"2022-01-06T18:59:58.357Z","0.0.0-pr-202206192031":"2022-01-06T19:21:12.768Z","0.0.0-pr-20220620149":"2022-01-06T20:02:28.031Z","0.0.0-dev-20220620653":"2022-01-06T20:07:26.287Z","0.0.0-pr-2022062070":"2022-01-06T20:07:37.153Z","0.0.0-pr-202208163634":"2022-01-08T16:37:14.965Z","0.0.0-pr-20220816386":"2022-01-08T16:38:46.095Z","0.0.0-pr-202208164521":"2022-01-08T16:45:59.341Z","0.0.0-pr-202209205059":"2022-01-09T20:51:32.913Z","0.0.0-pr-20220920538":"2022-01-09T20:53:43.093Z","0.0.0-pr-202209211330":"2022-01-09T21:14:05.553Z","0.0.0-pr-20220921590":"2022-01-09T21:59:30.925Z","0.0.0-pr-202209231642":"2022-01-09T23:17:12.447Z","0.0.0-pr-202209231818":"2022-01-09T23:18:52.127Z","0.0.0-pr-202209231927":"2022-01-09T23:20:04.823Z","0.0.0-pr-2022010134944":"2022-01-10T13:50:12.559Z","0.0.0-dev-202201013510":"2022-01-10T13:51:31.379Z","0.0.0-pr-202201013538":"2022-01-10T13:53:38.604Z","0.0.0-dev-202201117413":"2022-01-11T17:41:31.723Z","0.0.0-pr-2022011175644":"2022-01-11T17:57:17.828Z","0.0.0-pr-2022011182024":"2022-01-11T18:21:01.101Z","0.0.0-dev-2022013185957":"2022-01-13T19:00:29.637Z","0.0.0-pr-202201319022":"2022-01-13T19:00:55.950Z","0.0.0-dev-202201319130":"2022-01-13T19:02:01.077Z","0.0.0-pr-202201319211":"2022-01-13T19:02:50.220Z","0.0.0-pr-2022013191557":"2022-01-13T19:16:26.033Z","0.0.0-pr-2022013191627":"2022-01-13T19:16:55.827Z","0.0.0-pr-2022013191632":"2022-01-13T19:17:06.741Z","0.0.0-pr-2022013191659":"2022-01-13T19:17:34.139Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:26.298Z","0.0.0-dev-2022013193154":"2022-01-13T19:32:27.424Z","0.0.0-dev-2022013193526":"2022-01-13T19:36:03.243Z","0.0.0-pr-2022014102532":"2022-01-14T10:26:06.214Z","0.0.0-dev-202201418849":"2022-01-14T18:09:26.646Z","0.0.0-pr-202201418280":"2022-01-14T18:28:43.495Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:20.558Z","0.0.0-pr-2022017182645":"2022-01-17T18:27:18.773Z","0.0.0-dev-2022017182859":"2022-01-17T18:29:36.180Z","0.0.0-dev-20220209527":"2022-01-20T09:06:03.891Z","0.0.0-pr-2022020961":"2022-01-20T09:06:51.546Z","0.0.0-pr-20220209192":"2022-01-20T09:19:47.475Z","0.0.0-pr-202202092345":"2022-01-20T09:24:26.433Z","0.0.0-pr-202202495259":"2022-01-24T09:53:45.612Z","0.0.0-pr-202202495536":"2022-01-24T09:56:21.354Z","0.0.0-pr-202202495553":"2022-01-24T09:56:30.281Z","0.0.0-dev-202202495727":"2022-01-24T09:58:11.157Z","0.0.0-dev-202202410017":"2022-01-24T10:00:56.219Z","0.0.0-pr-202202410034":"2022-01-24T10:01:20.727Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:35.788Z","0.0.0-pr-202202423375":"2022-01-24T23:37:43.299Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:12.309Z","0.0.0-dev-20220258423":"2022-01-25T08:42:46.165Z","0.0.0-pr-202202584437":"2022-01-25T08:45:21.442Z","0.0.0-pr-20220258462":"2022-01-25T08:46:40.699Z","0.0.0-dev-20220258486":"2022-01-25T08:48:50.332Z","0.0.0-dev-202202585455":"2022-01-25T08:55:32.623Z","0.0.0-pr-20220259146":"2022-01-25T09:14:45.720Z","0.0.0-dev-202202591453":"2022-01-25T09:15:34.889Z","0.0.0-dev-202202591937":"2022-01-25T09:20:17.499Z","0.0.0-dev-202202592640":"2022-01-25T09:27:28.007Z","0.0.0-pr-20220251866":"2022-01-25T18:06:45.050Z","1.11.2":"2022-01-25T18:07:24.083Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:37.013Z","0.0.0-pr-2022026182926":"2022-01-26T18:30:00.788Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:19.925Z","0.0.0-pr-202202618407":"2022-01-26T18:40:36.201Z","0.0.0-pr-20220300344":"2022-01-30T00:04:15.953Z","0.0.0-dev-2022031223123":"2022-01-31T22:31:46.205Z","1.11.3":"2022-01-31T22:36:20.873Z","0.0.0-pr-20221152447":"2022-02-01T05:25:15.519Z","0.0.0-dev-20221152516":"2022-02-01T05:25:44.603Z","0.0.0-dev-20221152957":"2022-02-01T05:30:31.244Z","0.0.0-pr-20221153122":"2022-02-01T05:31:56.104Z","0.0.0-pr-20221173228":"2022-02-01T07:33:01.583Z","0.0.0-pr-20221173648":"2022-02-01T07:37:26.304Z","0.0.0-pr-202211224055":"2022-02-01T22:41:24.975Z","0.0.0-pr-202211224227":"2022-02-01T22:43:00.767Z","0.0.0-pr-20221263638":"2022-02-02T06:37:24.436Z","0.0.0-pr-20221263715":"2022-02-02T06:37:51.527Z","0.0.0-pr-20221272130":"2022-02-02T07:22:10.397Z","0.0.0-pr-20221272450":"2022-02-02T07:25:31.388Z","0.0.0-dev-202213175727":"2022-02-03T17:58:04.764Z","0.0.0-pr-20221462931":"2022-02-04T06:30:20.636Z","0.0.0-dev-20221463045":"2022-02-04T06:31:31.639Z","0.0.0-pr-202214171317":"2022-02-04T17:14:03.339Z","0.0.0-pr-202214173019":"2022-02-04T17:30:59.418Z","0.0.0-pr-20221417318":"2022-02-04T17:31:53.170Z","0.0.0-pr-202214173148":"2022-02-04T17:32:31.374Z","0.0.0-pr-202215111823":"2022-02-05T11:19:06.969Z","0.0.0-dev-202215111945":"2022-02-05T11:20:32.208Z","0.0.0-dev-202215112739":"2022-02-05T11:28:18.275Z","0.0.0-pr-202215113521":"2022-02-05T11:36:00.027Z","0.0.0-pr-202215113950":"2022-02-05T11:40:34.473Z","0.0.0-dev-202215114149":"2022-02-05T11:42:35.435Z","0.0.0-pr-202215114422":"2022-02-05T11:45:02.631Z","0.0.0-dev-202215114442":"2022-02-05T11:45:28.059Z","0.0.0-pr-202215114917":"2022-02-05T11:50:05.599Z","0.0.0-pr-20221512346":"2022-02-05T12:04:29.580Z","0.0.0-pr-20221512130":"2022-02-05T12:13:40.660Z","0.0.0-pr-202215121320":"2022-02-05T12:14:00.491Z","0.0.0-dev-202215121353":"2022-02-05T12:14:28.884Z","0.0.0-dev-202215121428":"2022-02-05T12:15:01.241Z","0.0.0-dev-20221512173":"2022-02-05T12:17:39.886Z","0.0.0-dev-202215122415":"2022-02-05T12:25:00.710Z","0.0.0-pr-20221512359":"2022-02-05T12:35:48.589Z","0.0.0-pr-202215125733":"2022-02-05T12:58:14.942Z","0.0.0-pr-202215132532":"2022-02-05T13:26:11.584Z","0.0.0-dev-20221513279":"2022-02-05T13:27:55.257Z","1.11.4":"2022-02-05T13:36:27.150Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:13.398Z","0.0.0-pr-202211594731":"2022-02-15T09:48:07.962Z","0.0.0-dev-2022117101328":"2022-02-17T10:14:04.136Z","1.11.5":"2022-02-17T10:18:43.142Z","0.0.0-pr-2022117102151":"2022-02-17T10:22:17.981Z","0.0.0-dev-2022117102223":"2022-02-17T10:22:54.787Z","0.0.0-dev-2022117103018":"2022-02-17T10:30:52.648Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:46.649Z","0.0.0-pr-202211713187":"2022-02-17T13:18:46.940Z","0.0.0-dev-202211720414":"2022-02-17T20:04:48.090Z","0.0.0-dev-2022117201925":"2022-02-17T20:20:10.706Z","0.0.0-dev-2022117203714":"2022-02-17T20:37:55.018Z","0.0.0-dev-202212083710":"2022-02-20T08:37:51.578Z","0.0.0-pr-202212011232":"2022-02-20T11:03:16.895Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:36.602Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:45.440Z","0.0.0-dev-2022120114225":"2022-02-20T11:43:06.473Z","0.0.0-dev-202212012129":"2022-02-20T12:12:47.705Z","0.0.0-dev-2022120123118":"2022-02-20T12:32:07.742Z","1.11.6":"2022-02-20T12:41:04.385Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:25.948Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:22.912Z","0.0.0-dev-202212821520":"2022-02-28T21:52:30.097Z","0.0.0-dev-202212822477":"2022-02-28T22:47:39.437Z","0.0.0-dev-2022128224832":"2022-02-28T22:49:04.343Z","1.11.7":"2022-02-28T23:07:14.434Z","0.0.0-dev-202221417325":"2022-03-14T17:04:13.231Z","0.0.0-dev-202221417436":"2022-03-14T17:05:09.181Z","0.0.0-dev-2022214171014":"2022-03-14T17:11:32.559Z","0.0.0-dev-2022214195434":"2022-03-14T19:55:06.787Z","0.0.0-dev-2022214195653":"2022-03-14T19:57:18.485Z","0.0.0-dev-202221419595":"2022-03-14T19:59:39.277Z","0.0.0-dev-2022215181125":"2022-03-15T18:11:58.384Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:26.245Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:31.843Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:09.795Z","0.0.0-dev-2022225182931":"2022-03-25T18:30:02.288Z","1.11.8":"2022-03-27T11:35:21.586Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:20.828Z","0.0.0-dev-20223215463":"2022-04-02T15:46:34.820Z","0.0.0-dev-2022349032":"2022-04-04T09:01:11.943Z","0.0.0-dev-2022349233":"2022-04-04T09:03:13.409Z","0.0.0-dev-2022349957":"2022-04-04T09:10:26.363Z","0.0.0-dev-20223491859":"2022-04-04T09:19:39.538Z","0.0.0-dev-20223655213":"2022-04-06T05:52:45.668Z","0.0.0-dev-202236131344":"2022-04-06T13:14:22.796Z","0.0.0-dev-202236132312":"2022-04-06T13:23:43.767Z","0.0.0-dev-20223614103":"2022-04-06T14:10:38.102Z","0.0.0-dev-202236141416":"2022-04-06T14:14:48.480Z","1.11.9":"2022-04-07T15:34:32.228Z","2.0.0-next.0":"2022-04-15T15:22:20.368Z","2.0.0-next.1":"2022-04-22T06:05:30.359Z","2.0.0-next.2":"2022-05-05T08:20:58.766Z","2.0.0-next.3":"2022-05-05T18:21:12.149Z","2.0.0-next.4":"2022-05-09T08:41:11.089Z","2.0.0":"2022-05-12T17:52:16.761Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:05.829Z","0.0.0-dev-202241614743":"2022-05-16T14:08:12.582Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:17.140Z","0.0.0-dev-202241784047":"2022-05-17T08:41:21.761Z","0.0.0-dev-202241794553":"2022-05-17T09:46:20.362Z","0.0.0-dev-202241710143":"2022-05-17T10:02:11.030Z","0.0.0-dev-202241710959":"2022-05-17T10:10:31.988Z","0.0.0-dev-202241716586":"2022-05-17T16:58:33.131Z","0.0.0-dev-2022419101754":"2022-05-19T10:18:29.394Z","0.0.0-dev-2022419173934":"2022-05-19T17:40:14.347Z","0.0.0-dev-2022419174740":"2022-05-19T17:48:14.063Z","0.0.0-dev-20224205231":"2022-05-20T05:23:40.462Z","0.0.0-dev-2022421153722":"2022-05-21T15:37:58.159Z","0.0.0-dev-202242121518":"2022-05-21T21:05:52.959Z","0.0.0-dev-20224239149":"2022-05-23T09:02:25.155Z","0.0.0-dev-2022423113827":"2022-05-23T11:38:54.531Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:09.634Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:52.186Z","0.0.0-dev-20224248246":"2022-05-24T08:03:22.720Z","0.0.0-dev-20224248516":"2022-05-24T08:05:51.146Z","0.0.0-dev-202242481651":"2022-05-24T08:17:28.312Z","2.0.1":"2022-05-24T12:28:17.383Z","0.0.0-dev-202255105723":"2022-06-05T10:58:02.486Z","0.0.0-dev-20225517307":"2022-06-05T17:30:51.920Z","0.0.0-dev-202255185818":"2022-06-05T18:58:50.188Z","0.0.0-dev-2022551939":"2022-06-05T19:03:40.991Z","0.0.0-dev-202256151938":"2022-06-06T15:20:11.251Z","0.0.0-dev-202256153840":"2022-06-06T15:39:34.290Z","0.0.0-dev-20225619634":"2022-06-06T19:07:07.644Z","0.0.0-dev-202256192154":"2022-06-06T19:22:35.214Z","2.0.2":"2022-06-06T20:41:34.860Z","0.0.0-dev-202257113227":"2022-06-07T11:32:56.879Z","0.0.0-dev-202257113310":"2022-06-07T11:33:38.057Z","0.0.0-dev-2022587541":"2022-06-08T07:06:24.565Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:48.909Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:32.376Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:10.040Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:14.159Z","0.0.0-dev-2022515163532":"2022-06-15T16:36:06.388Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:16.246Z","0.0.0-dev-2022516151633":"2022-06-16T15:17:07.672Z","0.0.0-dev-202251616831":"2022-06-16T16:09:11.036Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:33.511Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:17.920Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:46.824Z","0.0.0-dev-2022520164715":"2022-06-20T16:47:48.880Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:31.102Z","0.0.0-dev-202264144818":"2022-07-04T14:49:09.732Z","0.0.0-dev-2022659325":"2022-07-05T09:03:59.580Z","0.0.0-dev-2022659431":"2022-07-05T09:05:06.014Z","0.0.0-dev-2022669710":"2022-07-06T09:07:52.045Z","0.0.0-dev-202268163535":"2022-07-08T16:36:21.411Z","0.0.0-dev-202268165050":"2022-07-08T16:51:24.628Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:53.135Z","0.0.0-dev-2022610103924":"2022-07-10T10:40:02.835Z","2.0.3":"2022-07-10T10:57:16.765Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:53.812Z","0.0.0-dev-202261316456":"2022-07-13T16:45:41.834Z","0.0.0-dev-202261317818":"2022-07-13T17:08:56.020Z","2.0.4":"2022-07-13T18:44:10.949Z","2.0.5":"2022-07-25T05:10:41.571Z","0.0.0-dev-20220804193103":"2022-08-04T19:33:04.952Z","0.0.0-dev-20220804193815":"2022-08-04T19:38:58.803Z","0.0.0-dev-20220804194739":"2022-08-04T19:48:54.894Z","0.0.0-dev-20220804200605":"2022-08-04T20:07:16.359Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:27.576Z","2.0.6":"2022-08-05T10:13:12.780Z","0.0.0-dev-20220810112922":"2022-08-10T11:30:03.970Z","0.0.0-dev-20220810121727":"2022-08-10T12:18:15.656Z","0.0.0-dev-20220810122556":"2022-08-10T12:26:39.259Z","0.0.0-dev-20220810124358":"2022-08-10T12:44:56.467Z","0.0.0-dev-20220810132240":"2022-08-10T13:23:28.284Z","0.0.0-dev-20220811084042":"2022-08-11T08:41:47.487Z","0.0.0-dev-20220811093515":"2022-08-11T09:36:15.471Z","0.0.0-dev-20220811160709":"2022-08-11T16:08:22.786Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:37.534Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:31.344Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:20.988Z","0.0.0-dev-20220813053727":"2022-08-13T05:38:43.113Z","0.0.0-dev-20220813055957":"2022-08-13T06:01:04.609Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:18.505Z","0.0.0-dev-20220813070741":"2022-08-13T07:08:45.359Z","0.0.0-dev-20220813083358":"2022-08-13T08:35:02.483Z","2.0.7":"2022-08-13T10:50:11.217Z","2.0.8":"2022-08-14T07:11:06.792Z","0.0.0-dev-20220819092119":"2022-08-19T09:22:11.915Z","0.0.0-dev-20220819114147":"2022-08-19T11:42:34.007Z","0.0.0-dev-20220819115812":"2022-08-19T11:59:11.711Z","0.0.0-dev-20220819125800":"2022-08-19T12:59:14.424Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:26.123Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:44.368Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:35.292Z","0.0.0-dev-20220819191103":"2022-08-19T19:12:07.363Z","0.0.0-dev-20220820120308":"2022-08-20T12:04:00.369Z","0.0.0-dev-20220820124231":"2022-08-20T12:43:51.433Z","0.0.0-dev-20220820152257":"2022-08-20T15:24:11.346Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:32.059Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:31.313Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:45.353Z","0.0.0-dev-20220820185458":"2022-08-20T18:56:08.390Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:35.692Z","0.0.0-dev-20220820195548":"2022-08-20T19:56:58.746Z","0.0.0-dev-20220822051456":"2022-08-22T05:16:12.775Z","0.0.0-dev-20220822054045":"2022-08-22T05:41:56.849Z","0.0.0-dev-20220822055339":"2022-08-22T05:55:10.800Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:35.859Z","0.0.0-dev-20220822184448":"2022-08-22T18:46:19.751Z","0.0.0-dev-20220823150801":"2022-08-23T15:09:16.867Z","0.0.0-dev-20220823165602":"2022-08-23T16:57:16.352Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:29.609Z","0.0.0-dev-20220823195046":"2022-08-23T19:52:35.222Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:35.127Z","0.0.0-dev-20220824080240":"2022-08-24T08:03:53.482Z","0.0.0-dev-20220824082222":"2022-08-24T08:24:01.494Z","2.0.9":"2022-08-24T08:47:06.757Z","0.0.0-dev-20220909123132":"2022-09-09T12:32:13.432Z","0.0.0-dev-20220909123934":"2022-09-09T12:40:13.479Z","0.0.0-dev-20220912120959":"2022-09-12T12:10:59.575Z","0.0.0-dev-20220912132201":"2022-09-12T13:22:58.726Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:12.645Z","0.0.0-dev-20220914090509":"2022-09-14T09:06:19.624Z","0.0.0-dev-20220914105014":"2022-09-14T10:51:11.460Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:49.363Z","0.0.0-dev-20220916141616":"2022-09-16T14:17:08.788Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:39.967Z","0.0.0-dev-20220916164745":"2022-09-16T16:48:44.443Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:23.572Z","2.1.0":"2022-09-19T07:37:21.741Z","0.0.0-dev-20220920121057":"2022-09-20T12:11:58.829Z","0.0.0-dev-20220921093814":"2022-09-21T09:39:42.422Z","0.0.0-dev-20220922114557":"2022-09-22T11:47:00.634Z","0.0.0-dev-20220922115811":"2022-09-22T11:59:16.249Z","0.0.0-dev-20220926164115":"2022-09-26T16:42:39.418Z","0.0.0-dev-20220926165450":"2022-09-26T16:55:51.927Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:37.660Z","0.0.0-dev-20220929132459":"2022-09-29T13:26:20.317Z","2.1.1":"2022-10-03T09:12:37.294Z","0.0.0-dev-20221023161857":"2022-10-23T16:19:35.040Z","0.0.0-dev-20221023171601":"2022-10-23T17:16:36.711Z","0.0.0-dev-20221027040551":"2022-10-27T04:06:28.859Z","0.0.0-dev-20221027041741":"2022-10-27T04:18:16.938Z","0.0.0-dev-20221031131135":"2022-10-31T13:12:15.213Z","0.0.0-dev-20221101182032":"2022-11-01T18:21:16.703Z","0.0.0-dev-20221101183810":"2022-11-01T18:38:59.420Z","0.0.0-dev-20221102123311":"2022-11-02T12:34:02.443Z","0.0.0-dev-20221102124227":"2022-11-02T12:42:55.734Z","0.0.0-dev-20221102143239":"2022-11-02T14:33:18.278Z","0.0.0-dev-20221102152926":"2022-11-02T15:30:05.279Z","2.1.2":"2022-11-02T16:35:37.460Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:21.905Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:21.823Z","0.0.0-dev-20221107182607":"2022-11-07T18:27:09.666Z","0.0.0-dev-20221108071844":"2022-11-08T07:19:50.674Z","0.0.0-dev-20221108073543":"2022-11-08T07:36:58.347Z","0.0.0-dev-20221108075029":"2022-11-08T07:51:51.303Z","0.0.0-dev-20221108083411":"2022-11-08T08:35:06.999Z","0.0.0-dev-20221108090938":"2022-11-08T09:10:52.267Z","0.0.0-dev-20221108093520":"2022-11-08T09:36:46.220Z","0.0.0-dev-20221108100218":"2022-11-08T10:03:44.408Z","0.0.0-dev-20221108124603":"2022-11-08T12:47:06.297Z","2.1.3":"2022-11-14T11:53:13.000Z","0.0.0-dev-20221115102409":"2022-11-15T10:25:18.099Z","0.0.0-dev-20221116102301":"2022-11-16T10:23:58.482Z","0.0.0-dev-20221116103758":"2022-11-16T10:38:57.685Z","0.0.0-dev-20221116105413":"2022-11-16T10:55:10.555Z","0.0.0-dev-20221117065458":"2022-11-17T06:55:55.289Z","0.0.0-dev-20221117150258":"2022-11-17T15:04:07.078Z","0.0.0-dev-20221122115819":"2022-11-22T11:59:07.878Z","0.0.0-dev-20221122135803":"2022-11-22T13:59:04.307Z","0.0.0-dev-20221123123308":"2022-11-23T12:34:14.639Z","0.0.0-dev-20221123130515":"2022-11-23T13:06:10.307Z","0.0.0-dev-20221124103928":"2022-11-24T10:40:19.501Z","0.0.0-dev-20221124105520":"2022-11-24T10:56:19.833Z","0.0.0-dev-20221128164126":"2022-11-28T16:42:20.737Z","0.0.0-dev-20221128182021":"2022-11-28T18:21:31.115Z","0.0.0-dev-20221128183433":"2022-11-28T18:35:30.137Z","0.0.0-dev-20221128185230":"2022-11-28T18:53:22.392Z","2.1.4":"2022-11-29T06:12:22.703Z","0.0.0-dev-20221221104434":"2022-12-21T10:45:24.647Z","0.0.0-dev-20221221110721":"2022-12-21T11:08:11.858Z","0.0.0-dev-20221221133224":"2022-12-21T13:33:11.284Z","0.0.0-dev-20221221152939":"2022-12-21T15:30:20.064Z","0.0.0-dev-20221222051548":"2022-12-22T05:16:42.752Z","0.0.0-dev-20221223180742":"2022-12-23T18:08:51.874Z","2.1.5":"2022-12-26T13:14:03.797Z","0.0.0-dev-20230106083209":"2023-01-06T08:33:17.626Z","0.0.0-dev-20230111055325":"2023-01-11T05:54:31.321Z","2.1.6":"2023-01-11T07:31:46.610Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:27.829Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:45.408Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:38.007Z","0.0.0-dev-20230112143332":"2023-01-12T14:35:09.272Z","0.0.0-dev-20230112145104":"2023-01-12T14:52:13.905Z","0.0.0-dev-20230112152756":"2023-01-12T15:29:14.757Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:27.826Z","2.1.7":"2023-01-12T16:05:58.583Z","0.0.0-dev-20230116120206":"2023-01-16T12:03:02.363Z","0.0.0-dev-20230116122157":"2023-01-16T12:23:14.897Z","0.0.0-dev-20230116124502":"2023-01-16T12:46:01.305Z","2.1.8":"2023-01-16T15:07:12.357Z","0.0.0-dev-20230320183136":"2023-03-20T18:32:40.401Z","0.0.0-dev-20230320184810":"2023-03-20T18:49:04.979Z","2.1.9":"2023-03-23T10:17:15.438Z","0.0.0-dev-20230424221053":"2023-04-24T22:12:03.210Z","0.0.0-dev-20230424222806":"2023-04-24T22:29:08.589Z","0.0.0-dev-20230424225650":"2023-04-24T22:57:42.904Z","2.1.10":"2023-04-25T11:13:32.342Z","0.0.0-dev-20230502164338":"2023-05-02T16:44:32.343Z","0.0.0-dev-20230502211538":"2023-05-02T21:16:28.689Z","2.1.11":"2023-05-03T10:03:44.066Z","0.0.0-dev-20230528190715":"2023-05-28T19:08:08.558Z","0.0.0-dev-20230528194103":"2023-05-28T19:42:09.437Z","0.0.0-dev-20230528200306":"2023-05-28T20:03:59.435Z","0.0.0-dev-20230531082239":"2023-05-31T08:23:33.966Z","0.0.0-dev-20230531084037":"2023-05-31T08:41:46.692Z","0.0.0-dev-20230531085907":"2023-05-31T08:59:58.358Z","2.1.12":"2023-05-31T09:44:29.787Z","0.0.0-dev-20230716141052":"2023-07-16T14:11:42.419Z","0.0.0-dev-20230716142935":"2023-07-16T14:30:29.460Z","0.0.0-dev-20230718122336":"2023-07-18T12:25:19.986Z","0.0.0-dev-20230718124717":"2023-07-18T12:48:57.807Z","0.0.0-dev-20230718130742":"2023-07-18T13:09:04.819Z","0.0.0-dev-20230718132637":"2023-07-18T13:28:11.925Z","2.2.0":"2023-07-18T23:00:57.168Z","0.0.0-dev-20230822131635":"2023-08-22T13:17:58.957Z","0.0.0-dev-20230822134434":"2023-08-22T13:45:40.003Z","0.0.0-dev-20230830093747":"2023-08-30T09:38:53.732Z","0.0.0-dev-20230830120642":"2023-08-30T12:07:47.643Z","0.0.0-dev-20230830133821":"2023-08-30T13:39:22.112Z","0.0.0-dev-20230908144305":"2023-09-08T14:44:11.587Z","2.2.1":"2023-09-08T23:04:22.279Z"},"bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","homepage":"https://github.com/chakra-ui/chakra-ui#readme","keywords":["popover","popper","dialog","react","component","chakra ui"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/popover"},"description":"A React component to render that renders its content in a popover","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# @chakra-ui/popover\n\nPopover is a non-modal dialog that floats around a trigger. It is used to\ndisplay contextual information to the user, and should be paired with a\nclickable trigger element.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/popover\n\n# or\n\nnpm i @chakra-ui/popover\n```\n\n## Import components\n\n```jsx\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverBody,\n  PopoverFooter,\n  PopoverArrow,\n  PopoverCloseButton,\n} from \"@chakra-ui/react\"\n```\n\n## Basic Usage\n\nWhen using this component, ensure the children passed to `PopoverTrigger` is\nfocusable, user can tab to it using their keyboard, and it can take a `ref`. It\nis critical for accessibility.\n\n> **A11y:** When the Popover opens, focus is sent to the `PopoverContent`. When\n> it closes, focus is returned to the trigger.\n\n```jsx\n<Popover>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverCloseButton />\n    <PopoverHeader>Confirmation!</PopoverHeader>\n    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>\n  </PopoverContent>\n</Popover>\n```\n\n## Rendering the Popover in a Portal\n\nBy default, the Popover doesn't render in a Portal. To make them display in a\nportal, pass the `usePortal` prop.\n\n> You might need to **Inspect Element** to see this in action. Notice the\n> `PopoverContent` is rendered as a child of `<body>`\n\n```jsx\n<Popover usePortal>\n  <PopoverTrigger>\n    <Button>Trigger</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <PopoverArrow />\n    <PopoverHeader>Header</PopoverHeader>\n    <PopoverCloseButton />\n    <PopoverBody>\n      <Button colorScheme=\"blue\">Button</Button>\n    </PopoverBody>\n    <PopoverFooter>This is the footer</PopoverFooter>\n  </PopoverContent>\n</Popover>\n```\n","readmeFilename":"README.md"}