{"_id":"@supabase/ui","_rev":"229-c845577c3b3ab9cd03824a55a8b38a01","name":"@supabase/ui","dist-tags":{"beta":"0.37.0-beta.8","latest":"0.36.5","alpha":"0.37.0-alpha.81"},"versions":{"0.1.0":{"name":"@supabase/ui","version":"0.1.0","_id":"@supabase/ui@0.1.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"411157985a5830856d31b5a22525987f47ae4035","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.0.tgz","fileCount":72,"integrity":"sha512-zv+syNjJc0He/s04m7iUE+LYWbu1kJ82DZUJNRVV4IvoXNidZ8/0Uw7dtJR7lSLNmCwDtuL5R/v7iMLjm7/QSA==","signatures":[{"sig":"MEUCIQDe42JjVmnfHyX9rs6/Ojkwo3W/qQ2+VyZEO7rAMksregIgQP7DKteaD6CtxWf8SfFAyn6okbSGR+iFd2iS0bRzXDY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2O/xCRA9TVsSAnZWagAAaKkP/jMKblV2ZHjuLcntu83q\nC+T5KpwPMEQuEwEyI15QjDgohsq6M9v0CW/tHlDzYFiJthfH0DtV2v301Xal\n0jFzrpE3CxQh8zovvyARfsL/dd+SbiPA7JuOmDItWUvgZyhRTvvE3OGkW/ok\nd1oZMmzfDyW8xoOKF+n7cRG4zMv0DzqqLn5n0Jew8pN3V9s/0oSsDMRF/Tgc\nhttSD2G96z1EkZRiz58YO8aa0E69VEC1BtOXqREkQAxy+JlQ8M3baeQkRD/Q\nimVftP08nV2yGiKttQehcUidsKIDO2ghASPZeEZHF03T46GqzeU28ZmQqOF7\nYsGw//2ou5gFUpPGWMXVTTKjym3YJwrARqPClfkNrCaJRmBbxGBNGE+8cxAa\n3GO0siWT5HWR1TVUcZwzd90pZEGfNOBVBo8m0dcGVydM+/4qvv26Hx/TBmTl\na2UPEzHuHdYvuK5i9cdOMw7WZoD3A/atO8DAP2UljD51rIXKk9F05TwaquXe\n3oUMICkOB0BBoq4WlEw+1cgBxQqM39+1ZKxT1HOwutI2NaHYK2zuOfMOlG+v\nEFh0+fuMfEWGTspXOO/37uch0SRh0p8u6aJ1ZidGWntvj0LiN6rSHt+bmgZI\nLmH9RKZdDr0I2o5tFgUgZv24bSY+kXJENH3DPtEWMdMrn4Grio5v3hRJPFxR\nD7db\r\n=QC6B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"428b8dbfa9e21f9485f96b1327ab9c8cc96431ab","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"## Using Supabase UI","directories":{},"_nodeVersion":"12.19.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"prop-types":"^15.7.2","react-feather":"^2.0.8","@headlessui/react":"^0.2.0","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-is":"^16.13.1","@babel/cli":"^7.11.6","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-scripts":"3.4.3","@babel/runtime":"^7.11.2","@storybook/react":"^6.0.26","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.0.26","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@storybook/addon-actions":"^6.0.26","@testing-library/jest-dom":"^5.11.4","@storybook/addon-essentials":"^6.0.26","@testing-library/user-event":"^12.1.7","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.3","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.0_1608052721145_0.5360461181364582","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@supabase/ui","version":"1.0.1","_id":"@supabase/ui@1.0.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"ba28b9b9c434bf752e69015c51b073b40e567ce8","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-1.0.1.tgz","fileCount":74,"integrity":"sha512-wCVod9NhS4S+f4NHaoeGsLAEBouj6Tdve4EJgIV8a2Fz3QtLZXUomkuCaLYKcPsbpMZ5HsxELAfRSE/1aRgYGg==","signatures":[{"sig":"MEQCIHVbCj9BzpjsEmvdLpWxFCXfoSfQUDhtt+WeDmX+bwZUAiBaVrrlV4P/9zcda3JtFZwuwSe3WYkBcfmZ3e3p6F6WuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4xbjCRA9TVsSAnZWagAAJZMP/1SdfOW7wCBUha3W5HV+\ngZlHlY/3Y7w5QCCDlimhHxjvpVKRgC+O/kUr7194tCj629dcs5g1SjtJXWOn\np8vkT5bnNQCatChJ+vkH/aXZayeKterHfzyOg/MTRLyMrncr6X4i7DjxxVEa\nBoFPLAEM/Rd838SqcfNchTK55gRMCqGQm/kU3Kp8qRQuxvMAnialU/nxL/7X\nQHsSiDNCkC/O5p+P86bca2qwPOgk9bX7EQ+dn4rMXEFyZKFf8hG9aYKZP/Fo\nmyupuVqwHdNx6ZVvHFtgaYMMhd2YhATnelpBuM8JXPq1Bg2K5ZXiTsedpTuK\nrv/T0Hxe4eZwFpWRvLGqM6Cv9Zv9hYDzXn48zifSof/K15Pb5yNjKvoMlmn5\nZ8+mCrGHhxBQpKob9XTHhjibJe0MfUCqnKMkgdtfGrRO60yKQAOyHYbWcuPY\nWJCHLzN2jBSuzXi0hxroEvGGOEPnzWcByALOtRPsQEb6WJlurb9HidzQ7jYM\nTQBn+2k6YYtKZehdHVwo38M3W4XoG+e6DtcRgZJr0UE9firIWSVCprtSmbAl\nvTaSaF33UnnZ3bgXwYYfOG7QeTjzmN2jt9dbYIjej16A9XtIeKW8uAG4xogR\ns19d2nogFaCq7TSMcpL71V6JcXI73Tchz4FzteiOTGQZumkDsCdK/YChdZ6N\nOKpO\r\n=ukng\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"5f33ca4b308ec689db68c28cbc3ba08cf8cfab12","private":false,"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"## Using Supabase UI","directories":{},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"prop-types":"^15.7.2","react-feather":"^2.0.8","@headlessui/react":"^0.2.0","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-is":"^16.13.1","@babel/cli":"^7.11.6","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-scripts":"3.4.3","@babel/runtime":"^7.11.2","@storybook/react":"^6.0.26","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.0.26","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@storybook/addon-actions":"^6.0.26","@testing-library/jest-dom":"^5.11.4","@storybook/addon-essentials":"^6.0.26","@testing-library/user-event":"^12.1.7","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.3","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.1_1608718050490_0.523034747453794","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@supabase/ui","version":"0.1.1","_id":"@supabase/ui@0.1.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"89c46ee19a07e9ffb18f814d394d6f6bb1edb46f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.1.tgz","fileCount":74,"integrity":"sha512-6POpH0E+szwyL0/fuyB52ChpRhho2L77wq6CCRjBJInzcdLOLV8F1R2lbOjROmhEszrR/ItBip8WSlhN4QIWuw==","signatures":[{"sig":"MEUCIQDGZBZpUE53C/UF+SkcXfWEK787df/BOIUQizaPfh4QHQIgKpeMjzhYmbXrm1DGeKN4A2NeUtxseR4fqlVXNFyDwV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4xv2CRA9TVsSAnZWagAAmgUP/35QlWjHVOs3s+SVJxVG\nmvPbJ+jXyaoTr8cHMlL8z6bvCkSNFafqWxhMDHFUd4ccac5IgQIr7lIPuSfX\nDtLV+LkPVp8Dns4hShSiF2N/xI0pboq5DxYUQJwUdMbXecCAuEGSaorDeNRB\n0SiSMh5jv5oIX+Stj12pPfZyXWZHeEJT2EKSzf0G+EdYJc2sDB8NOutyFlGH\nJeRibK/AkzJMR36TTPNKNlK7BiLpRugf1kJZp39O2/zrS77Ulu+vnIulnNbj\nxUpbhT9iw504BC9XiLDcFGQYsWUv4R2IQzINbJyOrhOYmpWETX7smvkxk5Iy\nu3DSs2tPpBJJtd+9AdUvRGpqHFThmzyQnzlRzyMhvXx8lKtSJNySV/jMtkeZ\nPdxOy7QGCsMGqhCK5MX3OF7AzlRKx5Np0tLJ7OINvS0IKF+kTA51WjRi1+Ev\nEf9ZO0m7Y0rZvohZeL/8+Frdwc69ZG1gaWgtO3mTR0X5vuMa97wgZb9toxWK\nkSNhDVvP63hPRKaIFEf6q470rXy3DFQ8dC5h5Ot/QaV6pIZYP1K4nIrSVD38\n95n6Mq2ZzUAZxhrACsj/YJg1AQthv+ZN5vTnxnBKU/7IgsAHXlwuEk2DI1mN\nUa/aCeDu7jgCIk+3IkeOP8bQwJ9XoLu0i74bi7fqfm9QzWPG76SLqYuvTi1o\nKKXt\r\n=x9NW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"5f33ca4b308ec689db68c28cbc3ba08cf8cfab12","private":false,"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"## Using Supabase UI","directories":{},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"prop-types":"^15.7.2","react-feather":"^2.0.8","@headlessui/react":"^0.2.0","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-is":"^16.13.1","@babel/cli":"^7.11.6","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-scripts":"3.4.3","@babel/runtime":"^7.11.2","@storybook/react":"^6.0.26","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.0.26","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@storybook/addon-actions":"^6.0.26","@testing-library/jest-dom":"^5.11.4","@storybook/addon-essentials":"^6.0.26","@testing-library/user-event":"^12.1.7","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.3","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.1_1608719349930_0.507755048982929","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@supabase/ui","version":"0.1.2","_id":"@supabase/ui@0.1.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"a5397a44b669a0503fc4bb117301eca86864b696","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.2.tgz","fileCount":74,"integrity":"sha512-kklMb9F3NUANJxwWpHZcLUnrrZAvbrw6wsG7CFgD2H2PebhL10D6eYrfLEBC4dWMSQLcs3fxVnkVj9B1IOmZkA==","signatures":[{"sig":"MEQCIH278/QCmQQgMgTDNff1mFkTrIhZugSwiakhBwevgf7vAiBUR1ID2wcxbpJKI6JXeOrtbm4XdjPugSMevlxAelY1Yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4x/zCRA9TVsSAnZWagAAQJgP/iySYzUjTUodH0XNg40L\ngl2qgwOrcEGh95SLtdwNHycgxaAqVSSLlEBMIB5naKxCSKf4OhKPZmZerbDP\nMDhLNKr+noxD1D8zpEH+J5eZz6obPfjxtIzHPXB6ZzlcI37N4JsOTLN6b+DI\nCCetHv7OtVE6rpJJy+PpD/BKd+GDVvY0Pap3+myiKzf5EQ5Wx88utD3tt2vi\nURFFYhz1aREXDDCl+FWXOfMBA+JGUZG4GX8CqAhqksHAZoxcgF4UbxrQg5lF\nPZ8TnAtK/SPKOhWCUNbIxtDLsATuW8HeSnopYVWo9blxCa4+Z45OGRrbCGzk\nZGFVV3fKU50HuY1ySCvHwNcIxamkQwMDl0PxaJX5u13X5j9JqrnzpA54vHia\nS+4WweoDQWQ6QHfYSZB7unAPQCC1JqL9DCDxAIOOAttLoOaoPghP9addT4t7\nmDfFy+fomHd46TPstLiCxFORdLSViQlA8s2pKPzWC0kctN+pTNQB/TLAkySv\nH9h+J6LQRw3RcY4V67cYMB0YAuOHmU2g1/QtJmn5FGsJxjWX6JSXHHFkdtbI\n/cdgjrqkE0fXJQdBR7wuc77KlAtiVKVRHwE84u+imddmhajlkmlMqUxi5xS9\n9yhJqgwqrfw6lGzhusAI7kXVwCAxALhxJlV4JrcijqD9VwdF9qtojLtt6JcN\nTWQd\r\n=ZARL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"f0fd9f3a75f238d2ae0c6204985f89802afb3088","private":false,"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"## Using Supabase UI","directories":{},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-is":"^16.13.1","@babel/cli":"^7.11.6","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-scripts":"3.4.3","@babel/runtime":"^7.11.2","@storybook/react":"^6.0.26","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.0.26","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@storybook/addon-actions":"^6.0.26","@testing-library/jest-dom":"^5.11.4","@storybook/addon-essentials":"^6.0.26","@testing-library/user-event":"^12.1.7","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.3","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.2_1608720371279_0.49214133178649155","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@supabase/ui","version":"0.1.3","_id":"@supabase/ui@0.1.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"dfad0d290c8c8f26663911a6baabf32207e341c1","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.3.tgz","fileCount":74,"integrity":"sha512-fUp8BdE8ALitfgVQdA+0hflNt+KzLH8aiXuMcvWEiEXcbLW6NZWGurC7+FMZtBcPeYI3XPnHmB3Qns+yywvPVA==","signatures":[{"sig":"MEUCIQCYDD9iXph+JDGWW/SSNkN0AnCXA6eV0JucwEEQhzKusgIgBimlsGzKqQlr1VOoX7seiZvRu4Hk/jSBFY97axIAJ0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6U6fCRA9TVsSAnZWagAA5NEP/0ZnZkPJzYQvsEOK2U/K\niGu6HLvAaMV4g0RXQPCalGK6U+tplfRIYbLVd9hmA56j1iBG86CroaUBKyCU\n7GsgXprExASEcDjnyQdYWQ7ZOpkZPmqk4DfWH6U3RswBqhmlQ7N1F1CzOBbs\nu4G0KAbt/U7aSeCNaptdu2FSMhpEP10So4iiCbHQnuaB6TsKPV3lt8aLLw8o\n1/yU+p1G03ddRknEQUIs/h6G3fWMoLHINJID4P53cVx55c9DpX+aIK2dzcZz\nyKzowEKvCL/NrrjJcVPLawlEnjaz6WCijBVyMPRypH/gBh/aTJqdaw8ujOXW\nn8anOGxxlhs02mxrGW31HeNROi2JP1tIeZVR0cQKTQstKzh5FoRct1S8+miD\nWDSnvoFOxoArTQag/wExKvqXpZiPBLYXGkjIQWHtTMvAn+vPrLDpBlUpAIUf\nUoYa2Q7DXVQfEFrmvN5/9ZqMFgkjJeFV9tf2Ehq+ejPS9hjG62olxXDrI+0i\n8GUJKDfXvQrMD3ZtbMl3PwNAfWJl1BdGKTLCIZFcNZsRGQuGp1cPflWOqrrp\nqUsOc0nEMFWres/EdG4LJydBVwuvIPwocGPk2bKgNgE9HowipNncwyKkJbLw\nmNN/17iXjnl78b0yLXya+VBtmN6N3wYgy2nfQVqoiiMSsIWxNht2dENeuuR8\nR7Bs\r\n=0/d/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"3e9fcd48d3a78449ae1e6a3e4eed127e1f043c1a","private":false,"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"## Using Supabase UI","directories":{},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-is":"^16.13.1","@babel/cli":"^7.11.6","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-scripts":"3.4.3","@babel/runtime":"^7.11.2","@storybook/react":"^6.0.26","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.0.26","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@storybook/addon-actions":"^6.0.26","@testing-library/jest-dom":"^5.11.4","@storybook/addon-essentials":"^6.0.26","@testing-library/user-event":"^12.1.7","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.3","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.3_1609125534651_0.9644259862284326","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@supabase/ui","version":"0.1.4","_id":"@supabase/ui@0.1.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"22203bb66fcd7e396e60f545797d6042ffaccb2d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.4.tgz","fileCount":121,"integrity":"sha512-kZMs9Vmw2cyx3yxmarYy07s49EdI+Fp71v7koBMPDa5H8rwrQUOKy4WW3mDrnwFPNzCUDy8Sva2a0m3aMEISpQ==","signatures":[{"sig":"MEUCIQDGGUqlvEPM6t5Tui66qAmXN2cPSZi/waONsz0puBnNUgIgXrDnMCwwejT/Xh8QA2QRhB0AI7H0wAp67E7hHsgtC4s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1480501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9CnkCRA9TVsSAnZWagAAeEUQAJiKu3d2OppMh5kovbZZ\nyrEJDl5xJB0ALVylZC8BZX2gpH7HcvLxWYQ+gVszvGNUJUne5rXE5VcBqZxr\nQV0Z6FuV19cuu3h1lfBE8Vwhsrju2EDAGVcaDlzyzCrGJkioo6bHRnb/OlPm\nBNbE2ZjVBKMd30n/nPbRFfgqrQra2YeSMHWStSpSom/S68KLrc/S/G+TZWHM\ngS2yjSAEylPLzrDg7I+IuQlwRCzKgHgGWD4q3hYOQubqryMIgJ/C9sF+gdd3\nwSyy0uacUmQWY0TdRu3CzKuv2BeImG9slYo09zR5CuOJB8OZg2Ra9iTnT5EF\nHISDQbcLhs0L4OyfBprfxZdy2O0u8n4VpjJmQbyboQgJg15Bazqi0wGcDKii\nQhJw6skXZvgB3ryQzrfVzNt0PcWD2ZYk1vrwxyPr4OILfves6a5XNpOebPV7\nFi5O0glXPWglvGZmox4zDQopPgWsmAszvwcCu3AvHn/JQPuerW0OZg59YsjO\n+RdP3RMV9YF2yv5HRWP6xZQ4BKZjrgHqGQLRylmkCcOoMyXJPhj/0c8zCR5G\nN0jl6hmJEO7Sdtl6JMJyVxhSxnfun2FV+528JdD7dwU23h3oRHvMlc0BpmQ1\nh+o4FniqqH5psF9OWeeVjKBQeMhyv5IOoMfD+NX6WHJAU3FZU6mCZCBUKTyy\nSilg\r\n=Ucpq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"435b98d25f142747149927430ff1283d9c9a6a0e","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.4_1609837027585_0.354064957483222","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@supabase/ui","version":"0.1.5","_id":"@supabase/ui@0.1.5","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"61d96a1a3a22c76161bac197c3e969aa6505f212","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.5.tgz","fileCount":121,"integrity":"sha512-tzoDSsM4yT+ma2x7sA+3hJMoE++ioaoqdOK01Tm17pD/iaMqKSKoFbkNBPYUMfWplTrh4kW8dH9B3SVSC7ywKQ==","signatures":[{"sig":"MEQCICNrqc+5T5olhahEJKGtGPMaQ8jMbd1A95ux/omJiLQ9AiBCf55lKipaHjb+E9mFHXv6Jz5rdV//Vc3K0xVmdDQdmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1490861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9IRJCRA9TVsSAnZWagAAU/sQAKFfj1WBBYPa2KzpS9vV\ngSMn4zoiq+yb/H6cE67y3obQxbl6Zwxix2M+obROKcAvhVu8aZUuSHTFgkQD\nQdC83HwLfoNoV+zb8wMIsZcH1o+HnzTLCrxq5f8InOxm51A28tQl2VtOLdU5\nm6G72l6qcsFG+q9TdQyn/lKcamMOzJGwfssdPr2FjWiMnmpiBYuJ02ANiy5U\nS6/KcntsuSMQd++44hyRyizZAiEwBE/UwsTg6xK5tIwYr2DeF3m73a7d5g8H\n+dmaWeSSJbtutRQO6GQV/Dy55Sce7p2cY0kX5AxB3F+q2fXG1yGDhHGTXVb9\n7kzwCR0j4B10pNIwgHKZu2GnUCjLmndVi27yKJmZS35oXuQGNOUOg9mHOII1\nIeDA+MJJu3r8ZGGBHRuTFpJkCWczaC4y9ozqcnhhLf5GMHfnBMbS85I8O+6y\nM3WNBfksvCE5wwsZWwVl6vfICGDDfR94shx80GbpzLV983ztJy9fRPyqAuQU\n0qAN3Yis2EEdUHDgoAVUbDSOSqKZeZAYxAnfGnj8aoPaoYJXCdoyVUoIJbSA\nHxhXto6jV58Eg6X15VGLcrtkBklVYQeexTjIEz4gMy3bvtPZIQaxlbUs9SZn\nuJp11D4VFnH2gKrgaMHR+Zt44So/+nVDZPgNDJ26XoARLynRmg9DKYwRd81A\nnywf\r\n=jAYc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"465712be9527303b612f9caeef4d94ac4f5376a4","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.5_1609860168460_0.8422870661697641","host":"s3://npm-registry-packages"}},"0.1.6":{"name":"@supabase/ui","version":"0.1.6","_id":"@supabase/ui@0.1.6","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"09989f5b98892da9790eb5687ea437ffab64bd6e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.6.tgz","fileCount":121,"integrity":"sha512-KiB7atfuWBG2NXEZ7PNRnqQlCGXxxsF0DAtcNgGlgqnVJ+2mHU6TMNvh5AJg60Ys5cxAmKI2ri2ytDZNLzTcAA==","signatures":[{"sig":"MEUCIDgtS9aukAcQRgKGENPs2vaKaXATPAMgWkF+FV3IyUoOAiEAqLIaVyDxx3kiW23hdsw0CkY9fTjAR0Rn5lfcPg9Cyg0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1491403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9UwwCRA9TVsSAnZWagAAz90P/0iv4+QAAqI5CAXe6NvI\npnexc2NO73Ehe/RNf8R+lPWmzL6znTSAuTVwQnyboBy1X29jr6gUpPRoEobu\ncjT9taAzmcXJZL4/m7WDlK4nfxiNiAQP2rrZwdTBMcV+EbN/cRcuBobkAsoW\nnCgt3bFLSNXBV2Mylz66RTylZAPp4GH1umR50gaVXTM9tefFqQKh3I9sPQTQ\nxtGFcCalttKSJ6P5ywA6USgGgREm0RNKtHkeg/MGjNZ4feMON+Bfff0SaL5u\nt51vTPFxDBiQOpQPlsEKOdQJLs3jicWZPpDYsgQkUh3kTeEHn3aey8c0QXNT\nP0eU9QYlnRTOf2hYgWKfCFTNBYSmP9Psn+Uum6/ZUC38CDxWRCguu/wSr3oc\nQH59ZKO4b6T8GL2iDL8Au7CArS8QqSkiGwcXs6wMSRb2qO1Lj1jHPj3Dsxsy\n+8OzDFmEoNnrGnpmzwH3eIOorVdggVr0DgtG4troeRsfbPF0wGGy1rilFOHt\n3sUSlgw3qetKa6I+6HvQRXSkv8nhWVcJ797BP00uC8Cyi2z6xuzniZd/0Nk9\nnuDaNqF+EUMzP2grNzWC/frh9AmyNJdsT9OCEqjL67KhjHMXlYTjIMmzCqKV\n1S6vaASsl8Gml182KQDVULaJEFGlxjAHqUzL73pFVye2mSb/xqxwU1pPj2JG\n6rDQ\r\n=DQEY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"7a7d4fa47e0cf5ccb591927c4cc6403a28de3f4f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.6_1609911343759_0.8272297493128449","host":"s3://npm-registry-packages"}},"0.1.7":{"name":"@supabase/ui","version":"0.1.7","_id":"@supabase/ui@0.1.7","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"f590e048208cc833c6940f9857c623d47668a45f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.7.tgz","fileCount":121,"integrity":"sha512-k5CkCcg+JLJvcEnvruwPLhfPBejmhUtExpL27gk6mUbLaf028iUiwuCehNIvkQJXEbSYvmJGuFZkjKy3gQqwZQ==","signatures":[{"sig":"MEQCIHxQB+lAmlMnXIjecRz0juj59iSgB1GzPf/+LeGbwrDgAiARYpS8mYnLjsiYTP1dTpnRbc8sS7RrIdjp2sFolbp5DQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1496883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9WExCRA9TVsSAnZWagAAK64QAJvwAOVnJxfV1tHU7Bgp\njz8O2gzDT6EYL4J0BggmSylDzVIVM4UYGbpUXhz2pfXPbLXTF+3ATgZFYfpp\nUa/Z4QcURTsdmSZo6+GNkRQCGUtch41po7X8znwK4bk+kgVv5hxe0BDVpkhb\nZauADfsV2EoTPztkwo7vKz6i5xcZE2qxqMourSTmnZzeTcAzmBcs5KC4EDGo\n23b8bWUQmpWOaMQoZdk/G/F0ue3YbtgaLGfSXft0qn8yarJ3r10/cxmZY18k\nRMQRanlgyZf6evphszAEFqp//0buaPChv8YXB8ls9zGecKsUPUzXr8aumZLY\n5BosP3QiuY0a8MkJ9fcfSMzXYYhwahCNoyaek2Pq3qH023M8Wm2uVfsmSmTQ\nyWJmkSLcn6cBpdELuIqiQllumcUf/xohBLkJb8UV/yECtmoWQi+eTINx5xXF\nfX7S/dEAfwGdLbDt0sQKl96edFRWajvnqnzBz7F0jHamtRi7B9BcGmNpb8lO\nrlTiXxseW6+03ld5DqSzfgBKopimz0VGAZl6FwQGe65MUC56aucACqcVTtA4\noNv0f7Vo5dlEQpFt5Jto5JoacXGIee6x4E1Il/pPMto/yMdn6tpjcgVtpCRi\nE04CrlYM0thT+xBXWTXDfQgDc08+AvBTldDkfSELhSrlzBV5fwEdxO31h5IK\nshPt\r\n=D5X+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"fb6dde405db891be4d5ba06360ea9b2661a21d92","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.7_1609916720484_0.20622912612520827","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"@supabase/ui","version":"0.1.8","_id":"@supabase/ui@0.1.8","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"a680d8446f1f956615c45475960dfc059f64faf1","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.8.tgz","fileCount":122,"integrity":"sha512-fxxrag7EMxRWLRmdR07co8/NAYEO9OXfGAntvvJYepSHAY1BoO5X6K0PsQW7ZxHnSBXZpSjdUCObyOmKLc9OCw==","signatures":[{"sig":"MEQCIArAxj0iu/L1zjr60LcjS1SM+JKcAzd4YTsVEcU8nloBAiASZ5u4sizsWn494PtqhWhc+MZv2hp7I8KUAP/C2gsHZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1498900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9sXmCRA9TVsSAnZWagAAROcQAIE6DciwRy2DGpjgxpTB\ndhDt1enGYc+Wg4jEz1twKrJgEYkdU11zFGX5BjPbrVuTDWXUgNoYASqCZGlA\nzo+RrdZixG5DRY4+W1GnUnKMze3G22fmVFJxwks5qFgXFYQGBKp97WalghTn\n8X3o3cC7une9OocjNDC+7VnFO3sgCREzL/UBUE/fGP5aCbanYhIFCOPmZ916\nC3AgNxkI13jOQD45VFzqhYKuFGpWvPDDdAPTPliR3aBgkNPKlQbpEFyCyTA5\nRv3uAlxEqA2gTHIJNlAwTcTilqPgnucAASvlzW9sPtGUG3KfxGrDh72tUw/B\n0IPUeHJ7NUvpV4KvmqgsAEzB2UWOCaENcJpnPZLBjZG6oIFzRP2oxcH2OUTj\nK9159/SIdXOyRXHyIvYPSqQkg7rbGSuzMNQZSCVK1VuIi2Fnn8l5tbUjHNCf\nv6bJOBVXKmEhNldGsqV2+cMpDQlUEOPIg6i9MifMrulTlsOzZ1Z/4KbevbmN\nLm1TZLxbTtuEocPY+OcOg52p2lL2/IE+2cO4hU8HIWGaK/MvV5STbzQbbTYO\n6lVIHiz1iLUoNXqjBRaTPNG5v4JxZXMecVKwCVGDf6esUmZX/+c21BOB2Woy\nK/iJmkiWA5Q+fd8mab4DWRIjHUY1M9ahleioPxkkCQ1z+8E3y/hPiRWGQeFi\nNpv6\r\n=lH3t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"13cb4965e8eec24943e5ed7c7ad2f234bafdb13f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.8_1610008038211_0.9289572564054609","host":"s3://npm-registry-packages"}},"0.1.9":{"name":"@supabase/ui","version":"0.1.9","_id":"@supabase/ui@0.1.9","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"916ba6b52a4d3a9730e1ab89b659cd0a22383f18","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.9.tgz","fileCount":122,"integrity":"sha512-+424cZqQIwyvohhbtIHdB6tpkdZcNgLdPGQTOphEJPd8LyfGL7FEjpZuaUEH2vs7H/OlnaqBXJfUwbNiO7wLUA==","signatures":[{"sig":"MEQCIAMzxpAPSwa4h/Ftmupj1hIbAzh22O4/ttAm0sDkJdiyAiAFAk6nI5sQX03s2zWMl1HkZWYqsU3XaU7FgQylT4k7Bw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1503422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9txrCRA9TVsSAnZWagAAdnAP/2NgHl8Bi9o3q6C/x/He\nj6Y6qM6N7Xj1rX0bP5d1/DQ9dppqNIr2Pq1UnZoVStXU6Pch89AQRHDRzvkr\nLUybp9g6x9vAMAz7evZGNxSVVr1Pbj0UWc1zDGhvORTCVhq7JaFtJREWHUhl\nJnDTXBXeD3gp72/BL1Rr+s3W1JRvzlgsyJV3WqbzgLIMKfWO2OTb6cDY3i8o\nJy78RP7tlUK/j5u6VEvbNie+BYeOCAR4epCAvXix1KxKuefk1ZtvYUqlafuI\nM7xWbL8XoX/M187cThS7bICgedwwdCCieqr4nfQPHS7e6P7ogQDAWl7RppzZ\n74tKy4nysJV1CZwq61udI7V7HxyTms0AaHIk9X+TdlB32pnUQZCT1yU3uJZt\nCs/qTDCmH9IWYGCbCHJNBudpwlBhgbVZm8r9LAZeD8X/hCi2eHFLtumxhYvf\nl1vzQHkWrgI81XqZgtTs5liOOR1o6HikP4GVflJAMe3QyEAxwpnEQ3gHh/cr\nFg6/eaNaCgt8Uov4e23v/e9CcELT2APYu4bC++UQ9w0n350CqENstWayjejq\naX170FW6nAuAdAtAF1LmhrbpxU4kbwGyeD1j1upVhfb3xhiOD3Dm5zkH8Lj6\nDEsLm/7+8aFADOJ1xXwkQV4e9G77uvcKw4MFRWClj/nmPOr/O24RUrPzt7if\n4Iln\r\n=9pOn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"a27f81c8b165b8f8a596d7e54a8a128eaa66c7b7","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.9_1610013801245_0.20764276144359095","host":"s3://npm-registry-packages"}},"0.1.10":{"name":"@supabase/ui","version":"0.1.10","_id":"@supabase/ui@0.1.10","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"310576395a48b55cd41a2e95b4df2f89d9d7bd77","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.10.tgz","fileCount":122,"integrity":"sha512-5RLvC9Xn0utCWfz3zpHgsxi38UD5fzSrMulA3gb6AYVbtCXIjY0junjlJS1mQexjNe8nLsuG0yge8QarCOulBA==","signatures":[{"sig":"MEQCICoCgL7/u0OWJxSNDhVEYlQBU1Tvfh7Kr4swyWmq2Ee1AiBgPje+eIxq441azUWBfGi6EkKuzCGpQQ4fw3YFWbuHUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1503304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9t9tCRA9TVsSAnZWagAAaSkP/0PMKnwoTq50LcGRNFia\nL3LnrYrW4+Bd5ClqAOMydszYlmD2pevzydoc9tAEtGIDGgsu/5Bl2Md3yFa+\ncc23JI/0VsoeZG1nMBK0Pr1w6tIhdp2WMt06uppkUSXjWGYUkuJH48pB7r4X\nOipcpM9X6KUahBLe/CaZ8OrenvQSZmsPO2ZFmXi03utSQ6QwSoWHI1UPOxG+\nn89ho/Ahre0Cd2QJxBl5crecBJg6dISfM9kt650oHnWWYwaIHRVXo27zXl+J\nPNGeVZMZXiLmq52DGSxu5rLg8ADm+XoFEEXYLN2Cztzqe5Hh2BVh6QtzmenA\nZvc1BIpHOE6rN0tUeVlQ4iJJo7mhiGf+zzMzT4dzMIKVEJhChcLl/UsRaoQ4\ni1x4NTe9zTRVyGoWDmhHNcjhkoJV4wB27z9aV6Ox84O9vquWEi5LXBWXeDIn\n9uqW4iFCPHcw1zr+inW3Qv2JVCkvDkuzYyWm4yIBilAFt6s3HcwHwPa71Jr9\n7KqZAKvIRLH91VBA7eQ8Pd2fjZ7tes9QVqUkao4S5JfUfYlOZA3JMOiy6s9k\nDcSebvpSvY7Y2dD7ERgPy2FpeNdpc3GXJXiWOAF5fOgGxQiTJh6rcDC/uFF4\n+KEVg/u3vcDqiFiiTtvGFUSZpf9pL99xclMbOqI+T5an91DwFhuPhcQqKoOk\n01EK\r\n=s4is\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"ec01c8723778edd46cad4dd0576efe5070f7b08f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.10_1610014573147_0.45879155264639837","host":"s3://npm-registry-packages"}},"0.1.11":{"name":"@supabase/ui","version":"0.1.11","_id":"@supabase/ui@0.1.11","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"3632b3dd0574852904f59486e3d4c3886de4c552","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.11.tgz","fileCount":122,"integrity":"sha512-GoNnyzgp57lxIyBubImSdqFPVWoSGOL+0UO1SFd/Xn14XVtSi2km7bvsSeRjUvvxq1qOrPzjeKt5b+2zHn5PdA==","signatures":[{"sig":"MEUCIQDms1ohI+wQo4MGsLrJg3ETjX7kVtVeicvi5oSAGNylpgIgJf1rzQlSg/LbkiqWg52BA/vQTCFkGWNwmU5zzdFhyWM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1512639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf98c8CRA9TVsSAnZWagAAiSMP/i9eitRf9RhrJaJPUE8t\n5TiH/m+gODSbcv0Q/9hh/fo0FxjfDRSIA+PQv/k6KF4WQ1KolmgVmcW3jpVW\n9jWMSFithi1co2cB6BDl54DniYMYrs/SNBsVfZo2f8lOluT0gNlq0txl2zfQ\nYVVQo2jbCpNXbh9CDgNV4RNOmnc/ZF/0b9rTJv5aEwFKcLb6aW2W/jw/o882\nm040XPyNe4nwTIvYmlzj9abvIfTnWBFZOUtaEpBIdVgj+1WypJMh+MsX0ksU\n/MAhIa3Wp5yPxaZtijdFkZhHLiHd3N3lsRCGj78tz+XtMArPQ7x6gY7CoZfn\nsYNNgE6I49jDPu8YzCY0pSD3dpMr0gfco7uFtTUrPsqLDDSE0mJnlRJ0LSbr\nXWV2f+WlcRR+oUbaZqFxmwFxGUepbRQ4HTXYxVEdL2RC2Hri/Ti3/x7RyuuV\n/pQ2A8wRTg+eH5AttAaGXiDmNM8JADSEssboH7JGtiH4GCv+g7/TChoLWWKk\n0n7BCTb42lvqtNQxvtDz1jUCsPbjhhGCLagW7OXhPkhHtgYpXjRXnzBkRacO\nmSi2xgrPMLtS3xNSYq8Knkby6FXCAv8v5ylIKmmOPHwqbHsNyzYqaJR+U5z2\na5iQWCV8Ilso2oCDuX2pO2Zxr+WHNXlEcIeZwk5a8vBzmo79ipiL/CVNSc7d\nl19y\r\n=zO+c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"7f569f7caa57208a0cf3ebbb386a654d17c9e5df","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.11_1610073915728_0.2950235398211076","host":"s3://npm-registry-packages"}},"0.1.12":{"name":"@supabase/ui","version":"0.1.12","_id":"@supabase/ui@0.1.12","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"a7d24906acad8d202bb97e088c450290a8690eed","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.12.tgz","fileCount":122,"integrity":"sha512-vnbz9wXDuleOsuhTxGcr68jbXKO2qCKXSVTJiK6IR01r5kzQyklLJ1sTwmahpRXoy/42mVXguq4BpyWA2yIUWw==","signatures":[{"sig":"MEYCIQCpdsfwwJ8S/AAWGHwWdwYPWoMIYuREsbb7ieqRK2ZMMQIhAPRnpDbezoQcnPo8VxZugG1WBOBUp8GZ0bX7/i+8OT9U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1512616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9+d+CRA9TVsSAnZWagAAGEYQAJij8s2vskPAKPHlRwUL\nl5U5JAgwRyrivkRgXTUFdJp0LaZTDrf/L6iXsy0S/gJmGriuh7YMN6KxsBY3\n6X4ARvIaGVjrL6bLS0MCnnhfXrqn5/QID8yLuTbiWRlrCBpaUdtaCjWVVuNc\nqUl+kmk2+N/ezspPQEwPBI5s1ckxiEm/DhfBpN0A/Xtr0ChNbuMFF2Xascmm\nGcp747GCAINYz7KF+ClEG8woYlsy/ODFAQNry4UFVjoRwzmsGUvdgVi711N1\nFjTtHp5o8GpOUEbKuhghZysR+TDiU6nxQZ/8hIpJn/QaJ6BUdjXVrWWvCM+t\nBem22+IuD5CKNRoSAQ9OTuhggqgZePSBotVhkxmXV/+sI+RXsvVRoDF7aNQg\nb0mQtORx85SRB2ye+o4fl7SI8CH+OLmgcMIl7x5p29ScGCsndKlWX7o7GjkV\nsYZi1irNbrjmZlL3Q2DsfVg6d8uW3u/uzr11C63bmOmpkYLKHtv9ADE5gZy2\n0XSpdSY0VafN1mXpWhasU8N4IDHDhcsgBJlpD+mhNSsf/tt64Ejrbzoxm7m7\nVPrsHefZGMTXkFaUAofYJg3Kv+0YIOGfVFARlkuXkC+Q2uh7kiwDszBOAyhA\nljPjKL5/uXwE/BrPhKDDdBeS2jpmmZw5pEQvMsLT8Y+gcmSUiN+tpR4zpBJ7\nO0K8\r\n=QqEZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"d2087b876576f440ec1c11f9e00e029a7c96ca98","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.12_1610082174255_0.0031194062580635062","host":"s3://npm-registry-packages"}},"0.1.13":{"name":"@supabase/ui","version":"0.1.13","_id":"@supabase/ui@0.1.13","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"875dc2fdaef752259f99fde4832e35e0c897b3ea","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.13.tgz","fileCount":122,"integrity":"sha512-YMYO9+bsowyeiiiBU2t4oiWavTNlgHBuWMDH/jx4MWYa/UmR0gVL8zmNF30PPVgmUnELmBoqoizmw3BJjEqLRw==","signatures":[{"sig":"MEYCIQD5ouNn3WO+PsfDbWiPJeoAZDNvz46kAzCIV2+N5r4Y5wIhAO3ySw3LYIOPVuaeBUb2zX2a2YW/35nqKvPhZb0p4lAB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1512737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+CEpCRA9TVsSAnZWagAA5xIP/iSCDszlCzgwPxer0y6F\nj+AwW5PDxcD3bRTGxujT1Rv6SLJeu0GqTMkwChCBNzBHokuMYsbO4OYAd/7p\nfqdl6FvxpoV4sseOdm3mbYzoSzljogzLN0bnzRqe/d0krNQY5d2X9BzivSBF\nmptOEIM+hUlg+MwyXRUryPPiKtzT+KRFsH7cO32iWBHwhDOL/hUwGryePZgk\n0W9sPCkzOvBkI8QxdBYGTjEd50J6Nksj4OvlEZf/thxWMROaqDarWHbZJyJQ\nQy8/WCE7s5AkZtSSV0Cim9Jzq4nVM3AdZfH1rzw8jbsFLuW9oQ2MUWrsKxOg\nCZwkbe8Uqzn0pIbXnELks4RxIxXcb9PjUhajd4iZLKwP5y7NcT2l+nUnFkdl\n3U/qSws9uRhEliJ7xculUB8Vv113BlfbMR5RobklraGIXtcN/bW0NzYZv8au\nLfDqhHgxjTHRovg2szQouM3vBGjDRLK7kUpKyTC5L1pp7LILGsrquXdMbZ5j\nebtjzTm/vWc/DWhW7w4Yto5MMnvchbWT1OvoJkpVqrYlxAfNol4YECiGL55H\n6K77G6ps0U7E1LZF+paERTrHVWwjt+jePbEmnNT0Q9G+dNCLwE4tqIxvVspO\nrZ+DlTrK1j/8Cnu0bZlEBrKwE4dlzaGpzo39XnErVnQHboocXM3eiwwS7Hf6\nT/V4\r\n=0BeY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"d7be95464210999bafabca22ef50b6059bc8f7bd","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"16.13.1","react-dom":"16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.13_1610096936574_0.17565349454726342","host":"s3://npm-registry-packages"}},"0.1.14":{"name":"@supabase/ui","version":"0.1.14","_id":"@supabase/ui@0.1.14","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"10f97ddf6bbdebfbe41b5093b694c2eb04e53608","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.14.tgz","fileCount":122,"integrity":"sha512-MYskb/9dzNSNrXUsyUs3qfhNOaxcQz5j5McKulYTvKlsU92lvcVRK1Sl9ZomkVvzL7BnBX/mpejzKjnowB/FBQ==","signatures":[{"sig":"MEYCIQDk/2JB5qkb8XqWs706RyFVVKQ2NI5ieKyfzmrPxZyfPwIhAO22yGl69EpS5BI5j5S0SfpWl1XZHpJazb0XYqHZOmRp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1512739,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+CwgCRA9TVsSAnZWagAA3NUP/icFQCjsjKVK8ZrPTMEe\nmIxnCGvUxAi6czGhAtfWJhQ/u7Sv7hU3BKsjG2Fm76D3VMlHswYuE/sJgkdB\nzENxc5sE5kL8X4ce021Oq4/sbBFl0EZoSd6sFdoT5DbDAj6W3pJP+MkWExpM\no1S+PExTQH+6ewbNhiYuyEM8zT0vG2GryEv4EtG450fRyOA3YeLJXWR+a7je\nZK2GwrrTcK509N2gpmiZDOWcrBvC+OfqZQ+wtdQk+GEcod2Ni/TdnoP56UuT\nHTmpz++IFsOJKLV+j26XANt/hP8t+WSnJD8bMfDJuzoQWtgeUZL+rOSdBac8\nTzWqH9B+Wqh5FaMN6YgCcW2Sl6EMRLYjT8qfxzsL5lv5ilyjrr7dqnqfH3j+\ncEMXHRRNx+bmsQatO1/Ha+xJboNN+lAqFeIC2Cf9lh6a8dWulRNhylNTEw8x\ngm4Btu84Jpi2TEaNnbruBwjHK6AzjVC/kTFsEBr/i0WzWgpJ9xZmCh/SWOrH\n/N4UuWqgN3zKHIZqxYwuQTO5k7YBk6lVFjK1u+yqh/Tv+CWHwwP9X5dEBg/B\nenHnpTCDQvedBVcBoZzX2bkEcuYJmsC4QBcI/qxaf6thxTiS2D9EeJfVPgH3\n9+dfH+5I7YIlsqD8do2BYTQmDoYxjpe40ZtwnEA7erLgUPREKMaO14ha/jQ7\nrPOi\r\n=YuPh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"aab0354254f2435abfd6846fbb5cf4f422894765","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.14_1610099743761_0.19952108299777893","host":"s3://npm-registry-packages"}},"0.1.15":{"name":"@supabase/ui","version":"0.1.15","_id":"@supabase/ui@0.1.15","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"eed47b9a6e6ea65ca6f6c00680a2ce3a27db8048","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.15.tgz","fileCount":122,"integrity":"sha512-ZZgJOoKeQMpxZGp8O3lxA6jStj9BoZj/x/L9+frkvd8kGqrsC4/VJcTGlzByMT/6HkQflHSGp3qQevsPCzkEqw==","signatures":[{"sig":"MEQCIDBogiL17nN5rgYqfNEK3l/aOuUsQguO+ZzadtXOHooWAiANonsrMGE2dgUOGlUs9dpmzADPVie3AlysvoOPmFSJBw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1511706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+DR6CRA9TVsSAnZWagAAK7cP/j+JZRWL47fPcR9H6YUz\nSHQIyO0/YhCRc8+b7W49Crrq6T3UMOVhbX7XNcD3YjKXeJlHJfRiAShqo5uN\n6KsnJlreuM6TuwbA2eDSmSNDFFmMLunnBw/PZZnvMuy014MDud2OqLBcL7/p\nVLV98seVuz7ZZN4T7GGNYD9/hmdbGts9ZgySdL5SwrFRp8fGSjUMp6eeDxrN\n9h0D0cT7o+4YmdFDPwEVG0KWAN6zcCQ3vhcDADP2KktcCh1WAlml4pzkWwpk\ngbmssqOOC9nkbkmue5lSg9UEB2SS4sYups3CKEpfufZ3rG62BC708qT2TV+B\nEq7oLQkEjVi0/pzzQnHBqdVetltgC2Qk80oC+NiPnDTx31qQPWx8IgkEoYSk\nathtF0l2/TukYxm4DOFm7CnhVtC/HpcI2xLGD8A0y5Glu921+1kC9InI29JF\nRQa0rCBDS+FtdqatdzYTK37q1MmkZBYKwUqu94vMEnUOglDjfY2iJKbBA9WB\nqi4hxkOViXeoIqPRdSScpZfCEnsd1EHhHMIoyZ5RIrCqFC5QB+ZCuyMuHfoS\nWv6fPxsEaZJyD3NTKq0FLpRewgbFvXhReUBzBvSqf8n6g3sT52s/fsKy7n0L\n18GdJyI1PVdHgfAL+tgDhEv+VUHTCEVXz5+6G4cvmACylEmhEGzQDJu30mCf\n6oOS\r\n=funp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"7cbbfbdddc0955a8005a8e550c496cbbd1cf793c","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.15_1610101881920_0.46662208558690166","host":"s3://npm-registry-packages"}},"0.1.16":{"name":"@supabase/ui","version":"0.1.16","_id":"@supabase/ui@0.1.16","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"ab3ebfedc1eea8550266623be4f077e4b2d68be1","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.16.tgz","fileCount":122,"integrity":"sha512-Lc7yuL0HYxIVas5XPgtk1AWiPqs09foooKIwDyjScjssNflPSR5AeDM+l5zqVbJthpj3l7ImgT7SvqVpS+rC+Q==","signatures":[{"sig":"MEUCIQDCYsEka25GIcYO3peCyWwsOo05cHeiHtKS/Q5wDupOLwIgTkGZ2df0nZ6soi7tv5bHQp7gP1hSghDYiKA3l+VWqrQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1512320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+l4PCRA9TVsSAnZWagAAsFIQAKHEu9XqLhwBjuL4iqrq\n1UaBWc9BhftfH/WAQ8Lu6JebJu24UkWIUcIYUXa+oST4pB0v7MZAHB+Z0WQ5\nboxDXE5E22MA/jb89ueW30TZL8H4robiyfj9NPIoGLa4T0NuZtxRM5kuy4fw\nSRX96k9LEUo2xoLXoGZo+XVa0HESHljmKOy5psXuF721ItZYM7tt/lMr9IGC\nCWbkpM2eMDqUpd6ftptklOIThGOTM5+dqoq7clVSz2kDojRXV8xi8pk+8vBy\nvckDlbsx+ALsqalpQDUKC6kVixaTdfgjOMjqc7uc5VD0NCmMd9u2uGqcnkoM\nWSeAm04hdwmTQVXeMiPd4zPaExrT44HaAAW2ciC5e5ZV7oibpasOI/VgMwjq\nMmuHxSqIS9+k1xLKD+wc7vTugslFGQ3ynEIsISc/tBj/LLQUeZrqZA3r+IAv\ninh5wpKbvk9Uw92DE+nXtABDBSaP5NWChn09pDLs5LLiHycuKZnICw3qpfFZ\nQRtYPlp5IcXJ57tz5yGRYOiNjtjlttfPXG9rMBXQwPixCj24TF5S1HUFXKzo\nb9y0+uHuIN6UL1Tx0tG8STx2zx7koRNKnAMonZAEznwD1KZDYxRMpaQsZK5c\nnrbKpC+9c+9LpXDJhrl1kSzyaNOmU4FvW0PXP37yFoUPWDE6wFcA+JrSYtjB\ncOvt\r\n=CcSr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"02ce2d0566745c9db0422e166131d580958c97f9","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.16_1610243599045_0.8325764097922299","host":"s3://npm-registry-packages"}},"0.1.17":{"name":"@supabase/ui","version":"0.1.17","_id":"@supabase/ui@0.1.17","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"0b28c2a26f573a484665fde3dac72050021cee30","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.17.tgz","fileCount":122,"integrity":"sha512-DcfJRQevmj8FRdRoP4qqu9RX1Z7iG9cCDOm87BS4RyHKLA6Jf3zACiYbLoF5IkG8U5WtD5ZIfS8woqskH3AxsA==","signatures":[{"sig":"MEUCIQDp/FQP5xTSd/k1rdcWjKumKxWJ+CsQl/3JNoo5ROH07gIgQx71ci7NyEjShMQu+gkmsMQ1b0FNekfrwdg54BKdNcg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1513161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/ADkCRA9TVsSAnZWagAAKtEP/3vVt7Z62ntdKO+DK2hs\nqrW7B52xSELX+loEdVNE8p3hie4QTJ8/zMAKmHKTJDGPgLnqRGjFrsawKKpk\n0l04j06QFrDdiFHeStJ0jcuhp2XGEhLXk5Tpy5+Hr8dxfhOpyT5LUtSGNntz\n5NHDb7E5tJt/kAhEcDCtnzBh9YuYHV2iezNJEra6fsA5ioUPpSdmpFxFaQY3\n7eGAW7RjuCG9z5mI+Ko2pqkToFhdZnF8h8JzKxME83vfvrBF0UmgHzEBHPFa\nDaiRZD/fvU/gjdPk2e+dcFag8BemOn487mO4YdRg/y9hwt6Axxouvx7rP+Zs\n7mvg8vnSNHRYxe+1rvvsXgolFg7LbjoHe2c87//vmMIWd8qgS7mtimdBiVwv\ngxP5Bd3VQ04BJqKTScOls6WSqIEo/fUsnO5jnqoBTRtt9SY2WvsMJknYcWnD\nJ4rTFEBOwBZpd2suJlsUh3p0CbYNeI1rN9+5rzI192QB+T1QVWy7moJNL7JJ\nv1MHzkf5duL9COCm1we5VOLJylpPyt9PWcdKnLqxHNGISRaMS4BaFDbRLuAl\n44PG9uFAzpI2Vju9aGAOuUN2iI/9aR1d4JgHYow/5xJ/U5bxLTRIYLdZWbiR\nmp7MlAWntkifsTcjx2YIecpEDG87O4C/JKABiysD9+hDq6lGTZ7Yz4xiUo2g\ntoTi\r\n=USOH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"26af81c484b4935bc2dc875486a85bc3b54a5d77","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.17_1610350819699_0.319439525118941","host":"s3://npm-registry-packages"}},"0.1.18":{"name":"@supabase/ui","version":"0.1.18","_id":"@supabase/ui@0.1.18","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"e56445e993488886c1d2938bda9b800722f97f66","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.18.tgz","fileCount":122,"integrity":"sha512-BJGT/voVqTJpT7vMnIWKQdeBgLovnzFGDwhu5iXSy5mFuXaiF1WN/mKRS1bjKEvrcZ2vzOYDRvfr7n2iiguLIQ==","signatures":[{"sig":"MEYCIQDbbYaztRcYvfSaThnd9kuaipc4xm65G35qjfE4jm67kQIhAOznB2ADeZaeZ58313hNohPFyqAjxGovLRL6lxeXjQAP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1514486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/BYiCRA9TVsSAnZWagAAEaQP/1NCCpcv86D58+ZAes9b\naGwyjS/ByIUOA625Jn6a+KQPbq4L85pUhafcU4EouIocMhggE2Seb5KvBilA\npVKi4+eAy0jRiujGwUvFzJ0xKBtELY6avnFTv/DSLbr7ryi5Hc87FWgkjiGS\n0YiP2G7rVjU2+PqF6ShLubv1rPbptXiMUOSZU3cyvFtGA7PM1sh6MoxLlbpR\nnfAjJKJeD9PpQwy9AJ5x86u9bf/ZQG9vwkT7ACkzi6ZKZjzFL2s/hwk9Iuu+\nfMvO8stG9gP/lSNeXaat04NgTBo8aBead/RLxqT9j5isZhcOIUovNEt+IptY\nu++G8tEcYXgwr8lvvY4c4ZdwyWScR5L1fxSa1BBlF08d11gP73h7a50OozCX\ne6UGQEBiKm071sedwOGaChRAM5hFqZgDvvqXMGBafMOLc/OthrET9KY6+2Tq\nb+hz66bJfGf1UfnMVBDAbi5XHExGbasvjp1aNXi6RKCsL5NK1w3wQhy1Aute\ndMX1cgBGT9/ce1iW4MnDchg+YndKZLb5q7vgp/kVxR024HAUeeG9Fg9yIIW+\nypKU+JdLhlfaZIOC2+ItNSsSdJoLcWbfHxJvgoz8SWdeANOIuawS9HqKU8yN\nB8UAj2AlHp4V4F2PNVYhKxzVNyN/vFJfG41aPUU+ghOL3cGe6UbDLhnFKuWo\nIuf2\r\n=qhwt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"594894618949a09bbb3cf56ea3f0bd4acda40204","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.18_1610356257794_0.9466538179178645","host":"s3://npm-registry-packages"}},"0.1.19":{"name":"@supabase/ui","version":"0.1.19","_id":"@supabase/ui@0.1.19","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"42f03a5e671b3c91e3a74ad629bd24b4889772f9","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.19.tgz","fileCount":122,"integrity":"sha512-eYhVxyFN1OiK5CCLFSZJwKOwNkH93lAd4GE0+vnIzADZg+renOqGRMC8KtN/NK5AhJfKrNASdIeacyV0BUh64g==","signatures":[{"sig":"MEQCIHU3aQ2C19RA3CuH4ApfBBYDpcVHzU68V3/zpweGHWG5AiAojr6WFx5P04o2eISpQNz57fdDy3zDugJOjKBfjkpkLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1512235,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/BrOCRA9TVsSAnZWagAAXIEP/2OoFh6iKpCkgUg9EzZr\nvBPTOHN2jYpdUPC772OLe5oD7O57ewgPH2hT0wq+zyTa3ZYqGAmGFIEFIxNh\n+MYJN6J9ABE2K6nPoN86vRGATfjZCPcklXEU9/8bHFsV2RqeHMEhzHyDVYaR\ndJNeJszwsF8C2K606zmzZmmTvbKlUoW1+FduV6jwvAoAvup2KDUnYjy6ZvLh\nDq53J6Kf1h4XFrdbV1tU7jeQgZc4MZD8CyRxhoMiBQi14xDwmIdfBAH7+8hG\nfZsKb+qOAlCfzyWYOoJa2QNlXhf73VGS4otwi8LndV4vAPwFKDcS1nvWTohd\nW0nJbqMuxoTy55P9g43CjmUlnVHRSBJedOD9/2knOlL9GL9UihGWc93bMcbv\nH1x+XJAO2RaTP+hvv4zmpldix+x5qY7tABEVpIUiqHNyAXFMPKNCIEPnoGif\n5lnSC88PcCBeupZUbjEENrJaCiFUHTviqtrrlYa+bMplAfvoXdU4qmT7J3Wt\nmrFj1VdMGeThbv7xSBCeonfdqf0X7alBYXjxfzHR3ynY0yi9AqOLGpVy7/AN\nwBwukJhilg4pD1O1rJAn/fR2dWLFNOTw1U3nAcNRHNIHmez17dUab5l06Mke\nKUb99gaK29p/hPLzKNs5ql1v2oNVY04+x0CaGgCXDvZNWdN5KgzLR7hfSVcc\n2eks\r\n=eHAh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"ef5c28ede1415c9208d5dd4fb670c64ace1c5859","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.19_1610357453841_0.37919721799099637","host":"s3://npm-registry-packages"}},"0.1.20":{"name":"@supabase/ui","version":"0.1.20","_id":"@supabase/ui@0.1.20","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"621d8e98926ab328416764ad6b7300374d6f7d67","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.1.20.tgz","fileCount":122,"integrity":"sha512-Zh3Q+1N/0rTJ5Dm7IAT7pycRL554dfcuAPklJq1R9AOhvdLa3QkqhFVD8vlAwv+3KUT8LrmRVV1vG3rmCaiOdA==","signatures":[{"sig":"MEQCIBKZo+cp/ezDFeBqApiFhdxaX0Wk7Ndd8j6SfhJW9QfMAiAWdprctrf7q2LB7BVnK1eYv5lVPozi4ZekWjB2Zzf5NQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1512480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/U/jCRA9TVsSAnZWagAAXB4QAIQDCmtV2uOWEH72+OBz\nxla5GLfgnIH8NffTqr+YW5Sc+iWYLAPZB2VdDBlPtMJIUbjdWRoClxx0pqyR\ndrDI2jB7jPdmJOZAEkxNmFQfst5sm5+7197UUYK+YmireyUAkjLE3qszy9iA\nItduNmDmbkCVCHY4uMF42NUUwyO8NYCg4f7UqzO20EvmVPzGY97KMmWTe7Qy\ni7ulwnDhxpPGclPoF1uU9kfs7LybFlQq6ketsFyR0A5Jj4y61UDFlwy7DI+U\npDvJ28jSMQFjSN4Yeaoej572XF8BP4Pj1d54IIDqf//UcOsJX9lSYzp/ksh9\n778Dpx4sqc1QfiteW5X71URvyXkwNorvD9lrGGEgBqJI3FNK6Waoh2oVhPr6\njpoHzsVMQYm16Y5K4OYcAJ17r2KEb3erHHh1NDhwtw/S6d7/G8hg66Rg4HXv\nSROvPOXkauDU1aQqR+VGR4LaUPtLGdJUmQxZUi7bVQB8UCioKjJ2ZyuPO5Q+\npyAjW7uzP3lO8b0dpYC4IZ/ylb5NYt3cNKgRxSR65eklErTcJcR2UOh5ATga\n8RNgzRZxmxJFfAnAW6HeQw+6RfQX6e7AIzmj/NMWqH+a0Vy7F7/7G0QG6LJW\n54QZitKbeHqysBy/lXfur9ZEkxkLm1oYafQ2Tk8c1wX6M/QHUeNXWVyZyk8e\nPwjd\r\n=tzqZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"517c74d04563738f7d7bfacb173cb3adcbcf3c03","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.20_1610436579057_0.6228523557988082","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@supabase/ui","version":"0.2.0","_id":"@supabase/ui@0.2.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"f09e10988d7c799da28e307ca43bc7fa5edbc191","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.2.0.tgz","fileCount":128,"integrity":"sha512-TyTgUqlw4IRam7JG9YndkdPgj767yhhxHbaEtInPkrTrUfMzgzZ9euEu1Gpht1HG5PfFpCPJomOHVZffXC6JSQ==","signatures":[{"sig":"MEUCIQCmNqi9ZtyllqzX2pegCNNz1bMg4zZG3PxnFrHmgujJvAIgFVKKd5MT0KZr0mn8hAIMlz0789KjWANTsBs9+1j32LI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1582123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/WGFCRA9TVsSAnZWagAAVrQQAKMtobX8j4zrqZYzxesa\nTcWjhgu6u3qP5B9ePqSEbOMW9BFOMgvw/1rKtd08PlL6wA1SPLBJF8YE6r5n\n8uzRuWV5vXAEKLKn0jGTFPBEerNzYg/RvYqmNcWJxWBAwnur6CSckgs18Ia1\n8i/pQY1c2psdgpuTd5L3wuhri2BhUUqwO03M68YwmmSE54ReuERoXuSAFuYp\nPKy2/ykGn4iPz61hZ5Mn/32t6ZljN3wYghFMFacUq9YL70do9Z2V6+xltTm2\nVwAv+H3maRlZNtmeXOAY5qCMJAXPvezTB96+DzXdTk2GozPz9q8CNluFkD/d\nGODwdEVO54v9V0qj5ayXdiTXHts4tJO4gd9P3SF5Y9SaVvl9vsAPvQN7mg0v\nkdmpUSFx3R/9XMmoHzXgphtZysbFuGTQB7ymCJkqQEMStEXkJZ6cisw7oRGV\nRS84pyxW6fbLb6VRHo6WjPszenssF1w85X4hBZqoUvFVlu8FIxN6g4wGtZOG\nVUkdDQnxNhz98u1C5QRJTlKKow1LD9/jf17Knf483gRarKUhvvTg8zgA7NCy\naZvxck/EM/9iBG4pJ7RHtCFAPninv1ukZi+ElWuTn7tbU1CEz+InOc15jSYz\nVrjw8EioysGyA+5wTw9UOAZd+T7tIWei9DcPZrDBV4kGAuI7CaNi1CEIXqpS\ncsou\r\n=y1cl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"834cebc0eb8130b5da98b0e2454ed73cf3c56a07","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.2.0_1610441092529_0.6541961407802581","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@supabase/ui","version":"0.3.0","_id":"@supabase/ui@0.3.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"84c3f818e7a138fb499c64d1753b3cce869acb71","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.3.0.tgz","fileCount":128,"integrity":"sha512-vwEke8h/NuNtV9bpyMRuEJO6bjZhNoK++QwTX36zH5PQt8v6dtqxSUDzUy1hR2ihK+1L5MKlzA+C6Z+/LBm03w==","signatures":[{"sig":"MEYCIQD6bxtY0WO79qMP05VM+YCj7viqE3lqeEOP6cigoCCxBwIhALwK0ko5tn/HjNGQZCCeW3pzykfHb1Yi8zjby9HFvDpM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1588002,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/koGCRA9TVsSAnZWagAA8cMP/2MOOeVvAWOko6Zg6kHT\nAZRltzIRABi3ZkOmpHcyWt897fEyiCMdXSCjqB8XGChYS9Gyg9F75W0fX/mO\n8w0wqhwzps12OhoZku5JNpvV5AtA5Rq9b7sfYBqlxKYrp6iIxCH7Iisfczha\nJ2XSTniZvfzXVlo5uy94GOnrfq/nAHccnMLpOBaJA7j8TrcjihC1UIX2ANfb\npfs5eAGjWO+urNsDr/8iXK3IU+NrQ4k2ZrBqssV5nX1WlBqzYhT5TU8V+TPg\noL6TI1RLFJ5a+QbOomkS9/iwDwn0k3CplgSdofMF544+vnIo/eO7pWy9BqJQ\nbRxjBDSAmA1Z0q4IU1uA3zK1J2PtIkb3T0xMYuK4qwMrY1teQrnBo/VUYx3W\nqZXgMfgYLcajRw+EA62gPxduKw7AFg9Fwe1jxjxGrL/22hbwx67tJObc/G9q\nmPolw8I0PrJvbVPhssXKhb0kNeVWneB5PoiW5LLmLm/MpsYAnVsCNQWJWC1r\nncuKaIDBV0lAdAjy1rFbnipMn/l6DToO4I6Bx6I3XDx8Rdaw1dKf9L9+RnHo\nZjU+Cy6WNak0mtwTLkHyhIeg6hGr/jEuEeH1n456cdK6UaoLvhAShiGqDt9o\npz5Rc4dWr0LXss0TmlO/W619hsMPUDJugLfLHEzpcjJk1jjiUBBlaPjG6Elh\nX9y/\r\n=2gkW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"5135888b3672658a84381bd06f3552ff848203cc","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.3.0_1610500614065_0.7040799232403199","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@supabase/ui","version":"0.3.1","_id":"@supabase/ui@0.3.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"4fe7b7a2ca884d8beb8839ee92eb66e09a51254e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.3.1.tgz","fileCount":128,"integrity":"sha512-p6zXv78cN5W0P0fm1GCNDqnwl2E0FQ9K1BOHCskS9As2dgztV6QOsO1sdxnypfSC8W8R8LkLNe2n06BRpFvhQg==","signatures":[{"sig":"MEQCIHdpBEeWjPEJdF0YpZD5cdkP5y9ladfcMSpawo3MmiBpAiASTgB/mumU7F1QoB9aqVFpuUPhTUwLVM+3p/C6nG+iPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1592740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/p8JCRA9TVsSAnZWagAA9rUQAICLwMXcUHddy+QHVUpt\nw31xxDeGt1zbwbofZ6zLVuswHVnOwa8zmKd6aFh2nomPXc+UK1r4YWNSaX2e\nUMBLiYLSWTO8Vocje2TFW4zxGV6fCBpdWYxrEb7vXIY38w2U0ynt17Uh0lwz\nKi94Ukioi+23TVwkzqeaJp3zUX0wSRJkxkr+wqz21vYLQaExR6ifl+Us+fZw\nxE6vb1eB8jHTp1AQdrQISny9jGz2H/6Fq7hw5UNBNocNv5fTgFlHhFGeE3ZZ\nURvIDsUIwrs7MGSf94JeOKvnCce7/lKeB+rcy8lsYmmTosaWc5wkoAm4QWSx\ner9qSnq2lIzTtxiyUle26jG6QYivvtZK9X6YgSZKSt8AnjKqBctXbjpkYRBL\nlF3oJNoU3B0cpJheteLT9ffi3K3iPuxrS+3pziPttx2apdJ5ehpasYHLdoBz\nQo6KnULJxSc9xLQitaAMwEY2uZY1XmuxbqqgcDY1x1i9pbcBN2aXXHKm1ggE\nksAu8WuI+NTziM9n8shEdu9MHyQr7Lae2XROHaBkLLEYzR4X+E807i9zrpuq\ntILCJySmUUX2lYqdjdt0HEu8M6MUXQ5AUZaMLcRltPJj9oe079kAIuFlJxWp\nMqBcsl2OEmh4v39BX3ixcqZfqshkNPMi9ZmLwlJ29vD1TJ8Eltb5oGrUv3A3\nCFPG\r\n=sXZz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"ea1d93483d17a267395cbf3d87a8f64e3a37d14a","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.3.1_1610522376853_0.2931228536807795","host":"s3://npm-registry-packages"}},"0.3.2":{"name":"@supabase/ui","version":"0.3.2","_id":"@supabase/ui@0.3.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"5b10bde2209c4247ec6d6562f05c6e7c0eabf573","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.3.2.tgz","fileCount":128,"integrity":"sha512-LT07f7SmzKiFWRjVmo2yPsS9nuemvBYlQrUAS+msE1OxDL7HDmQ6tyM82RX7FLumDrgvIqVewPEMZwhlscFJKg==","signatures":[{"sig":"MEUCIQCt5NMnv8kDGZE+gTIUa/bwjhvOh3bItuKY4ftN5GEBswIgc7or00hz5Vnw0qwYmu6uo2gusc5G05CDpq9T1X/+mMs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1606187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/r7+CRA9TVsSAnZWagAA+8IP/RoZrGfb5ws9+RY2W7LQ\naBpbi1vjXQGC7WNjxP/fILQGvjkEg6NDCp5K4ZhLXQaGgL3PiKX25bu7gS/c\nFR0UD5FX73bitjB2hdvyK8oxdSrT09vRZ401xElMH1oFEY8u62Y+f1d8txx6\nA46gfCnB4TCx8yOP/Vu517aH7QLOqAhH/DSS9qc42gE5mVt67AWSiha3pHoA\np+e854l7eZz34zGRjtioGbp2LmiVglkFR5IX5tNVyzxYaXfpPxdIgIRlxnNx\neNhleML6s5vWqQvR3X6bzZJBwo9YIuIJrka1nnIE93Y7fAhORNxKDL+GombY\n/w006GnmYpkRO1HC+kVDErj+oOn/7B192C1S/1nCHwYXp8omxAe7tNU10dTr\nud8utX4xBSjeU/iX3LWxDHTwEbdRYteaBLjC55P4cLqm9fE5boiCzmQUsvSR\nGXhjPniUfdsX0WajiaDfd5vbglCEv+4iwV5G/w4vARr7fqc0So84MJ6azX8y\nxOgrh1jV259mi3ZFFsNl985M6krY77tPKMuFtKmTfdawXL60V7p1oYzEeXjn\nlsbnHLxeYTqBRqqUaMpmyC3SxMn3cNX6u9AdBitZzh3N4dCLjldguITJgXG8\nZiAeRdhuSBr4gMLx3rXhNLa1yb+fbVHUFYCqiY0t66QssMbXLgls17V8BhGw\nkjKD\r\n=sMiy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"bbc7c779fb7cef959f4f0612307884227bde6a5a","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.3.2_1610530557732_0.7198648272559172","host":"s3://npm-registry-packages"}},"0.3.3":{"name":"@supabase/ui","version":"0.3.3","_id":"@supabase/ui@0.3.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"f3690cf9412d135e299ede23c0bf6cfd6d7e68be","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.3.3.tgz","fileCount":128,"integrity":"sha512-TkdI3UzJch+yhgyITRP2EJoL/nrptSuD039qz4ARpayi2RwjebcM6+s8pbAz6xnwJg4kQNJ8qEEUVPoFSHhLfg==","signatures":[{"sig":"MEQCIDlGWJtxAisqpiJI2TzbyODoNyDdHWO1LrAmGZd1117fAiAdRGbH3fEPmKA2tMZAxVNMhcIO/LgVH4qb2LBFvdyhBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1608008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/tFZCRA9TVsSAnZWagAABKgP/RBy6XPRb4i3tFGtloCD\nxQC1EbKc2xyFioE46UGJIaoCeF8iqdwyy0pBmoEI079yBdzjveoMgbWmNBjC\nCx7qpRwBfBDg8cASqOTV7Qm3LjM22DmoQfQAI21XchPf/rgxm0Uv3l3O0aRe\nYj12aQ84Tw+Gwt1bGJWJI70/qdQw18WljswUJHxJkZSAFhRe/J9AT5hfm2JJ\n1uE03XtDzOwnsH9R6101SouGKKU47gUF5KouvyRsI/DuwaYBvO/9Z734LzTA\nI9WZuy0XWs9bIVBryY2GjJfZ9ssxFBaBFlG/pJpM/RKjli7TWD+qBqwe3wq2\ngydIF2uzvyn+7SDk64qZGzGNVlXt/83HmUB1p5GqWE1UvdVgWSoxrekQplen\naDUQdCwPEkTQSXcbWJChz/vMRpwdt1zvZxiZqUOA9GF8Wh34KMEODrKGm8J5\n3mqhxJbpSc6oj4Ff5DullBJTmI4dognvu/BH9bzUp16YCamINC01agbZwGor\nvdoWTLjIJiEoP6XRvPRKPzS99eiaMXYfIfwNnDQOQw+p/nhLKlIzlaPQ1SbV\njRL8cFhy2ezUNy+xLPyOl2Wv31kYWrxaXh034KHAqbFUIUwHZ4R8j5m42U2m\nIWPjs0EKGowUlpY2dr8t2xztXgTE4rHSwuYB1S1qHIJBulliN+6LvK59JsGj\nPvw+\r\n=55fT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.js","gitHead":"3fd2adfca549b8fad7299857698247c59a0b9cdd","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.3.3_1610535250948_0.598790525852654","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@supabase/ui","version":"0.4.0","_id":"@supabase/ui@0.4.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"369ff916f5f84d847e2e596eff35386ca366677b","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.4.0.tgz","fileCount":128,"integrity":"sha512-I4atbHbWjSk6zrnvpEUYoGzr9jFdxs2WaAQKU929NoWPEvrw2LLLPuQ/t4ty9ThQlnu3RFGo964xRqiBEgJJMw==","signatures":[{"sig":"MEUCIAxHG0KtesKTiiMQI/hiLc8Iw8orwV6XkU0+pbfUb9xvAiEA/5e7KJSnqzLfBleVD7RB5fTRwlqKEpNjTty2nZx/Zzk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":679217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/tpcCRA9TVsSAnZWagAAnj0P/2hWLzUT/QqtqHWmPjID\nksQj7tNdbgOWPqDRnF9T4VDy+n84YUCwCUGB6zlDsmAGrr0zVstABULcSMrT\nzKFoEoT+I5aCqJQ65NJRX+II4AdVIfAp7GU5c/7YnKyWjFXaqhRZ/cGzSncT\ny8uiQWKp7y8mjL8mSp8kjNcak9lCO99UFn14OlwyEVDrof36TDN2VjazGaqa\n9v1tpA4LHlTIdgmw+4RoDphTfYMN38HD1UxT2vNGWAVKuR/ddwQO8veXADTd\nkIcisrGG3wONYNNqZqOjkZXgh14t1EqCSW5sLyzDYKksE+6O6pNyA58LoU08\n4PYchEqh/rnUL1vWIp/c/CaF20JiE1LhMUZsAl3PasfNP3gJcapMjwjpG5I/\nJa31ltEpoXC86yugk8nLD5DFFHRw1fxNSibzIvKn6OCs+lBC4bkyGMLZSaEf\nB5RVsPc3hpPeWd2u+8DowGRcN0IbLRdaKDpAS8zpaLJmYujeWn+MCY/gAvVf\nb62vNxD4CyWgy+V0gwRW/brohyAIwLKteiVRefEIhGrhBeaPuSxUxcY3C4NA\n6w+bRSBMk2Tz9Xg+9m66dF2dRvLl48BYjnr7yrZmBN0mPzIA19lAWUvBPepn\nIm8Ka1ZSihd5DmkmMAQJXOWLKaDCpHXlFXu2zJWID7ijSqQCZLkO4gig/YHC\nWAqS\r\n=OFpZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"fe9342b799f8187c4064d71352281e8de541764f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.4.0_1610537564225_0.5333585007196266","host":"s3://npm-registry-packages"}},"0.4.1":{"name":"@supabase/ui","version":"0.4.1","_id":"@supabase/ui@0.4.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"0bbeb3a8477259c8d0cc5a9e81a7836c3e1e5143","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.4.1.tgz","fileCount":128,"integrity":"sha512-z8vU9203ZNGUfZmoZdtQuHfJiiTZ88SG1ASIZPZyj0dFyreytWjIuGcit6wTyiDsnnq8T/IPuxbRdgcinLqNJg==","signatures":[{"sig":"MEUCIH7fHXiuqzMJ2bJwlKqEuWmEb2SBstWg3EH4owW0w3q9AiEAo3FiHYKBjoJLb+mXEys38vHK+1NQ5M8DEBjQvdykSE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":681859,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/+PnCRA9TVsSAnZWagAAI6MP/3+idpVnTLrt8XrW77VN\nD3ON0xAxLpP67o7oDUMNuZt+UAFx0GJJgzgt++F4zv6mWGbi1nmsRsrfFU7W\ncackd5Fj5JvT4Pa2i2Mga3q38y3fbEQ39Xkips/8Q3h8PIQ9RGlKjg0h5cvR\nRQ5zWg6LI6a89CzCaZdiSVUZ9Zuu7MCGxMZbOhBYo55fzo8eN0CfQ7BHIIV7\nebfzlyPhmQBsO+NaJA3SSm5yHpUTgBw97oo2OQxX2KKpkI4eKqX7gdzEjcwk\nWalu/hLItBR1odrwQTk7ZxvJmYmVVcv9h67kh7AojQa5PZpxIMy1Q/MXLPqt\nczqb0A0LSiFcBsQb7inIcTJa+jBQeRDICwZ1I54fP0uiFP3ZM6Mo9mRcpM1G\nXPyZEfktEp6u19/LOm3+jNHUkYue/UZQ0HzN3d3E9EUMUs+M2RhXFTOaO50O\n0Vi50nV1/XVinjZPhWO7o3eNkVvFaJXfmbrXucaIWJ98cL8mqeD0TDLxa+5H\ng3ij65hFDZoH1hKXflf1sIg5Vfb4jR0uDEOajjLCLre4AYY5fiBY9XCMpkbA\nhSrGsYvr2p2tG3aVFSR+U8yk1V3iDAv9mhQ6U4M3CNclbrvcqXn9jEl1szB7\nSqvUYYTxSeDInnWsFZXTM9jPSAT+pgtjmBCYusxDtvvkI3YzrzAGUwllf4FF\nfhzd\r\n=B+QW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"39b929eee82139965cac6d228da8e55ba8276d5a","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.4.1_1610605542581_0.8332154159747092","host":"s3://npm-registry-packages"}},"0.4.2":{"name":"@supabase/ui","version":"0.4.2","_id":"@supabase/ui@0.4.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"c8e912ad23beb0f2766e61d9354e66a8d2b31efd","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.4.2.tgz","fileCount":128,"integrity":"sha512-X8VrYpy+2ntXBgHpCGdb08SqFUZo2BJRpoCmEx+FnUjzzv11ANbHsrRkB5tsBrMWrjZ0CZNmFsHeGQtyBPZNMA==","signatures":[{"sig":"MEUCIQD4tgdtKnaz6RQlAPUk3RSzi9PU6EGN0NgFuRP4eccXugIgJU8Kyuz/PPiDlI9M2jjOfblb0O4XBz8A80kMPySgQJw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":682613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/++tCRA9TVsSAnZWagAApnUP/2F3rEcflgQcJTvY9KoX\nQX9cC1gRq4arhkSF6EGqRexsp2d03mOyo/tkbWCaP6weClWNFcUU3qQ4utUZ\np1OVOLZjM7z5EtSLT0ZVHzEslyzAtp/tPJXUxUsz0mXxzpU7IUD+0NedzuZX\nNXBcfbMpotKaQylDkJAbyukUNepA5Engsz+/d7T2HqH2tF1WoJ71vAdrozeY\n55mN9lPfeBiV5VnxqfjRAXcRoNUIqGkMBLPIAJ00UOE0hTMWqVhyX04qBn9e\nrifxWAHy2KSatbxzpEQL13Te7M//y03bWcqky+LY7H+NfobJpKz7Bn/7ELG0\nPxkTW7gBkSzmhAFsfHWir26O3b7OUb2+LH9WI2nUtiS8peXgbYkHU7OhhjD5\nEOxewMuMWtu3e8MlNVHQcIH4u7VdaNQCCFLL9Cnq3aVyX5zajuIlaHLofBuz\n4YRFrvrEEjoX4wklLdYZS+Sl22SbUo5PYPKx3wCTcxaEYxMaiCb+n5xZn3kX\nDBIasmFZD3YzuuHPyOB/rJ/8wkk6mxEhx/Qudnuc250rc7Ale0//0NzOxF82\nHm9HS1cvEB7Z6A3B4942tAg33irGjmh4V3w2n+hWJIsA1QXyNmic0rQS6Gkf\nshhWkCjZSrVkwMV4VbDIIs8YFZUUaUNqvaMmL1hYA31OmD4r1s0uYI3Kr7wL\nK8S6\r\n=C+8t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"46267e77b13d3a6b56e6dcd5bec1e4a536aa6540","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.4.2_1610608556672_0.7314040568256976","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@supabase/ui","version":"0.5.0","_id":"@supabase/ui@0.5.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"ccace58cc577eca8bc63a30fc22be7a2a4492a68","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.5.0.tgz","fileCount":128,"integrity":"sha512-YslAwYicBXfDwFBc+ESI8Uy1Cr5H/LMFW1H6Yjv9PHrp2KL50IlaPP+u0btU0Qm1sBZAnK9pFodKbcFRSfexMA==","signatures":[{"sig":"MEYCIQDwcXCSskwkzDv5Ljg4a4souKYcVCcnmaKbdM8hDOX0JAIhAIyeRY/e/usGhfuQAeQaVhfZkqmQLXPHlWwMKrxj6OAj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":700358,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAAs7CRA9TVsSAnZWagAAWasP/37Xh8bCmz+ymmDXXT+I\n6AHhHWRZ7yWsBqjoFP5K4ub+WbnGCOhd52/GXW0Ov5eY+QBU2h/N4yMS4rJE\nkcjOjeEVxicXqiPFgIZ5GkP+9kgK2M06m9lpHv2poAseI9kSZYRNVjQCWjB+\npOg4XhTDzeAhqCbszhzqJAlxpuax3aVbL46N0vw7JnNEZAAjp3HCjz084UNQ\nw9kUWHv9SzlWs2QBGBBchLKjLY8ft3VOcpxorq/SD8mA7EFH7CsKMCBRMkoT\n+rzCiiNn0+dMkLlu5Ixwwud8DnK5CgE5YKQOqysqd++0awlfeGjDecZ2786U\n9Vy6GIQYFYVf+YnLtlaHgNo1LK3iQF7yNj6qiXmokPGSf6B9ZB/aFu4gf+k1\nz0N6P1nksRWaA5SyqBCMkP4TDHZpfeudUU7ZHLRUrLLpPJcCog/3HVriEAOS\noyhECTg4NFe3YbNQzj3XyZkN8wSwz/HlKilRl90JoqRu7QJdsX/CwWpRVAqN\n8qOuJqo2fRb1LqL5ZnfH+tuc5HI9C3k6sRKbY9zH2uh0T83IwCDlXIa+DRHN\nr4v5C+LuSgt/mY3g20Yy9ZfQTcgR1haFuiPyBuYzYv9r/DwQLgaFc04DKYsc\noXtFD0eVdyeaWbq+lmnlbgTjdAN4+BXciLYzgCX41hXkGDWaWwY0MwFNBAXN\niVLo\r\n=qUjy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"62eda44e9ce7ae25f4a66293e35db389ecd4491e","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.5.0_1610615610672_0.9823512643956163","host":"s3://npm-registry-packages"}},"0.6.0":{"name":"@supabase/ui","version":"0.6.0","_id":"@supabase/ui@0.6.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"2f9118c9880bef966f1423c7c13d617051459f27","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.6.0.tgz","fileCount":132,"integrity":"sha512-WhqFEj1r5RcJsGzd+AwLf/At1kPhoi8uYLBJCotU7+otkn3jslTko3GlHSQgYdfkNNO4cxryXWUgQAsYTWR73Q==","signatures":[{"sig":"MEUCIFWBzoQDi93ETgIGypNc05CGX7hiye9YqAhIKL0MUn4WAiEAhuVCylq78nWS+t3YmB/duxDyVrKe2floyg9cGb2+lRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":706127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgABJACRA9TVsSAnZWagAAGF0QAKQG9aSlBc4bVe7WuFXt\njtTF5L8lQ3CTj8n1ztdo3s9gUtfHX3PUPhXCx2iMqbKmKaJOsmHEwauJCc2N\nNHtx9nzyTBvxbdLyatqRpfsfh9a2CASAdV0DsiO0oVvH10746EzUzY1uYwWe\ngkUi5Gd80ou5F/cTkPH/tXjEGdVhGfe4XkMLmHfF0c7Gw0FGQmDgtJnVsscG\niqyGu6Dtk94rBdN03rdblwOYHraThx4dewShtalJkhC4qK4hR61YBN/xzeYR\nwy9hxK2m8IXUtvEB0l7MciAwKek4NJrwv+SuHZhmHrYOLGwMdRdDIVj+odK/\nDMOmr7WEVrFVgt5/o4K9i8iTyXt7o2mZ09M5/XLsRb1ptN4cUpCrp6RdnDji\nxgMbNwllpUMGjO8l1Z397og3v8onjXgbCN6dkmFQ+ZVLNMK3WUporqbWZNUX\ntddsir2JIwgNuydKWJBCycSvwI/IMdCEuvfk/A7gJ4xZAqi/i5vieN7/suAY\nvtjwOpzAtUiNDL0jNYJaQq+a0zv5TZT8g15tCia7JZ3UN6PiVQRB9nVB1Z4I\n7bbq6+314GEZYjXpOgNzsEbxO7bvC7Fq45A2k7Bc8LFrDEi9htWswtNCnH7V\nCeC8JrV9teqlCfiZLqOcjkwxfgN3FSwh9unJ/kVimShfeAqioo3aBu5YwAaY\nIdVX\r\n=3KN1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"7660da04d14ede1104274b64ad1b63fd36df1f68","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.6.0_1610617407983_0.7606342694786374","host":"s3://npm-registry-packages"}},"0.6.1":{"name":"@supabase/ui","version":"0.6.1","_id":"@supabase/ui@0.6.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"ac4fb997df11f688caf30b62359428808a076bf4","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.6.1.tgz","fileCount":132,"integrity":"sha512-E6lWiezMZxwhGE5NFzi12kHH++tSEpbWCdImPvCTZjS5GyI+w68m1dRj5P0rmVcjmyRY8jJ3oCk90S/+0mN2tQ==","signatures":[{"sig":"MEYCIQCAsmvjgDpQSxCSgfKZRbDeKTWT2zzxZ1Gbn+yJTKionQIhAJ6ELViYVmsJCcvRpqmgQMrASbb7m4ZzPuAb8zmIE16w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":706381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgATTtCRA9TVsSAnZWagAADSIQAI+TAQJSE3cKCd4Y+hTm\nGfZTIQXcu41opWTfxGtnJPS6C1Bm1o4X6l3EDM+o/nabYimt2HROOn/tu7uW\njd+HpznNVQWYIZyzca63JAwgbZhKz1tzqlprF5dc8zENjn2U2yhdcuTqcX2d\nBKA9kFkIjgk/VkOeToCsaQGivBC7Rmyj50LggGNe/MoFSxbVNi+Bcx/Q7THX\n+5y5/69J5ijQ+NOVC2AJ8abIiNbgyD730zwNduKOyIyyIfu/Mta08CUgoJDl\n54WbfrJbeZqF4yU9HCUVTEeBIkVpPcmV4RzYvfTj+JE8YtSDWDqL94wrH2/g\ne96pm/LaQcOxu6KFVfI2tJDZ6WCH+W2go0plKQqVglUOTFDDuUtQ4MeMhD6q\nXODj1pP+bwd+I4t2WCakegmiv2+JHViPaOPa6ZbhPLRFgFJfgPHPL1hWFViy\nEP209yZHM/iF26A7x7IWo7TY9v7zfG72a2Q9KuclSil5EH7dLI/Nasnx+wqC\nNj1pMSuaC5E1htqjpuzRG3XBY85FRg+3VT9ox0KGh9vifYAWHB5ZiNycW8mU\n0bJZyjXyWfLzVdL0eCL+USImYYdnfO6dYggxWJ2QaPYK2w9ND53so71LV+sI\naUHoMAcXluRMKBHFryMVzJJh0qgvPReqayV1d/aHDwLHh7iBh3Ll4t/rsFP0\nDxhZ\r\n=+D8c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"92621de637f0f2059334fb2e2049c51ef3cdcca0","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.6.1_1610691820835_0.401625256486819","host":"s3://npm-registry-packages"}},"0.7.0":{"name":"@supabase/ui","version":"0.7.0","_id":"@supabase/ui@0.7.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"0f558bcdce840f53a030d52d4a24a6b88960b6b0","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.7.0.tgz","fileCount":148,"integrity":"sha512-WvauN/T/nGBWqGdfIG1xycFZ4V2VG3hT6BD2L+RXVKrYhnmeTKbMyLus+T0KL7k19cv+nli0C9zD7EdURWu0Lw==","signatures":[{"sig":"MEYCIQDVXNKxrJAanJHrz8/AhVtU6qqqEmVjH35cOgs/npuxBAIhANtrpCbqSYh0HQGeF3A1I1Hyf1aNEZA1cHUeeR8Y2Eip","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":722439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBTU+CRA9TVsSAnZWagAAcdEP/1kg9PZBJLOwv/OIPZBX\nixJiUj4+KDEhexHUplSzbziGwId18xuTHUib369oFj1T8T1NZYZJJGjTn5rG\nnqmCWl2Y5Mok2zVq3Nb/uiTZg8Nydb6D1588HeQovFCNPgOWSlbMbGkQPqHh\naPg7Wry5aIn/jrWHiBhhv0p3tZrkAdILHsLO+CFBOMlNuUgo6BsW3/hMFQZT\ng0YIjV7yV9vvC5+SJGLnPXbTHMKz3JhUQ47Y/jf6awExGHfLOs+JAbxwfPt3\nkrmhjeYjsewSOkF3X5Wl3KaZzs103Axos8m/CRQPpaodghV0A0rH8VIG8HTs\njTziVBCOyLDugyvIn9hf62zKg4jS5nM6LhFJQxTFFpza4JfGyNOSSCH8qoKo\nqqS6yAVGPb1g8Cr2GRixWTGAFdJT2ZAPsmGdIiZaFlazfr1mI8m6PTJVHnKG\n5aiobrdEmi8auXrE6KP/2arebGAN0x8z9pMm2RBC9cdk5OQHUmQE0WX/sGGo\nnaTUYUnPWJoKzbHh5Q9GT4tRsOp5C210MFGpPFAku3VycBBMWfdFEy/61pH6\nCHmyzoRQkxMWPWamzlHi1L6qfcs/P5ErU3jrJFlD3lZUBGvuZt7k1+KJPEjE\nzL/M+0a13iJ8NJ3JB1IzZBha1lIcFCtZZmfQU2M0m+YblvLpQClXIc4/Sd5e\nMHyZ\r\n=Xxm7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"f6918b19ea266304c5b0beecf44ee68128654c94","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.7.0_1610954045973_0.7160277115061309","host":"s3://npm-registry-packages"}},"0.8.0":{"name":"@supabase/ui","version":"0.8.0","_id":"@supabase/ui@0.8.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"6778583f1b558b792ae4191bf28b0f9a75d9e3b0","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.8.0.tgz","fileCount":153,"integrity":"sha512-PcMkcLGxC0TJ3lk0jMDRNbCnN5rzPwqmnNdMMf2iMf7F4kIpkGujlRDr/pdBUHQT6dsYkqqlrG24EL0psAesiA==","signatures":[{"sig":"MEUCIQDyvGRmADCeab7N6GGkUVxuWId8+7joctWqRQcWDho5uAIgBtz6QR4ZRRqLw8yyXflmMrw6EXdSiNsI1mU9twTUhEA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":766372,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBbO1CRA9TVsSAnZWagAAbRcQAJRVuWFBbn7LLgxY3HDQ\n5jiCm6Ihq/Z0eyolxW1z9VjLQsy+qvAHPp3OCbnJFHBAWN+72Ycc5dui11zn\nX/JhH5rI52FFfGmYnqyqMDtTSeVcWdBwLe4QtGecX5eev+Dd6WkXUcbnEnGD\nQKfTGjYXjIVhjY1vbcjX3LxJs65eEQy3yFNFMYBm96xd9QWTzRiOiWJjRJpN\n7nIeM2nFcRDF7QQgL3fqLQIydgZK2o1ANAcUyg54TmjG29UsAdRAlLhPFmFV\nGCcXSXuIitcL+VEp+MlwiX4YABzO/LGwCef3sIYhIW1EnOfzfFo29MC5CAO9\nDljpbhXKz3Y7rZyydHJl5uPB3km4A7zPsbnXymOZCRFwLhlIa5CXB3oIyc6F\nugYTyxS2VFe8GiT00gDV/SJnEO5m/0/10yyG7EHKv+7pgICmJnl+iBLUVn1G\ns8Ph67YmUUhsTHdvTYwqLp7qODBVf+8r1VTxyRpPts7+2bC+LXncupHroPc+\nfxiUP8iyKdxh8i1r8joKCojIbps/gIn1mfUX0Nwgx8qy7CQG6AE844c14r3b\n3G/IKS/Bz+3+y3cLaoX1kRLrOj6EZrP0J4BIK64Rfgmkp6a7cicuvjSvWiDx\nfvQM57f5dtyOmLh7KwwcQ0aPS1km468k5etMktTGiay/W6MEPHDIif/Vqvvv\nFF8K\r\n=U4II\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"1d47dc05dc2d9508f496b7cd359b6bb054f613d3","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.8.0_1610986420977_0.22774720552108207","host":"s3://npm-registry-packages"}},"0.9.0":{"name":"@supabase/ui","version":"0.9.0","_id":"@supabase/ui@0.9.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"b7274d2b1c5a61c5847959011307ddddfbf877b4","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.9.0.tgz","fileCount":153,"integrity":"sha512-SPcnED2Tt+wXKCz2tMUOSgQsNGSsTYHjkzfaFTRnLh0cYjvYo9HGVXUnCzrjct35Ct+cnzqk2c/I1GVaikSMmg==","signatures":[{"sig":"MEYCIQCjYfFEfXUfWBOFKgRo1LPdQnv5qp/FuZE6ZouIo3aCNwIhAJGvEwLihNZdzxBlzDHzDB51NZlrWBSilwYCLF1lLkPx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":772644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDrmECRA9TVsSAnZWagAA2MsQAI+nhSfsOVAt9gDKw/0O\n2xwNxw9xCf/NEdhqEIs8l8Itp0+deJCHQX1Rq3CeBJsWO7INLDJHJgOXnOhT\njvaAsfCJGal7qTFGzKwr3iLiMmzgyJNlgS0A/HoLP7/SgrL0bB9rtonARnGT\nBI+/8lpdhbJlwgk7uviiIlh3cliuXGV/gGuXQfqzOI9b2zcjuJXmDndBqPhR\nrqvBpiXM6e2zTj3fW+kZaL+l/LTITM/SxMqD7MjKoI0mXWpyacc3JK1CaIH3\n/f2nqZ8pEFN3vwJkkJmGDOynue1H6RHvCAzh6NOMPVdhGcCBY+cj2cUzGPw3\nUaaiORRptOW9XODjfO7bHngvV1kS/rh+B/z/vGkWBmMDSHrnbzMoVFO9FLcQ\n6ayWmKC5Rwn5+sqoomiBXP6fvvP4S8I/nMNsj2oC3M6LnmBtZqu6afNWrIhz\nenCPgyI4YwtWyMaU9hIas1CYI2Dbo5rzW64FTCpXEBr98EJv0twnKlbRJ3cq\nALfFGyF+BWfAwbDqpfr70LrmsTVs0puAA4VqVF0wFFDDz8UehLg+wvncbDx4\nF2gF1KBiI1+cIa9qH1PboA9nyQ203tzGZSYpBsSGL7D8xcaaD6sEnaU1a47F\nk4G3Gu176OjHvM91gD0THj9D+QSxD9JAnR9QbfQ/g0+Zuu6kQ27Bl3/UEe+j\nF9kx\r\n=J4oe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"1b290bce8afa3af29e4ad9a886b83f5884938e3f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.9.0_1611577731509_0.37415532319557343","host":"s3://npm-registry-packages"}},"0.9.1":{"name":"@supabase/ui","version":"0.9.1","_id":"@supabase/ui@0.9.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"9968e02769eae6cf239d94f06d10bfd6455af76c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.9.1.tgz","fileCount":153,"integrity":"sha512-lTDJTTow3KAD8vy5dt41Ce/oQZFvNtnrM53IM0xI14pmknF4uKl6nNMy8QvimMrHu4CS28FwtTK6pTjhtoH4LA==","signatures":[{"sig":"MEYCIQC+Ekc/+V4P6nMVdGQsbPxjuRoHvPCcfWCcslrv9DSCHAIhALhuvGE5P81U3G6FuAXCVDCHoOlqrwzKzuolxVcHWQ5r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":787313,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgERqHCRA9TVsSAnZWagAAbboP/3FTNJVvc3458XNvKg2a\nHOI+GA+gu6ccVCgvrAJUfO/MMXt7OVyqVLbsHkM5C0jjVIix4h+uifN5URIY\nu4kVKY2DTRrcIWPwylVP2/610VGdS57BPPz8k4HYoba57GeV2Fn/y3epkf3D\n2cBw29YGYb8KnePeDIygObcDk1dpw6k9LD2cRTn786p3ghs7fCAvoVSlgb/y\nS2FLZXq2naP/vYIMtVx5hNV2cLjpPFfJIGo3vJx6fpfcQbMXA9RpDtVckHDz\nwiWWrNIFASOP5T3NO71EhBFLyVKPVotLUxO0xvb19OxwjI2cHo14k0R9KM6W\nt4RKekdQYnE3Pdj1+aRLUAbwPZ12u+hnuh/bIEGco7NvXv9b8Me4d3tIkp1Y\negqdAszdjFsmCqllLETOl9boP1194nkVR2Iw04LarhHUKYajuwSaCncTr9oz\n9FZw8mSaKQZRVHfyx282ZV+DsT7H1vOllk3G53R7bpZUdWZNdzSccA35EcV/\nTCAaEwfKBplV2x5SPEgGJ3LolLFy276Gq7DXAw5Vm+2RR6K0H+uK4mFYrTWi\nKBhx+BirUGazrLo0MKMFyuivZRzfVNGZGRSbYSi+wmlmae3KypEFwTirU55A\n8kzeEJya1aS9dxQFgWcf0Dvroa3RCu3KJjMKpBQTzQV/TwhKaiZmOSU4Cv+I\nkh8+\r\n=QHCS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"9cb5241e1a23d32394d0a0e1229bd1fad0e796a6","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.9.1_1611733638551_0.114813383536303","host":"s3://npm-registry-packages"}},"0.9.2":{"name":"@supabase/ui","version":"0.9.2","_id":"@supabase/ui@0.9.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"10427207a3d479e8d8378684a29a956dd91e6270","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.9.2.tgz","fileCount":153,"integrity":"sha512-z/OcSO2ObgpLlGp5Mfl/SCNquRAlhyNZTnABe82DR0DfIyk9DTccB0BPJ7zBKjyEmR/mgE/mwBo/jPAfl66ROw==","signatures":[{"sig":"MEUCIQD5J/lYJ3QZaixJ/pKdi+kbvpZjmBJvU9l2y0q2n19CGQIgU9Y6rbM9PLSDGp9vzCu7f5R/cLX9C6kkEFdJ7Fd9kv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":792739,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgERyJCRA9TVsSAnZWagAAXrkP/Az4TQhu4aWeWawg28bQ\nEFGtAsNAMkGyGhP1lGlB5rYXAtCNVoqNZDwDJyaMFMk5P7epMxshQD2Jt1CQ\nz5HNA6UHQzs1ElGj9IY8q2Pshe5QFf6488AcEFXg+x+sv0Cen6+6nhQwpElg\n19HYmTdQUb+HuZmwBL6+lAuItQv+L4MXjxm78/C/yv8T3W9cODVLNkbk1Lqd\nA8cldzK90PrVQK/2Sgt1CgiBrnpdgF8zbZFaM1SDef3PCBzGmGPs9E2ryrR5\nQrJfg1q3AjqGvMNbD3OetPm8bPFnLyXO1zwTih/JsNGPQzZ6BIoKbo4G7h9J\nOwj53WX/ilENMxc/h5ybxPmbgzP8Zwb3U88x+1jLKKd8cryYU/Q/KyauwciC\nrH5yhP4iLXZF4ZxOSzPQkO/+3/otIqayCqQjGUthLxaq0wYZUAuWa+ZkhidU\nTARh9qcAgJ0muqxbNfj9haPaHkwCJYBTzwIbkuoHPcvKYttdTWVz+vU+2Pxs\ny3gOecpki4GXmGV00gP4dEl/IJ4FcMF3rTZFGCJjVhP9Ae0jqrAWpVLYQJa6\nTXhTMSjAlw6+hQh9o0sjVWKj34rk8+siCsE6FVSZA/uonjKVp6YEcEQq+wkx\nZ3merkNOG0SJW9tW4+avxYACawOUC8l5IH59dwAZKUp3dQfp571chHGD5WVE\nOs7u\r\n=eHKj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"0f995df329e1b82f1545cded9e90b7c140b5d853","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.9.2_1611734152597_0.6805892027503964","host":"s3://npm-registry-packages"}},"0.10.0":{"name":"@supabase/ui","version":"0.10.0","_id":"@supabase/ui@0.10.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"e00f626a876d734436dc1573717e814c08697098","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.10.0.tgz","fileCount":154,"integrity":"sha512-VarGah12Lhn6hDQpgzxmD9qfB/5HP3cGEcfZ70qhSpvZ8UYQ8tcEIzeyPtKo3qn7rh7lS06zB60M2735LoFsOA==","signatures":[{"sig":"MEUCIHBb65wYg5Hz2q9VbbYyq1QirjkQ5822WbaOSr1SnaBoAiEA1/nDUMLJmebu6AkioWP7wbZS8HdGRYWDMiO9r+hJBVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":822242,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEWRnCRA9TVsSAnZWagAA1qkQAIjjHiA1sMQNoPvbC5Bo\nirnG1uBhoKCNTYSvSXWwA6wiJCPuTe1B5EN1g7GCX4tuCs0C1HL16CVFnTYf\netXCRg4xtbR1uilMJABFZg77FMh+9/LTozrHsm/tUjuTJEZyi8A0pv92+WUB\nGNMQrPzkMRXob2jqk94egoBsnGqQskFKXtJawNihDnGvgdPf32KGOVceiMwt\n4MgouwJCAXoXA9bG3hJdfW8Orvw6GT9kMijqcSSEJfW+Tdl4Ay5cS2Qv9xL3\n32VFWOpO3xe8nb91QCtif6KLr4YwDvcdJq0RtkOtTN25zJKWYDqYB3Yrl8Bb\nMNu5cVA6UOjMRw70lNhkNuALAAzcfxekSSF2UtDzmGAUmNno8nXdlYq/LlP1\nxmZF9RzVhC+dY29uDDaRvhKlVENlbwXV+C2ebqrj7pOIN5zIOdiczKyUOkoA\nkIsejp9YAV6eZhlfkbc51tBP2Wy00g8XseP9NpC+jPmJWxOXetlvUttBOKmo\ni82XcatrQJDsgDAq3yXAlKRx7ckIG4gEOyD5K4j+NQzVfQma8Hei9596O8pn\nMm4cJ9i+V5qrNJKDuy22FylUO9GQol8y527Fm2R+Xl8iYlmk9+oY6K8sadnf\n92Fa2dy70O+1YKITh5KZpyVwkMIP2k9hFEYVMfc+qk/e8JoRQQ65FQ1anBk0\nHfi9\r\n=C4nC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"514386a1f87ef44ef5afa57fbfbd68e9f7806127","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.8","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.10.0_1611752550748_0.3773230183011409","host":"s3://npm-registry-packages"}},"0.11.0":{"name":"@supabase/ui","version":"0.11.0","_id":"@supabase/ui@0.11.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"80a0d84340440ebd3886adc4a4a0045372542dfa","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.11.0.tgz","fileCount":154,"integrity":"sha512-1xhLW3uYX3mRvNqg+aDP4yEezxltv627qH7Kl95FvMiiDtat9dE4ixSWIBWOlRC9R/yc8tECXpPJWsFPDjbS4g==","signatures":[{"sig":"MEUCIQCveLqrjpe6TrNOr6QrUcIu7FE/A9oUuMoiYTl6VOO4AQIgWuleFr8aWaAHTlM5fJ4+DO0uQ3LHQGra2Npyh8F0bHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":828751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgE9TGCRA9TVsSAnZWagAApJ0P/Ay5WwlElwZ9Upwlypfx\nSLEfygFuP879bLFFZceWMuE7UKRCUU4D+Czxy1HkKc3CN55za+TDarLi2SyS\nyhKoVRdB9C+zCFeFQtxT27R2+in2eN8OUleRp5BKKNY8TU6lqqnFmvhGSroj\nT9KfbRrcaxf0mI6ED5uvMKMgoF/2LYaVMgiC45KyQCs6VVXmW4N5OjNL4Fsb\nS2TuOrlT6ZMrcXR42YiVpwlFg1wtRg3t6tu5iSv1o4OsNLt/Zbrt2DpdDXGb\nK9+NtEdmP7R9CfLHLGVbTphuptUPc946nBnpunnQXvkEaEkKKUAgIhfezqr9\ndw0oFIjA46H76vLPX8V/GRUvJSWVNYGi0+ihtV3HkcNIpFF0OUzGJPnQ1lJc\nWWAO629QX3wZ11SNA09WQWpa97s7m22fo5bnGrDUKMtrGvjvUT5h8/jtE/Sd\n1hyio3vE8Gn+o0GweP+MFK8KPUBVN8U0FsgoVp1VYc9RmS+iucE0IbatVaPe\nBC0kWbkODN0zRqYCsd7Ql6OzHr9zD7HInYziv5K7/c3NujBRY6RjT8DQfx7U\nNAOgmcTjhA9plz0a0V4+T03rlv9/2OMyzmTqNY+lRLdMwLj3ZiuPAV3J/HF7\nmyR8Twdh32gZ8HhqyxV3L/eHVmsRYzPt1s05QS+pYA+9Tt7mj5gG16WXKuuZ\nPjyA\r\n=6MLI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"48ddfdda7b6ccc2d2fb123445e63deee78295a7f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.11.0_1611912389949_0.6742818681690477","host":"s3://npm-registry-packages"}},"0.11.1":{"name":"@supabase/ui","version":"0.11.1","_id":"@supabase/ui@0.11.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"9f54f1bfff9c5d0b7c4b22f1ba04c3f262e05027","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.11.1.tgz","fileCount":154,"integrity":"sha512-rpi8YcZ9V2cQExr5UZwSfQGxcXNA2eRCs4B7xFgMHHl6lywmeajnBNpiCR48eBFslixnklpOK+3YRO4ltPFD8g==","signatures":[{"sig":"MEUCIGxi6sxaoS2qthhlxY5Uln6iKKWIOsT0LaBb5LT9GMZAAiEAlSh+nJFsvCw7sItjhbrh2IsxW9XcTYkyLVxgcYFq/0Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":831273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGS7UCRA9TVsSAnZWagAAQ/YP/i2uC1oCrMeMpePZA2MZ\nY/oxkcdCDGB9sDR55Zj9xb57S+SiPV6rosxoSyqbnqC9y74m6Q7qoPFv8mKc\ngCdYZhqFZtngwW7Eot1AeG+uG01ZECS5APTr/7m9Vc+Y23beGSeCcygGTb6b\n78uEafblsz553h6nwyjGA1QWD9t3e9/Y1MgQ55gw+FQ9VscJSuanWFs1/Om/\nhm4EADU80vAdVY6itg9XYGXKsAJTJ3mwhLrkFilAT3A69DZlO+XEzPIolODc\n/z6mK9ojB34C3VbSbYKPvi6g9Rx/nDujM8eYOTgK9JIoLTKQKYYEytgJ1BYJ\nGth+w8lOP4TRSBVwvj/2tpNvexvXBdSVvyIBzC3HAGFM48O8o4BaSBaB4d6q\n3bEMJmGMU7hwfHADh0Iz+cXN1iojhy6XDPPA1mL5EO1BKj+J+VBFnVICSoBd\nhFlC4D/5bCqy80Q8sli0Zst6FDweYIXxJ5I8Bi25o3U+cYKUYjM2XxnFwLgj\ns9i4srgOn5hLWQLu0mJfIS1c+i3cTzUZlG7/qFprm3WXjUpm8VKZyRgBqFG8\nVyvHLUFFDnM/y83OnxQ3WQMkFgZN22SyR0bzsvvkepsUrQXgCA76OTxCZ5Gt\njERNM5hqKR/Kdcv/QRV1kWafgr63n+p+3iOszAOJ30c7TRtbmzxEjdGxMVi3\naPYH\r\n=73hb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"1a47ee756bce6f26b39bb6af01ed3b141413d9bd","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.11.1_1612263123195_0.4516003801691906","host":"s3://npm-registry-packages"}},"0.11.2":{"name":"@supabase/ui","version":"0.11.2","_id":"@supabase/ui@0.11.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"fa2ae5619a2f9a914bdc5d0c894c8077333ef585","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.11.2.tgz","fileCount":154,"integrity":"sha512-zYORDXazmVjqMb3ZcOKulGFWrBmOBnxeaTUDhPI+1Ii0vUnvP2QZzfYg3AbdxZeDGb1gCtO5nevxSsQHhFGfIA==","signatures":[{"sig":"MEYCIQDR390fhnMJS63U7+9MCxuuHiAHXGh0DWrLfTsRubuvowIhAKM3yLwJ1JuAlnQ9cHFVTtj+cscv3ukAgbGoOuVLOLcB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":831356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGULHCRA9TVsSAnZWagAANDQQAI3ILZS9h002TapC6CzV\nRCt+0SP4YsTVdJcNN1inHmLox+jX98oggvz1lqY3D0vpyZFzmZu6g0D4UElN\nrS82lgCmXReqJzdWek4d7Wiijp+QkEtdL63CorCzvc8Q+460QeJsYG29D4c0\nu9m1TvOZf5B0Ukgb9ir+MYcGB5zSztYKqw1uh6kjeultSPUMUThBC3OM5ZyH\n6v+eMF1M3bOTmvUUQ4bbpV8D32irCxufqBkErdNR9PAOyJlJTG1reXKinZQH\nzhopDz6Duw3zoha2XiI2ebgEMPeWBs8EnUS9glwfXjkhliRJ2Q56ztwjoBAr\nB8pfQHGdjO22L/CfngGfez/JmlX779dzm6wS0clCN3g/ACYmPBprg/YEzcm+\nfD2+1t5N/Y1Tcm9Uo4hjZnHNa/q43FarC7Gcog6+TSZDo45EMPf04HYIr+MF\n57lnRdmVVh3xYvCtSJN8iTtzWyv6A7W3FOtv3hZ+6U82Psm4nvqJrl0PUla9\n//wh01vmVKRtaaM7mluHRvwyHCe34CHk0wOnhs14WFl3cNhAQRgNQeN+GZ9k\nuAuFVt03cqI7MSXKLzaBoODHPlpPhTnZzz0OMcx8BGzKoq/33TsfW+v683nA\nMw9ZCJX1DG2oJ5np9/BJlWvumx27ZxN7SXE6i/Xku+HolPV5OSGw6CydKsqV\n3Q7C\r\n=AZJC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","source":"src/index.tsx","gitHead":"0b94fdd0f52b441a48c7a5dba0a53ce8b5f59137","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-feather":"^2.0.8","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","rollup-plugin-postcss":"^3.1.8","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@rollup/plugin-typescript":"^8.1.0","@testing-library/jest-dom":"^5.11.4","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.11.2_1612268231283_0.8739510792359257","host":"s3://npm-registry-packages"}},"0.12.0":{"name":"@supabase/ui","version":"0.12.0","_id":"@supabase/ui@0.12.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"4bb070298b1637ea28b8952a6fa7981dbe3573aa","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.12.0.tgz","fileCount":731,"integrity":"sha512-M/mL4DIK5e1HPiYLuc2UBxt2R5LJEea+GUW5DjPzqHrE82AilXdP36yhgEaEIxXJNahJZx6sEOejJ+ZHk64jjQ==","signatures":[{"sig":"MEUCIBeVK+Xvnh6YlEep/BFtRzANYBePk9zgdl6zXbb1SkLUAiEAzx8PM0A6NWsfMebd+ArtD4g6eXqkUZT9JsLAayJshSE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":456557,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHS/vCRA9TVsSAnZWagAAjOYP/R/MNv3U7dDAUjtZ28+j\ngRPG7qlv+fUxYjYOBnLTCi7YKjDjfsx4uc0r1LTjz5k1t+xHfl568SoWAGlv\nHtpa1WrRmxQKoluf3RuAf6OnVBXfViYS4nG+QbpPrwqcOIrhKpHI2jMdW0q4\nquG387Sl/mccNVXzFN8Q6lwy5dtd2n9G+lBStVgUmByq2DUdUqzlQxvETeMj\nWs8SBHRmqLaaNT1O5XpJhq2B4J87GNXvcZBnOzc421iUzzYFLzuDpS1ZlFRK\nw7tLtfgDmzTVRjZW9oMRdKthBH8s8bAANCXODky28JLbKkI9/CPEoVACwnlC\nzQ5Fb3ZTqdCEXBO5OM7GzQhDIgQzfUY0rcxdJLVJLNg5d8Ze47/z1ckSoESE\nqznD6dnd/afdC1xbtfSlCcag6lHXwAY09iiHPl1utT69QWWmzcCdcY/jadvP\n1XvkFOSC9XTdfUm5GGEbIr8KfR8zZN0GTgMT4jXNU7U/cjB9JVp0VAEDa4Ut\nvkU5H0vv7sLpui98kXEOa/UQV11GdLB8l/H3UVyS9WqtANV3iVAJqKo1iSYk\nzZlpxXWbjNEoASY22+opHIVk+4YgC0z7+5SPNdcVJX8x+HnHXMfQbvGTsng1\nv/OFK3z136wETq+x4/Tf3VlKLeAxCRhXnlYnIh8FLT4Q+5f5B198hxJ0RV3q\nsXTP\r\n=b1fH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"c71d67acd9828058e130bb033a8bce805113fb3b","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.12.0_1612525551205_0.8704062303319107","host":"s3://npm-registry-packages"}},"0.12.1":{"name":"@supabase/ui","version":"0.12.1","_id":"@supabase/ui@0.12.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"2715cfe920b1d78e05fc8cceb7b5b3e2091f409e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.12.1.tgz","fileCount":732,"integrity":"sha512-fnQoxx8ms7xo/8cQ2jDjJFjGNatE76dizrJphFYb/xDl5DogmVEv5OknbOTyb7BQkKJHbM/I33dATS3ktfaCyg==","signatures":[{"sig":"MEUCIEprcN82O2Iu8DAucKsMBggd7isXkE3MYyya+Olz4lVmAiEA41q+XUCzZSeaWRMkec3/57bs0twDZqT/WMZz1bYoUj0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":458455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgH9ZICRA9TVsSAnZWagAAJJUP/juI9YSuKSPXZqtRv0qA\n0YR8xpnrWe1UaKocY0yCZWN5OnobuFq9KKXcycADlm/goFwZLAeHtvaQq5lE\nYKro/0bamsBBJsjJY6U7aBqMDmlVLPpW2iY7AtE3oZUOa1OmAudp2klxb3FJ\ncSQ10oRZcxciqkDqPypSqYAnxQGKGa1pvhrnfyN37Snh0kNq2XfMOgsam1dp\nhv1UaoIDNZaJD79C5sW12yu0cTilHfoqjivb2Y14Qtc2nppOijpowUei/bZG\nV1EXyFoWBd/Atg1A88jbPvGpyNCC9YGbCOhPSs7ZKBDmax6T9EPARnkwJYkY\nu7iXvi5lBn56JgrP+DXtyHcFtE9Vpqm2j64hW4SWC01tQ9vu24xpipoRVnyx\n8KLGwUylpOc7E3gIpZ9+IF5eINugEMwOEOcvzQC9dTSfxJWZPGPIojEC+Mr3\nLHyhVuIkEUDfH8lx/FcP7addxnfd44IyDt3EroueHWiP+5ge92gRx+qDqFEb\nJMX8wNgK3nc/v6S9JbAiUvTlhYCsx6XJwGIRa6UFJCqolzQEA0o6R5LYkuTJ\nrI5mvBDcpi+smuvMvRnCBYwuoEgdu6YL7R2OGXV5RNVTQNO77kwIJc4YIYw/\nuA1EdTgA5XO9RLoawqD94kfpQA6sOszXexZUUzVRbOXM78Ec8vpuuYnABjrl\nBMVM\r\n=tm0C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"530e1cc699a52ce92390f25ea603f0d8a2c9acd2","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.12.1_1612699208185_0.13408874535796356","host":"s3://npm-registry-packages"}},"0.12.2":{"name":"@supabase/ui","version":"0.12.2","_id":"@supabase/ui@0.12.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"9492fc5db2dbb813e2b214d4d5ec03e1a044dccc","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.12.2.tgz","fileCount":1246,"integrity":"sha512-SE618Tk+9MoFqzHoh8DtFW656/6Re+mbiYR6sUYLbmzgmITY+gxsDLR0j5hpvVs/sKKc4nSn6k+yM3RTFgbJDg==","signatures":[{"sig":"MEUCICDNf8xg5MPRKpnAdTNZ+u1fblOibAIfpCJ/BDySduabAiEA4DEVMlya4F81BmmkEPf7y8fN+kObRxNsIbT8fyKIlP8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2276087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgH/zpCRA9TVsSAnZWagAAHBgP/jnxakV16xMnj3Wcyq5V\nm0G5FyFeaQhVN7g7YksDMrbH9BNUi+cfkREruqyMEOy8n957BGNBWVvC7siI\nYKLp+ZL8Jg9Xws2JASo/i3NsfPdXCeoFkCY+nq49tFk1DpM9FBcMUUXUJ1sw\nBE9pyhSGuswjQMRQdNSzfEV54rNmxnU3H5VJJ3xN5ksHpZ2aMGUIsUj8HY69\nfhpGHMnmC0S9zn11DCEv+3xY9OHsRYcsAhyrZabzd5nu/ynRNiKSDtYHuUCQ\ndtugYsuhrHcM6aVZZihfl1VVgT7SxUNlKKckcdERtGkRlSuf/j8hlmuZM1rh\n518HBrH0oUdfT6WPwbDKrl49FZKObisF0OwN7L/glgNx7aAnqsD2SVpVWVX0\ni4CibWI8o0WLFaBB3+EsV/AdmALdciL0fuMYZCNz6nsi4BfI7qACdox7somu\nEd2TSCDZ5Og0fRb85AKO6bQt8qOcWW92fGmPPe5TbQ+fc6EANL+psmu/e0gC\nEorqh0wdFr7Q+kzGkCfIZ+A9ZNCLKlGTkEosEkVFzVnhAO/k4ba9ZwCoxqlB\nCm1MvZvVDoix6RcDdDVaubNPU3DskcctzSmskHsrAN6qvhK4/O7qKj10Wfyy\nY0joeuHL3W79A/64ehQHABreb1iqeA6340biBskPmrIhYNL7wZY8kHuxat4p\nTiNd\r\n=XT8W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"d831cb09b3ea1851dbce60060461b01b98ded71a","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.1.4","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.12.2_1612709096777_0.5728248136067058","host":"s3://npm-registry-packages"}},"0.13.0":{"name":"@supabase/ui","version":"0.13.0","_id":"@supabase/ui@0.13.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"b448845f541c9c430794420cb660a1cd69495687","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.13.0.tgz","fileCount":3508,"integrity":"sha512-i+Yv8c3omRx+F71V7op77kuY8PCnNMHskEk5I/M1HbmN8YdcfJ7tMr7bF2KMxvYzkYnHXE5hKTlHL/sQNQV5XQ==","signatures":[{"sig":"MEUCIQDPQBrrbxMTTxViWh5Hyo02fApv9ph5jgOmtCIlZQs02QIgMG+6Vr6d7ybAE84LNjVhGdyOL6+6QAGNfGpX+761Ix0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2674138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIDQCCRA9TVsSAnZWagAAyvIP/jcrmrYmSISDfYRKdlGV\nDHeXEC19BYghT8RH2o6eRb87y+5OaqguFHIXsJSU6CGpcdC7O0zx3E5vkJPh\nz/6qk4mC26dzcBM2XFtZAh2hk3bvzpGsgBSXl+nUcctZH/F4ekDtq9VZosYB\nlQrFEvX11whRzAOKD5Hf/R2aFR5Jmohjd2GCwebPIUPZ5ODU9QH0EK0Kd2T1\n/WJpAAzFjM29yNBCKQDfhjboL4FFZjEDkTqv4aPRLeYsxbRy/Qpf85kXz/As\nUo5OC+dxV/I27gEo+5KPcIJhTlQHutgKXGpWxfRH+tIBuyTIkP05prWWjNzi\nXT29lu2tEs4WtaN+9aKCOzBJtaF66mkZgnnJ9UxvKc5wBdNBLABzPUX3p92R\nLEu3iCt5ib5Ws49CJSWhx2Kc3sQAoPMfuyZ50tmNepaLi3YizAXA+x9pcQul\nyMYfhgUhCkc4DawtvdUBdjV5UATa3ma+QqJenlphsDRbJsPv5uodjDpU+Iv6\nn9pem5LekzycERpdJ+6FGV3pOHadHl/uahOqts91G4f+fhwLuyMkYvJ8ba5R\n6X8XicHmXQayop/V0nGmCZA0RR6xTFRxUt2VoQdb4BoCxorIe5Op1cquLFFZ\nTygpl3O0WE74VhYFAZm/xmI20vaZv/+jeVCF/9OrD37sQmj9fcCZJd32qWFK\nBB2V\r\n=GXiO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"27e275e2f720ccf32b228b974b7c51a77324fb7b","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.13.0_1612723201623_0.1579380212243262","host":"s3://npm-registry-packages"}},"0.13.1":{"name":"@supabase/ui","version":"0.13.1","_id":"@supabase/ui@0.13.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"fb1fa182087206e28f5460fa88551ff178ff4c61","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.13.1.tgz","fileCount":3508,"integrity":"sha512-23geFLaY5rD5bOcm7kh/Ki41ZAsveGFtMnjR8pZrkS/XQuNcQ/uxkJB2nRVUtoOBvlklBsICblursOIjlAz8Sg==","signatures":[{"sig":"MEQCIE+bqoJHAm8v7Q2gDKkOCVNnFLOCoeRWOG/fA2Lhe3viAiBFb6MK0TNb6TlF6WMscBmcf9Jw3xNmFRrKt2sB7Qs0ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2676151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJN8lCRA9TVsSAnZWagAA+mQP/1mDDuHIRc2k+3hBsPA7\noYY02g8VFCM/rE2mCkcJikIezTV0rbZMK4sZXLnI9ID0AXcbv3P2QpAuJRLt\nuEB89aSB5bOyhEus+2WkgQd+C9rSqpeOsWP7SLwCqm8++Me9bzF8OTOaFiau\nCJ7wloHUz1khbBP1STmQ82Fm6TE4S/S1BtnVkTtunCIKZSLKUzIveMOn3rjS\nZ2JRslriZf5bO2LSgi8uI+V6O3vETc10AAo7TnLwI7FZ20uWmuW8abIhVZGi\nLoIHxPrse8TexCRmzP2LGK8Xnr2WPETFaHzM7XWKZ/be22FvqxiHV1ZuHFDb\nzyZrGPeQrSWn/9ZHUCzT1/4Q+aJ+n9r792N9pmlJQCHoV26IPS9M6EFqAGQh\njCGcuL1PRdiMUI5kcMhNrXCAU3GUWGgkga2aV4X26h1xr8o318uXIuTApkQg\nyQx7umg91fiAjxcQZMt0oTOJ8PBRc6mvPL2Gw9FtGytht7Q4hdfNj9qu10oX\nTxhsCYa7J4rkN9Vyo1UhUrXCwO/lye40F2MzDjvA/h85gVLTHvMz9U9cdarj\n2DJ3bf0oyl6wcECOQTCzIWOnHC+hMojYWoCV3MxZCdgYa5dBvxhXx7TJKhNy\naJPKyyLlujsyjrBgeBaDL6gPIpsgCxYRDv7wXzAjbaQSdQKAO2eHaVyOMRg9\n1z3u\r\n=uvNy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"91baf0b549717c5b009e0bbced3427c404495266","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.13.1_1613029156830_0.17979735489528048","host":"s3://npm-registry-packages"}},"0.13.2":{"name":"@supabase/ui","version":"0.13.2","_id":"@supabase/ui@0.13.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"70cb64629f19255de932b593af7f5f48f418cf91","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.13.2.tgz","fileCount":3508,"integrity":"sha512-kr/wM/eiXJHqP7nljb42DACX/VJLTl1zIdBCWFjkpmU9bXg6/DRTX/8BRyZiR/luA3QjyW93s5HbN6SE/IiJ5Q==","signatures":[{"sig":"MEUCIBQ2eBSPFxGjtKSQS8MdEghjaa2UyFcEfMqX4LgkxTsnAiEApoPZaGcaeaQDd0z4dhFBOin0+4wChDXjLm/Lz6EMQMs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2678097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLMX6CRA9TVsSAnZWagAAzVMP/00xOcquxrAu+ynIbWod\nSRfs4Y8U4ve6eGLcn/dZFHxWoNkdAxwW4YYyQf23jvC31PQjQA4Konihtrx7\nzQhsdgP1/+9vD3phOeO1CNsDbJZwjVKzd0hamGs37Nk3jddd/JyedasjobTt\nuRXWVL8aEck5XyYei9YPYfjioITxzKb16OkU9x02UjWB8lR7Pq+mavtWjkcE\n0i5VF4vlMoo8ZeHq9JhNhbYTcnYxZPzsqdv65kogpvRq+7QCtfle30B9R6m/\nBZ96nCz0ObB7Ha1m4bZCSa7eqyBo5NlPbuIKdRX7zJASivtGTeYwHD66Buuk\n8P6gladUkA/xOx0Px9/8UClsplKPmiD3Wn8+/AW+TmJAzLNilxGnwHyIwN/7\nnvYanNbC1dATB+NELklcSTvP1/k4Zm7luBG3JXhgP58VT1neKUgHmGJtUpKE\nNjwq9UST7X7tfsUy2jasfIIGU6so8UVUsgC3KSFMnxCYbT1UEt0S6KDslTif\nmIKnHr8ElasbaEvO2l2usBBfXzUHVHJxAMEkKLfYL0WLVZX3KE77C9IFcOBY\nnBI2AlY6KfKorO8tf6H8FDTTX1ShtkhprKGCE/7oFflq7kYcwxYLzDhsNODM\nJV1O+tFxLrYaZdGuqRlp9pqsi+TCyi3laozEP+Va97KkMNNySaiYcWUX53Hv\nIWNF\r\n=tGa2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"64dbca35ab1fa79ccbdbfe24ac244a3bd449ec19","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.13.2_1613547002088_0.9273548608414999","host":"s3://npm-registry-packages"}},"0.13.3":{"name":"@supabase/ui","version":"0.13.3","_id":"@supabase/ui@0.13.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"5aaf308480ca72f017da6e980b4dd39816ea437b","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.13.3.tgz","fileCount":3508,"integrity":"sha512-f6KzaO/VVvsmq6BDS8UlM22UXKQB4L/atBKHdSXEmh9yrq3qnn69zOdk4TVN2bKz3BnzV6fuHXCh43dnWQ2Fjw==","signatures":[{"sig":"MEUCIQCroVCw27XzaB1QoCxoMUvKhk1QOqb7ElYtyazysvE1ZwIgFVVlaSsd2RF1eXP0Ll1xhDK8xrH4UTcLaty2AKcW5vc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2679605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLPMBCRA9TVsSAnZWagAA3pUP/2iFDSR16MlUkvClot/g\n7s10Dr2M/p/NAr8xB8LwZa4WfZJ+iKyLo4uU4fbL0PPlcuiiQSKsgK6bcsAP\n9QnToha1SPDamCznvSAZEEWbJYSD46gqtfmZuJx5f4zOOGYNYtHXKDDsYQeU\nS9Fa+60c3VerDB1ZtNQgqFEOCY31OMslvq6HSOW2ciZ3G8B5hMRb95anGS2N\nXUMztlQ3vx5XFC5sC0oYocfu9gspc+SExihOn6ULuZrdzAn+IBQ7tYbfMPLV\n/5TdUbEklRwjFRScNHBBfrH8Xa7ZA7vuh5UPjyMvm2xbmCzi/Puz7rzqpShw\nPvVX3/IYHkupoDh5vjjiELmkc/ctPhgSaNHgOCHbDtoW3SQrg51/S0VoQz7M\nedLb/3JmsQ8sVJwyBpFtA8PMbWQ7mCyGKc4kZN5KS957FY9QQVWkukqy9rvz\nvv/+GtEhK1d17FpnK8Nzcm2Lw8PBoOyV7kbF+EUT6/0fO2//3aD75vexqCW8\n2p8Shyq4N9ti4X6YS76i417qgWT93f8+cO7SxsNJD25m99/3slFlYGP6hcdn\nKvEsTZpGyetcOqVbh2rB/YInOEcDrHWL370FcCuqKDy+2+XmQ6Nun22Ox+T7\n8rD48uAL1nZqBn7x8DUgJ7aBBkNUWBO0et1hkkB30OuZKLXEqsEZZ5zhFCdJ\nxLqe\r\n=rdqt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"eea28291b25982ed9fd12d89b7673fad54bf8a77","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.13.3_1613558528473_0.43635083440023403","host":"s3://npm-registry-packages"}},"0.13.4":{"name":"@supabase/ui","version":"0.13.4","_id":"@supabase/ui@0.13.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"f4fb08dd5eadbbd509310ed9151401f0cbae1ee0","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.13.4.tgz","fileCount":3508,"integrity":"sha512-A/Bf/hhsN9etIc3+qicMYoKtLDJanvBY1ORe7j2NY86FcDzgxCuuQgCaycTKA3in9/DuXn7PvvIsXESjWocKvQ==","signatures":[{"sig":"MEUCIQDwdLGU9IEUOBxIAVgk4Olk5P4QBCE5HBrpurol7cPF3AIgW7Uug89Uj5cSVdenFWZDOhI8x6XK3HOkXwCjCtR8MV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2679790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNdCpCRA9TVsSAnZWagAAILsP/RkH/vyA5srZdCGhrvYA\nXyLQumoLJQwi03lnL0QQcZZI8GMi3cqGXGZifjSEkGVW3uC1YQlsL7AxSw+P\nYAKfpymYjS1lDt7Cpd/rU/Sy4nNaoGEmvZkA27ACO9+8Nhw5qYTKVR+CuYRB\npsCD6QzbD5rjUnowYGKqDEB8sHDbH8F1JavgDwTRWdq3wnV4BZq4XmncCKjI\nx1Mo2/3fml1uCVNuYgaejNAwvCYNU2fh49wyjgZH+pdKUccKyJzzwOF7PQJ/\n/nM4nUIG9/rZEqtZN1y+aNPH3Fmf3Lx3Lvt18julgHNUBwed/Us04zX7ev50\nSFW5092svVOgABNTM1MTiZ6nRHsGaqo/OeiP1J7EWdVqWTEGTokL14TdiJFX\n3MY/S7msBnqKICdPkS2v+T+Tgmsr43z/ozAcWukVISCQ0accF7KkBPBCsXtf\ntkgWZbhnM/f/9IdlEvaAS0tsOjzKpPOEsmgziIlZcnSNQG7MJ71wopl9tL8H\nDnrCEAHlWYGXhrzPVypGCVGyzh+BV4v9H8lFmSw2U5tgEkG7rnt5L2gSr7YP\n3+buVdfCSIZhXROA8Tgx/gxmdei0bfPSbAm0+ZhZ3Zzu2mQAweDOC1v1w1hu\nwjCSofhn+bk3irlljARVuPh9aB+R8jG2N5GjMh6RJlpM9prdngegOQxJVa1v\n0pCi\r\n=6B7F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"80baa03ba4d613e8bf2c08befb1edccbc5d68513","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.10","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.13.4_1614139560236_0.6929107860332073","host":"s3://npm-registry-packages"}},"0.13.5":{"name":"@supabase/ui","version":"0.13.5","_id":"@supabase/ui@0.13.5","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"5159ac9a1640a49e9fa4aa268f388b4c0ebfa989","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.13.5.tgz","fileCount":3508,"integrity":"sha512-vLaK7+dk4U+6WWLrIUJwI2e35utqOOxB2NyZgQQnOWSNOdfaB6MF2Q0I9PoyVLzFuevv1nOuNC770HkuLlF2bA==","signatures":[{"sig":"MEUCIQCsJoyrYQ0PT91EAJWZ8Q7fW48x3MLJHcegOofOQkqjPgIgP8mSbzKo3waj7HPSgNUeeAfn2dSlS26N73lWgRe193k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2679934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNgcdCRA9TVsSAnZWagAAr+IP/jwGEH9JQQnz3QFtIrs+\nl2qIy28uGeLCIK85+E8qUjlVcBJKq7aD4FhNb8DFx2JZUHBK6SnG6qz2zh3f\nQVI4qqx+BXdxzQOx67OxhfcRSyZWCUSw5tKfwWdNRlehRmc8TVPXYS5Rv3ZV\ncUSguVHYqCGKhEWqU6qopV9XZRZtL6UWc3rTTI5zjmQXN5dV0kkOM56+2oJD\nTFxfDLRkS70HtOJCd66FfspTJYbsYPGU+bNPtAU0IgzcX/ZLXKhIrH44mrz6\no3yYH1VgUgmvLhRe324q/LWB45p+OB49sTB41OJQHlEZhwzvcm4+k5a5JS6k\nqZIlCcLnvVV+pMxfKvqg1d/cN2kLvAd1Evbk0HYyuBfcqh5v0DX2XOrH8TQy\nR9COL1FQcJ56HvsQurmPDV+RQ5nNCzXfMmJhy21p3UXoS1QmQzrbI/QPLJvL\niAUNlZDG26gvJwb19ZX76JnC71tLnf1DteivlmhYk1sCVyEkBiK4QJGixtMH\nEpqkhyMz1EasaxbI41TI91NpywquEKETPHM7gxGUFGg7vOxBQmEKnpzwq54C\nDxkFsX/lPcELeS45FWIL0cboxnEwxbk8E1mq4ZZngjCEhLroHrbyzQCBFWdM\nVjvTe4WUJ3mFBvO3G7LyIv8gqdY7+f44pU51wTa2p9OWmWM0D4CbtQlXb/+1\n8PwK\r\n=jQP0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"c557285fd3fee6c10c6ce3dd498d74df19d44fd2","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.13.5_1614153500614_0.047669049472542246","host":"s3://npm-registry-packages"}},"0.13.6":{"name":"@supabase/ui","version":"0.13.6","_id":"@supabase/ui@0.13.6","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"7507b1758f427768999abf39ee8c39cb9841a411","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.13.6.tgz","fileCount":3508,"integrity":"sha512-9RtTrqOk1ybY+rSZheFd1Bk3z6g1YDV3A7lZBUUoTLq5trQ0YFVvyAqNPOrpPBggt2PhdSSgDMz12a9SFQ4OqQ==","signatures":[{"sig":"MEUCIQCJHLtXN94YgiASj2laarotDpUALG/gseRn8eNbqI8CbwIgM3X1k/nCopusSTqEG2vslEYHDAV0iTZJdTEicn6UwJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2679936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN4sRCRA9TVsSAnZWagAA0bIP/2egRBJivfXX7wWN4ZYG\nYpr0VJqARbdAjyso6FJRNZrb0856aq8Cje8uN5S5tVSFyw1XwKYINVKMCXIv\nnrSmxfqQBZWjPTd+lm8iODUiOIuHdNC3e34kGtjKxUQa0ZZfauWa+yeanpEd\nH69gyw09inu9Lt20kIS1C+5IdghbhEOdJejHsTYIqlAyRhMuIh0EiWBYY6N5\nStLZMrD2N1PIdz4uxQxuniWuohQPgT66K3XrSCEvQofcspErp5D+h7zojRSb\no30qMU/K043AqR42azeNVwAU5I47l54s78M3qohSuCDHALB+uixMEsrehaRX\nuFAZa3Pkykm+wlKcne95jDgYY0K0rn1AMURsavUJ4vhPVYBqhJ0hz7Asmvgt\nQzo/W3+sXXYCjqsOybR9ID1rUJL7byoprw2q5GwT32rhI8vtq6dacKJ+W0C6\ngj7jFXf4KaWWNQ9VZ2g0XfbL/6ulCsl8mycNAa/uH7cAckIbqY9UjDPz2fhy\nE14OMr1EDk0ryWXBt1tamrGQKPonfeiaE4ooj4mNuBCiJ3l84miSAR1nloIC\nGUdGPY9v8X+RmRi51sdyQC3fu/Xz28C/CzIXFyhegjT5nFy0pyn+BP011RgY\nSGvNaP+gP3jAUu3hHWBstJ7S7wdKo0cXWJbjIUQM5GW1UJSFJ5bp/bFcZzpK\nh7jK\r\n=Q5XI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"f2f7c0f72ab628508a385b39643bed1d78f8645d","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.13.6_1614252816422_0.15503524712987082","host":"s3://npm-registry-packages"}},"0.14.0":{"name":"@supabase/ui","version":"0.14.0","_id":"@supabase/ui@0.14.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"f5b3ccc9205f90ef9c954e8fc00bd79cf61122b0","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.14.0.tgz","fileCount":3196,"integrity":"sha512-/ND45BMwq/QefYdjp1UiMNl+kG1ZC5GpfhXS3X0cyuGjkWPUKnmQ55p1ll7YlqV9SnhHsWJzW/Ww8VCrUcgfSw==","signatures":[{"sig":"MEYCIQCns328RzQ/yYWhdDFcjgh2hT5wvbuLY0BbygaWpYXzjgIhAIU/nesQUSbpy4YVn3s6P6020jNjhcHTD5t3420mfvFI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPkmeCRA9TVsSAnZWagAA/I4P/jrEQlzJo0sQCHKe0x1Z\neApq1VCNjfL3b8r6yiWFWaLumuhCkzfJ3ia4aS75qIyXL5UPoUiI35yuIi/T\njlPLPdksNk6toPcYyH0tsx0rEJyeu+fga9/FF6y9MWo4eHhtNv/z8+zTRqEh\nxDc3zV7BJl0MwChntiObVFgYuMmknRce1OYuvxUllMNQaId04iiPsnlhvFOm\nDl9wZ9MNdsqj47SoUerDIIazyhJRKXQfBX5l4K1uyK15Av37r/VVtIfcRP6/\nrBo24m3xX5n3HiR4x5vzhUKQq3AbMBKOEdjofydaxSN5qG5UwsSuu9iCKwH5\nAf405sONxoCKfT2n9tj+oBSdENMnyjDvI757IRpyk55EwsYvA/A07CLGiPVj\nYs8utepzEW/Roeb/eQzuilN4Fi7bozEhNqxzUqR5f4o62ScAzKaYbO+A2/V8\nIpPIrNjMvO5X/YmSAdCxbvcJtAgCFti4ijpNWlzyfQCDjo1W2iEDzURhvoOJ\n13nFXQ58NOe7fzVnNCASQyJ9wO5nsExLqMdyrg/Gq1scaMWoll9FKhk/6bBE\n5jxYGKVtrgwrj3eU4z5NW+29bPYCV8yfoXX+wjRquMSLuVC194v3g5IJOyys\n+0JtLq8ZeLKqc8dK6GFSONUu0bs65b2WEX8mNkeRvZLs60QxhNFDGPeP3diw\nymic\r\n=m2to\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"08372bdb5ae88cb22abadc7627c8f1d6227d6c6a","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.14.0_1614694814109_0.8121731484720163","host":"s3://npm-registry-packages"}},"0.14.1":{"name":"@supabase/ui","version":"0.14.1","_id":"@supabase/ui@0.14.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"9d009f282f7800854b7f256590c472fc7c7a4e6c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.14.1.tgz","fileCount":3196,"integrity":"sha512-nliM0yRpfVjErq5ywE/rZ0tP2mizBBT7eX/Z/R6zjpI44uAytO550Nt9hvnoHLKU9L6h6aVDD0SpI6AW9aPB7A==","signatures":[{"sig":"MEYCIQCiZUACTypNJUG+zh4mtu8IXOHPjR95bpyaZYT8M3PFbQIhAKGlrfpdjsC6fUVMoSLslFopvB0ZSVNwG1YpvAAnhp4y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPmN2CRA9TVsSAnZWagAA3FAP/01bdJJhdAAQwVcPudlu\nvRtBQV2f1BLzlomc3owzkBfVqTfrClrYu5jr5zX1nQT/wj/kBjNmhLjMWWEe\n0RTsYK1cSmveaHv2KhYNGOXvYspVZ+/Pt4YHXILzvEsCyqI15WrzYkFulXRf\nTuwD1ssnJ+06ELx2s5R8dBadpPXPHDdjReaihIMEmj53OSkZoOXua4v6Il4y\nPfnhiOkNVvl09iCjW0khYzDU1bhqTXBUxmT0N4kfF5lffzbPaI87QaQNZTAf\nJFVy+slmYlmXSAfPBVv1nIHo6wfIAZ1WY6aUKz25uPuR+zqFhzeRWkXARtlz\nJAMy55nb6AT09eydQ5RLFNm/Tafk9hULnycG5+DDRgPA3HFMAyYvwUlvxy/k\ngaHJrPJkLArPBfgVzyIzJaBrTqL/CaNRYFvXYDHmZxYBKhKnCZA1twhCLRhZ\n2qPCimktVK2al74mmsNkggJBa3uAJ3LKbEXsW7zJvTP4bR+Vzyt8e5C+UJEX\n3daibYBV9A9J9+jAb3AE7tS3KLdhpQC+H23p3NO70eBztYkIZUjxtKUL5vvz\n5D8ufLb8NNQr9cCUQ6FG1rWrWbCjgHlGxemVGqNSjQOcqaKP2tXZAdodPXPt\nl5+O7LdYbygO10AWOX3b9PezDXiUMqa4yv6jfTuU4N4/ibPwVF6AiHE5js5y\nuP22\r\n=Xsvf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"505726cefd0830a30197d2799104a1d1b4871d32","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.14.1_1614701429790_0.2676995513280793","host":"s3://npm-registry-packages"}},"0.15.0":{"name":"@supabase/ui","version":"0.15.0","_id":"@supabase/ui@0.15.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"4201958d3deb6d039bb0c45045ce709b9805fdae","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.15.0.tgz","fileCount":3196,"integrity":"sha512-o95WZ+SGjOK81j/MZ4d6lC8KdySdmx9X3tvpWyyv5iqxJ+hAkF+yHDDwOeiwwOUcJrEI1v/YBAQRjgKyWmvu3A==","signatures":[{"sig":"MEYCIQDd9zsdVB96SwLAl6GAITXW7ldXWXKGOmXJNGwgM7J4DwIhANfh0O1+W3Ohifz6DFtx01wNf6DMDhJcdCNyR7abc/ff","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2573276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQKDWCRA9TVsSAnZWagAA+U0P/As+5MzhS0oiktebTa+R\nTIOx7TKKMdUcvsqZT5n4Xgl8Rk3Y8g/VNdYcLgq7ux6LU1nOFJha4QWAyFqk\nF2IROW2+uJS1WHBu8/xDiWJtQu96or3J97QBeWgiJQYHaH5QRMsfeOKX+gk7\nnAlaQUQ6JWP2Pf8reRGaWSl91xzTWTpG5V/+vZBWg3OoKmxK0anhF5iTrJxo\n1KMHakDwyeMZ3g87TdYyfKS8x7rJdB9BU3GzpL610xfep/1ISs8p3ZRwFFVw\nbnmZ/tVUpzYUdOlh55it28f8oC8qaORC/35dmsMYlMpUM3NNy7GfHWZU4MsC\nJJoZB7qD+MnjzFxI1SVNu5wo1BI5uc599p/LjNJwvQyX0XFyHzt2ftig3ASy\nSYrWwxXtKsMZrYYQv5uncrM++V15mcyhuS4CWsCGqYNBj/lH7vk+g8/Zehrm\nB8T4ndYC+WLWIsJJ9xJv1h7Rtn34bd4YZkx1xi2pVvvKAQi0o65gK/4W6/71\nRk79ExqiJvzasY4r6fdf+OqbZQjFaVBNaPzDvGDnQFwwv8MFABPtfzotKRYV\n7s7r7yAEVhRT/+v7fnFKQ3eSF+lSc1QA35qnn/wDhO18KVpJsOXLmWz9i9Zd\niiKNi5fziKu1zLJSErAkZ7LRw6z3JalfpiR48a/uTuU8Y/qpU7ugCQiRplND\nFVL4\r\n=blGA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"dce30336029b23860a0b0bbe3ce59aff0ee87f6e","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.20.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.15.0_1614848213990_0.9289712972622077","host":"s3://npm-registry-packages"}},"0.16.0":{"name":"@supabase/ui","version":"0.16.0","_id":"@supabase/ui@0.16.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"abeb495926e9a3f65efcb640a6ab0e3e2cb6e819","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.16.0.tgz","fileCount":3196,"integrity":"sha512-1X/mQ9k5IIbr8PDYh7qbaXclNdNJJqezG9THVqcsRAR5DTnla8IxSas8C1k7J87kwGo3wTo4FJJyezdjs7qF8w==","signatures":[{"sig":"MEUCIBNyWsg/ie3ET8aFbUpqShE8T6RNR93mrfyaZr1ugppBAiEA+2Nz1erj2DcGDycynlysKOm7plGlOn1bFT8AIyRwky0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2573888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQsguCRA9TVsSAnZWagAAHFgQAJkvyjfMRVd0kNIKcAw9\nOoj/9p57X/ZH2yL6AuTCaJOxi+8bPyPKQFj+nRWL0IyM2n5CZYw9VAR3GKT6\neBFQ3LqlMCHDLjNnyCmMVLKPu79yavvM2mhJ3QARfoMqbUTl4jk02QHXO8AI\n1YbmisEkbSt+c89CPee8wdyfgRaC7Q17n/HTL7TIffUYuNjXA6qc9buRQXaD\nbbBmU/DiukmRJYsW10mw4cus5p+rqPa5k3VmKPNHn+Hc9z6PBWuvpN9v9nrp\nC3ORKN2pQhCU6xX1oEPCgZhGgLX1DRnmyqSv8KWCIVZ1vwloi4szrrYDGkyT\nw0A9j8PWNBEc4tXxVH5DO4EnpHEiuTOQsmlHSmN9pmdJoC5LlwN3yKxwa9V2\n1DTaqu6dbO0kIwg5VwSgy4DzoZgDXq6p1vYSYoiQ6QEmuyuegCBwIgcO7CdN\nrjNajNgBqatg0G+b0TKTwV7DaB7HaWdIz+qHvfBc4tkb8hxpBoWtPKbDyErA\nkut0JPIbKCJ7lhRJ4wK9ZhEXY8VnYKvt022UxsWuzkM8+QST1il+AIBnxL0a\nEfnZ8r7DH7dhjSL91c3U37sgDJBt9zL3VsLZkHAOmdzWlkCWfHdYbgpj4FMn\nzrao7G1f10DNGgV6O5/BDNmMD3ahD8JIY4SQ/iTbHh1DcQQGmrVBTxcYbGOg\nwIbE\r\n=RVNF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"6ced939c015721b7f314a3816445ee1d59d74094","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.16.0_1614989358273_0.2565832562112105","host":"s3://npm-registry-packages"}},"0.17.0":{"name":"@supabase/ui","version":"0.17.0","_id":"@supabase/ui@0.17.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"86dc7fd1969a87a4926387044a058437b1974bb7","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.17.0.tgz","fileCount":3196,"integrity":"sha512-X6so1vEZKJVOC3sqbRnKhXVuGozUhHx84dWdAh+twMQDgyymwCMmfOkGKJfpurvyRseTPVaweW82DaYUdSUXOA==","signatures":[{"sig":"MEUCIBIRdBb/MRqJn2FCdx0NKX8mtnGoTK7ScUjRtXUqvGfrAiEAwhuFfXFaTqQJNLhLOhUrnT9dPcF0J6DVk//xSvEOka0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2574718,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQs1tCRA9TVsSAnZWagAABl0QAJUdLD+EnaV3b+b6nmsH\n0lFs3jkD3PKIuxtCGr+grBnbqFNoxzEhgZS7Sj2FW/pj8sIY+fux4/hn0jZb\nuR43/FlbWEjojnmwSlayjJR/29rjuBpX9yTJGV/P84BadDWjdhfGssJiGATR\nfDKpI2xt3L6wy0r/B+MVUscpX07oeNL2hOpDrp47mMk0q8xDTVylltZJKqXX\n+W97nLbinAPNR9m1URZheYuxMYVwEqmbGIlVjOQJ1ac3BPSsOnSi/839PAAY\nOTJneG2DNsRdz8HnD/bdS27pw9XjiBo8LVcAU8els9YBv1Aq6GeFlunmgooo\nSmMVV5X5lSYhGrnVoXZw68P/Ox+Wgu2M6a88cYzKUKb86xtJxklG2yZh0/m4\nTIyby2+V29RAa7xQiOccWLWl/8Rf7JevCe7vaalfqmgxVRDe/mY+j+GXD8xy\nWgV9U2LkgdbWg/8OehZp6mGbQ15eid7OwzBhX60iLNc+7udOycCiz2m2sFcq\nhzNTNs5jxJ1Ws6R9isH6wqUP1LFmiIKCUgxuVLKJPvv9ju+6tbf4A/xgirLA\nhfnOPyG5qp74ALZOiCD7xmCrY87ttOHbR8Eo5tHRI4wHLyPWPmX2PKUKUmZ6\nu67qRIJXUA5tCk5xdaQJJB8Q8/CgcYDC26DIAPYVyzixqxpuNAv7lVUnj/Kv\nFvD2\r\n=9DjV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"9b9d76190d06ccb934fc1298014458666ca3a4ee","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.17.0_1614990700720_0.8138316819210138","host":"s3://npm-registry-packages"}},"0.18.0":{"name":"@supabase/ui","version":"0.18.0","_id":"@supabase/ui@0.18.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"60776f7a3404ac5bdd5dcd59886a805a256ef201","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.18.0.tgz","fileCount":3196,"integrity":"sha512-CwmHrhfF54yhHgo//7UwTvTsJc5SwUURHStPEzjP2qyDKa00oMeJ+ymAS7nGev2RGUZnd4Fko1QeZQm8+GxT1w==","signatures":[{"sig":"MEUCIDY3sYTHs+Iz4pN8OwTiWcZbpc9jSqLOpknSe3cxGFFkAiEA8+bOgm/StC226eD+vpICiPQGXhrXegKgcFjDxHQCLRI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2575330,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQttRCRA9TVsSAnZWagAAMvYQAKSAGuemdf+o7G7tWtOF\n0CiInYxrAn4yaGNnouTmTO56vnF7lvvx34BWUVWytKmxE8Kj/bNtVsWofuLJ\nGA3coJSV1rK50yvSNn/iC0jcmG5+JvwcYoGvq1hpmcnhCmHfQ1kNKkgIaOOr\nOKJZIF1iHQPeaRclJCvhggNevBpKzxxo5htaqfao4Q892VJj1FG13AiuQg9A\ngOCAO1RFOI4mUKf39mf0c6ZPeT8Xav6SbySREkmjOexn5RMUO1BakWguLdQm\nluXR2JNQPUoBcsLEjR9B6x9oquYOe7xh9+bnRllEh5RLS8jH4tF7Ly2bXsEc\nUB2ZXCqeYDkJKKqyuWMdGDjsPYviwauzkAPq90oxYj6W0A5JalUIC2XB1iHL\nlEGtkXeE/a8gWPI4C6hCt5CgGyBtrKucTcLQIXzJyOpN63jyMVjCsJa5BeSq\nBTWhw6mMjIhoZzzNyI298Du6W0/MPCPG1fo8RnaHM7JYYIDAHcpjd7wQ+g+m\nYHtZEuqQlByOlclw71AT92FX3hDUh2ny+VQqWpClzP4Jnuadvx5YVOTI6/VZ\nI7e/fLA2uv7AO2+LLQHHDT/pBTTB2Wo2eomo/Cq7fZ1RXP0Qs0iRGZxOlfoN\nHis5YiPCGNQJHtrH3aNI6J2uewixkR5sNn9kwTCB4aRth+Lp9TnKPMMtCd13\neeFU\r\n=oubs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"0b3fa4d33a51f83b939b72dd2de3fce906530989","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.18.0_1614994257324_0.015194955731104853","host":"s3://npm-registry-packages"}},"0.19.0":{"name":"@supabase/ui","version":"0.19.0","_id":"@supabase/ui@0.19.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"bdf22543f9ac72d165cc55e70b0154a9ae779285","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.19.0.tgz","fileCount":3194,"integrity":"sha512-MIVSGyPtocdJbXp9QPrJbDamuzmojuuoVqNNdtyC7WUyzA0epTeHYETyUpy/75Sys9q+F/IdTGA/SyNdkTjedg==","signatures":[{"sig":"MEQCIB9A9+yO/hJ4mzyUtLmdAYLnHkSau6iwwNyOZSRuvOCgAiBx6cIu2ZR1POfvhGYToskXICaX291QeyMWMGq4gpa/Ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2597755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRlNJCRA9TVsSAnZWagAA/NYP/2t+131kFNlBMwT7Nzrg\ni2qty22la/cN9PKAKXZuqoKdQoqxvIXET/yhb068IHGlCf5w0CHXppFvIt+B\nF2KBp5mqAxeF/TRCvtwiBWKgGLY7JqUMsnfvOlXg4YCyTWXHyUEnzax+2SWp\nBlvZaDOFdvp5xIRVW92RCMNG7xY4ggyvFpSdtguWLAZSLGqtPqAEj9mYV9vA\n75+n3EXbXlDj7jnwF79QXXePERTjapdstC5qa1KfdMl6qbGfB3DVBo3d8IoP\nDVbEHhp4OreHQC0B+O+zU9J3P5FgEmHvaYgwyWRocWJGQsTpfVCc6p/pf6SS\n85wIV9EhVAFH9jKDBqRSTF9/Rwdtez4bGqGEEDmfIEiluPYD/URvXNui2FDB\nP3rHHWEQyqChIf7HxtcRWF76WoBX1P8Hj6zkii+QtfF/mHIInbXoaA2xpEUN\nqMfDQxGAzR+IMZTakX2n4C3lx7RT+vpV8bl2AVZ3uayQYk6YGsQyFFPmj4i7\nQ+ALgMEOWeHTJmQXWhS4KVdqZPvtSmskwC1yOvlJaDzK0qqiqcsNDAgQ8SIu\nfH4tYgQuw4HoxlrWR/Yu1geLaLKAthFRzrpeyUJg5/sCsn5nk5wigPcUEEpD\n0K1S61/FjuY8y+ayXSvKsXUL7dIi8k4Hr1aF4B9easwRqmxa8C3V9aYlPc0P\nfmy9\r\n=+eZv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"fba902fd17d1d67b41dae7290f4aa7f2b7d1ec51","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.19.0_1615221576381_0.6785084890843667","host":"s3://npm-registry-packages"}},"0.20.0":{"name":"@supabase/ui","version":"0.20.0","_id":"@supabase/ui@0.20.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"e3385453e219de2758972ee54c9d88d9aba040c3","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.20.0.tgz","fileCount":3204,"integrity":"sha512-DVaS5qtKWQH7xknNOKBp8CjJhdigOzhrYbNIEC9GzU+mLQ0mRHRMvZk/tvIAsIuzweCbeLLhJrhmPd2ao6ERNQ==","signatures":[{"sig":"MEUCIQCfMyTTTDm5/V3MH+uBQSR+0j1cY2vdVds7Yi35/MxPSgIgNVfCjUmChIlv2mmdCypvubrVP+/izb2+o5QGnz4QQBI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2613271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSHzjCRA9TVsSAnZWagAAQYQP/27g3mayuhMHllEYoeGU\nxIQI30TX88RlkloOg9N0+52fbxzTeTtqC6K32wPWWEQO9sULmE6jGFwutFdW\nXB0vgceSsPlM3arhhaPdOxTXaUXxUtRcu1ST6vqfPEKmAu42tdc4Vu8FdltS\nZu1mS8N0ZdAkR/XYzgwK/HmaUl11vR5HuGyTPfdCGEKPVkeX7SyioK5e5YX7\nD7hTQEPH/KE0lRzJChD839YbcPGqrOsu/1q976yJ1r4bK2NyAMmiV4aCWTpY\nwsQtwu788m1pe1y4ycOJT2gPVy/rCYNhUZgNrFC1AiFRgNM1WsWN6SaW3Xu2\n5StehxvUboVW6Ya1rmBXYi4T2C08aEOJaYB09bHLVLtp388Ql801xI8Pv1oi\nDPkg6kMEQPPD3fJNrTJNO13TAZXy0GJ9CaIYPkLoxAU++BWRbCfX6ks+S4Dq\nPxo7bTFM0IJ0lc8j1EQkX9Q/rUKl9zYLkwL/0IDpRzIMZCit80doR12IWbmg\n23itoCQZF5ZvdNoNKWCQ1RrY1ANrD2YkG679L6OJdLU1bljyuYcWwGQShZ8o\nFpgwY+GpPdA90rKOyQPLKhdq75wLO4UAOqytfz+s1qzxfdpvKiaga2ySE/GR\nhUhmGxj3zq8oeMZ+oXiw57cQhO0Kdwa81JMK75MsduYHNjRR7oSccS2t2t35\nxv0X\r\n=xH8b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"4cf1723f563ab92886a262ef05bc2fb117736c46","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^16.13.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.20.0_1615363298313_0.463331737842255","host":"s3://npm-registry-packages"}},"0.21.0":{"name":"@supabase/ui","version":"0.21.0","_id":"@supabase/ui@0.21.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"64d56f6cd4042b8d673fffb9a7e6cba77c76180c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.21.0.tgz","fileCount":3204,"integrity":"sha512-H6WXYFZrHwkkcB+cfsBSD5eeuwbfQgAnBfU76OkwBDkiAZnoioIcgp+PG2M1SUFz+4zm1ohdsBjZZD+vW1k0Cg==","signatures":[{"sig":"MEUCIG1oCm68WYWYgPUJyF3fZv3NRgc9GB2OwVUocm04rLeOAiEA4lgBpB1I/xa3EZijPaIEsHHwUkM14PNkjQDT4ujzeEs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2613289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgStelCRA9TVsSAnZWagAAx+MP/ipJmjr9gNIjpgxbRfRQ\n2CeTpy4E3kd/3Zgvk0W7LstS6FZQ4ZFbvLhkf9Z15ntA2D6Mp+Hfcpv0oPB3\nBFMEQCy6au61w5majuBOzht2lOi5cTXWPXO1hNaEye0OQhHLef6uAaddeDxl\n4Q7H4mil1zLncxaXUizSuPSUhi9HsAXGeVBr17CAU1fQ09K9f1vhnJWhZpnN\nSPXT1siIFnbRHah2NN5TSimmYU5EOLvLSkg1oSQL7X77OgOIe/u0tWXr6wV8\nhGOkCmBGcLQxwoudfcJvLQ2lgPCG5TiCFNvM+cm80302YgulXBLubK8UvAdL\nktagvVZziUMIvf12aW4Xx16XUecVpFqGNC1uCO433pMtEJD+CK2eS5H0hD+d\nH/PoYG/rClGoJ+fM+YfpeFIjPvw/Z/478vAZyttip20rYq5lor6NyAvr9XMM\nCN85LN3LXSL7t01A/foLR/E/nRpSEX4rzF4QCzd3+P6HNWNiM9EwW33MJfs8\nHBsUqyXRO6rDFIDGZsU2tHJ+tg6v5qasHmmLVTEL7uWuJKf7FKG/wpU1zCwz\nk5KZb5Zp0vEU4fAxtKNXSz4K51bBYFvB6+/emmzEx6vKVAZmdIpZiA5VOBpb\n98+IRjmNQOhUYmvha2BMquVCLW/8VnCyrCA+d/cWojfsNpKeNB58l0HM2EKP\n6PkO\r\n=65nq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"2b38b2eb4ecfe4efbb4185e76c110ee281b142da","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.21.0_1615517605153_0.258206737296202","host":"s3://npm-registry-packages"}},"0.21.1":{"name":"@supabase/ui","version":"0.21.1","_id":"@supabase/ui@0.21.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"94a4b152ce185b02f462e2cf96af26524129233e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.21.1.tgz","fileCount":3204,"integrity":"sha512-lMCJ0qDPpEJXTsS3Zg5I7J3ZTKy82KO3+zIqdY92Sy6ed1vrWvhomct7jEuoqbVAxgiXPmRTGC5KKx30z/N+Lw==","signatures":[{"sig":"MEQCIBb/ykDNkOp3Xlmdaab3WBwHrUKhPub6GBYBOossuloBAiAcVmh61LvoCQa0SbbzMCL6y9zqtsYt5erIVEMzyjJQXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2613341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTsSDCRA9TVsSAnZWagAAqO8P/2CRp0HHCggnqXuVv88Z\nOuAOb23WhfOvcCXBsS5mDcfoNhFOoa5ZWhsztc29VmQp34VyO5eWURQx2Lo9\ndb3cAR95m8PidoyPLzKNChrtxgxCioCYoI5STxdfeiPpkbMHkY2b7Mq5GCks\nU16vOvUUL9/MBIJBTZbEW6X7id4NksyrtTd6DcHV/osoeGRM2MXbrbsCZmWP\n/mkERmfuzFzYKGU4mNtuHfsWctzuB7ZbNn21uBaP3OEA0k5Vhj8O+Dy20W4p\nn7C1sgZA9iILkqIQ6Lq+0jg0s1CiehZaKfSwMcFUYFsyZcoU1MTHz7C+w08F\n00kqmvfLi+erxJRdVhluHMB4ec3XnpGY1SgvwdU4AkYJuV3y0bhbQKgl2dns\nAVGvcXYGpPgvJp3eGXkpqBP53iEAxx3KydzyWLY/ZHSFs3zB5vmblG6rTV3/\nwCUgJqwbyKBmF3wSoUkvcZTISCsKk48rH2JwKYxcVDqJXIDzyQfxJk1t6wfo\nF8sNgsJ64B3sq2QIWa9CrlDaHcjuXxp32Wgn3Z0bG+3q/QnfP6nnF4lBnb1q\nC9MKqPYJxcu9Xin27Te3HJ49YIU7cLXs/YCNt5miVoa91HbIFIoZZTXY4q7e\n9mUBQMD25hWzqPX+xIeogD8NjlXSEDxDtWM5F3CG1ciKH5GPLoKKpD95vJ2J\nzoTb\r\n=Iqb4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"e2a9b122630a03470d828309180a2e78ba778c4b","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.21.1_1615774850963_0.04695497372461954","host":"s3://npm-registry-packages"}},"0.21.2":{"name":"@supabase/ui","version":"0.21.2","_id":"@supabase/ui@0.21.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"1185a568aec755e912a4ba5b2e73a3ad5f6892c2","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.21.2.tgz","fileCount":3204,"integrity":"sha512-TGbLtx3d7fgNUA3DwvB6YHjv/dLya8gEFZuohWUTDMGcKQj1U2U0gzCNk4NX+2wdS64fD7RJH8Il4+kw6Eh0yg==","signatures":[{"sig":"MEUCIQDyN5ZMBqehEyAeHk/vdYvfliPvb97b2nBpJdQhvjMiNgIgMLOcJoqY71vGn+u9LufWhgB0b4WXmg9tkZt64IwwFYM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2613375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTwm+CRA9TVsSAnZWagAACIwP/3UWXCXtDMFMakiThfqC\nKKAIW19O5zuN0j29GOxVABnw3MseO4Rt0qhFNB/EJhHe3pHX4pIzvs5sy39u\nVjtKhf621No631not2T7UL4MBt0ZLBqdT6715pVv/L15DQRKEpIIJ0NUYbQz\nMZ0es0HJjb+Yar45SgZw0YS1SaBJty/hluT4P5ZruTlA6h4eeJHm5fUG7IKF\nHbACYA4ybG7otFS2UuCx1GXipw5ziGeFoynIY2CsuF0f3U7bYKc8SaJXNgrX\nkSu4f2013LB5vdX0EHWzxOLEZT9vZbkJX6Qlwx/LPxxwQjzv0oFUyM/5QfRc\npR2OiN2yCSsxPwHGV42/PPQxOyx2MFvk3c47jXJzVpXDHqisE0OhcEQxiYSS\nRdilkodZYovZLTJuroER7rZGFsCD2akHhn+s1s0qjyRVcieMgxTo3Gee9Ka5\nhXtMXzU0flJx76DRh5oXU4cVsWDm8hDxXawbwT1ng1vTaa3wXXmL7Mp+gsGT\nIHmv5z0a0uNXupZjJP/Zufdftxn705i7IzNvRIzdf26L6tisP3H7aLQTyUb6\nyhAjCUs0s/hVCujm1QkAEp/tAtFQ+PsBTVe7MPiObLRXAt88Ylf92AsEJIZz\nOOZN+JV42oNuf5I3Xzv92eDmyGZ6rCe0/cTIfhPaaJ+UeIODn1TrnFVcmJBc\nru3U\r\n=OQQz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"c5bce2b345986741f97a2638d4100a940ef29f19","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.21.2_1615792573531_0.21801059758984165","host":"s3://npm-registry-packages"}},"0.21.3":{"name":"@supabase/ui","version":"0.21.3","_id":"@supabase/ui@0.21.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"615f676c02463dbb8327f78d1db9e6eacc84e8f6","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.21.3.tgz","fileCount":3204,"integrity":"sha512-RXQQ6V6lFmQc6qsJ4ZD1NHGMgwbcmwx+7HM1J5xewXIPK9Pa7sFc8SqI4gPno2nDU7WD3NREYCP9CZDWFx/DSA==","signatures":[{"sig":"MEQCIHrt1+qjlfVh6kkokZuauxRAaqG7p55+h2y6+eM+RWxHAiBgyHKJoEkgqggKVuuQ+zZDySCeVtWk3Z0c3q3w2SUbbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2613621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUcLHCRA9TVsSAnZWagAAYhIP+QC+Dald9TDhrQ/Wsnah\n4twXdqKz+IU/DNUbL7abNVe/oJhezNIrTbFSuLYzIcRgPZhEo1VqTHMbcibs\nUvBlgX2GFc9Lw/HyUN6c5o3n59Al6x84ioj4P51SlMtAGPPGGkRIBuQESvxp\nP1jJADF1IzFOxBfaM2QhrPx/nXis+l9dehEU690SYhn32cf/d1EU99Zfjafp\n9cdqHiNmvycbXBjXN4HTWy26LfVh7b2OsIlwdPHIUmJQmmOlp52GJAy4r/DK\nDWg/83m+DZOOlNKUJYtd9VoIMlbgPXHWjbkwNromUQK0uCHB/phLcYcFZDT3\nFnMliHZTDojxX0bGN5taDsER+M8+05DzlamjRwivwbaZ3TxTYBUu3yA7iSot\nK/CeMosF8EwAleppMk6Q2j8fcC3L18byXooN6aCR1iGNvaD69Bf6EZytvcT8\ny7HyoV/wBzKak61gv+QbZz++DuIB7tmphIRsE1eNzoJkadF4ORaH6BZLB6XS\nu+tGV1FKEFjSKvWIiVLiS7qqXWPE5FCmSnZhTMcjl6abbdJEslElbkUuTdS4\nwRweb7CgZyxdKGzspJuWpdwTBCOxgOEQts+367R+3euK7UCJcl8DB0wLBtT4\njAPfeb3UZ5HQF1/eEi2ZWO3ehYSinN28nHDaAnCWnh6MeYwPEWPVs/ENa3Cb\n+Zc4\r\n=+6OV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"7f349f44047ef1d5d18cb1c112190099792a9239","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.21.3_1615971015232_0.7328321210393041","host":"s3://npm-registry-packages"}},"0.21.4":{"name":"@supabase/ui","version":"0.21.4","_id":"@supabase/ui@0.21.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"38020d605ae0799d889f0366dd7a7596b3b0761d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.21.4.tgz","fileCount":3204,"integrity":"sha512-NbsPBWiTCWHjzJpQKNOrt+hR0t4bOiw3b9Gb0mCt6UJ0YuOV7kemEo29Ufz3PVkw54AdJz87KxLQ6V6+rUpdZg==","signatures":[{"sig":"MEUCIEuEriUwsnqbGwhUklxrBQEdqYdz2oYBzSDXHnDa/H+nAiEAzZZ+PDrR8PQsZAeDTL8n37nopKVdiAZupUx3Gv6csjE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2613587,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWXjSCRA9TVsSAnZWagAAeTQQAJV4FTXTZ7mZ6KT1khq4\nQ7niM7TWLpMSKzroBc/wCMT8hyRe/He/wI0/X5y4UeDCoB80XLCwmJ8YWliF\ngZS9B/kVJ0Eg8kp8geFZimvjN57cabDYYQtx8ukZHexpZNaXevry9WCkyzXB\nrFSgV8HZ6KCzRxtMoZ0I1ADhPl0BseME7+qHS7O1/gMxTqkIar45xiilecVX\nkI8HTepp63iNRd6+c+nOxwvI/Y9ESUPrOQWetTTtjZIq31cLHfo5oo6jWoXc\nEVQQpdMcfZbuBCs871IEPTDCbuogg0dRFTlGBgT4Pz428MCPt1z0QAAnV7N9\neh90tjikFBDEzVcRnmnEW6V80yOJbVBmTudqRNjlIZJK+F5pFwE2DWcWPgyP\nbhjM068Efi53YiI+f/8hXqdAPafn3xLJmRISbKoqW30px6xSARkCHpoiPl2B\nTRql3zjW9ZOOblbabt+7aQ1D6I150aOCAsfTiaChtwdHIeksz/JWq6tr4PtL\niqZvfsdLGizJ0efyVXAeZo2/7qF4PA1vXueRD9PSj4sAl5nTJvCGFZYjo3ZK\nm9Pja1Xy5njdmSm1YMhxPuNbSxqV3ewykQg+ibfZ5tX43gztrvW8Cg7DqHZ7\nEW2neCVVHuJ6IMw0JtwLpqQaNUnpJApNf7XAhw/q+iyJeI0Y5yHfcthivzZY\nekv7\r\n=UfTf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"c1d87859d5d122577e3acacd390caf12f8e94da3","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.21.4_1616476370013_0.30684329897813223","host":"s3://npm-registry-packages"}},"0.21.5":{"name":"@supabase/ui","version":"0.21.5","_id":"@supabase/ui@0.21.5","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"78d581e872d4f25f6072930cc724fac451d6e62a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.21.5.tgz","fileCount":3204,"integrity":"sha512-dB18tkWBWLWOS1VYQPEAECAPqXmp44n2KXGVb6GEC1gYL/RmnQwVFSG01oO4MalIFTnYo47gCBfcSkDcR5o02A==","signatures":[{"sig":"MEQCIAIB3P1/i3g68UqyEZDNV+iQavt/EzsVatOAOOF2MTpoAiBaiIiuBjaK/9zlLW+SrSJxdyp+HuYG0tsp4XmB4sj2wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2613681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXG+CCRA9TVsSAnZWagAAmX0P/0ROUpfJXsJUqTFSj9qi\nrWJ7Ckegd6mP55sWC2sNVuMzxdf4R8EsEhds6U274V3zEZlylQxPN/guT+mQ\ncj3U8fpdSKgARP8nXcNwa+OtEh3Z8sISfdWRUvG0EKX1Sofdff7QDJSHRR7h\nDJDR5XTDKterBUvoimq64MT9eVXuwBqAW+QtV8/rhOWmz1B0ANrCUxSDoLeb\nhLh52+8a9WLZJ5LyMVhvKrqomO5grkR9iSp0NTPyRuHmX80R0yge/v53nQkF\nNQpKWxTPBbgwLtzcWjMQhVwRtNiM1NCmd2txxPbOpemwHwRBAKk20BCyjXxG\nBJTH5xXVmD9styLVg8q8TT1DURlVv2a84fAcZpljXYT/FpfOuXBEQ8+zapF3\nft4aL5YrYL4O7XQPgBJX6mhv0GgUc7dYMYE6RVPbjjklAhtrd937LFTRPtcQ\n22wnsf5fXnfKlsRkWV9WSHbMdl5RhtWBBs7lF6SaehNlhKVTMHEdSUfH9QpU\nQvvjH6340SFE1ipTik70VAPBZr+dV0tQhCk0RUHUR5z00NWZX8sZ3GzSl68v\n/kDw8UpgH3iZn/NOYBTa2Nb8uWi22f45Gg8c0sURVLeKI7fRPR2jl5451h8V\nSq7Mgmqo+Rd2QAJknFBu1cTFfxPSZvQgo7wZZUvkHDtYmwN9t7iryoIcH4Gk\nquF8\r\n=3kKZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"978c52c8f9a9fca65abe8bdfa9ae47cf02661c90","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.21.5_1616670593883_0.6509214531988332","host":"s3://npm-registry-packages"}},"0.22.0":{"name":"@supabase/ui","version":"0.22.0","_id":"@supabase/ui@0.22.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"9598f8b0983519d8b0882b7866677b9630bed632","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.22.0.tgz","fileCount":3208,"integrity":"sha512-lgsmDJkPduq1KVxFgbWz90Fu+OO3I8a1zM5QO5SKP8JYaiwzwaqGmqpEig+O5ZjzbaObOZtoiHmPTHHcvaEpGw==","signatures":[{"sig":"MEUCIQD9wBkwm36zoUOqzX4492f97OQzWPR+RwS3He1MIcHKygIgfrI1oiOXpPLOFVq+SgQE1Zdglno1iG2Rf80sOO2PmFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2614579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYv7JCRA9TVsSAnZWagAAwyYP/2GuNteQGSpgCnZe2DYu\ntsqUTv6AePH5xfmdhIVt/lcTf+7a3+jSgYlbRwJ3N4xyMzgp5WNPSMJG4aB5\nTfyAdD9DoQ8iGKJXNuy5aQLQKPWYLqq8JwumKKKw/x8Bq4xgwg1yRy1pal2T\nOkCYuaxf+/TNHMGTgTPweaJwCGijj+fSUjYH3SdFur54BB/wGKBDBGilNgMJ\n6PnrTDTsqo1A1epqvFKja2wCoCi0nxhqlfI2mQpJPNKU2KSKlYuwGiC8PP1q\nigIqbcC8tsB1rBkmxndU/FaqT0axGn1klsg/5FZICBasBcIF+SNWNkTEflgf\n5+UOaC+067RXfHNGL/SS0e/qmvMZyg1hevE8zYVtYjRwFAu31NZ6ipoBpc+1\nUMJuFaDYhduOLZDkEKi947XHmVBMF+X6BAvRzqaTMbJ5pyGjBKV0tq21XxXW\npmsnKkEX3af7DWvvnH8g3hZofNLo1XRMFHWE5x6nomh1OmfTlPqK7L2VzRMN\nS43mpOPZhtsE1wnFqaCmOa8MmqnuBQWvcy4KNmp4O1McNtRWjCU+4QOLgj0c\nrUkreKoNZDt2SRhq1AjyRqp69163mX8PcMAQ8FeIn+l4t1Yd/5NugQrKWhU/\nB7VLhASODo4lUSJbVdJjJBQVkgrQz5Qktoc7rX+RTAJKU/Y4gO10My6NjdOD\neUj+\r\n=iuS3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"6956b54a6bbe28708294ae52b4b7950310dd4335","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.22.0_1617100488802_0.4853284834799203","host":"s3://npm-registry-packages"}},"0.22.1":{"name":"@supabase/ui","version":"0.22.1","_id":"@supabase/ui@0.22.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"71f15a47fd5f9d402746f15a4cd99131aacc5bcd","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.22.1.tgz","fileCount":3208,"integrity":"sha512-B3pZE+3HPuiZM1OdFv6tCv6lRqO+Bv3UCdUmlcFeDAsy0xkALl3NBkixYT6BuPGh8SwILB5Av0iMtQzX9z21dA==","signatures":[{"sig":"MEQCIFX684xJb10NwXfI7q47wEd3hgjUGmACqbUTgXBjNpUlAiBisxCkXVvrJ1CyyTXQXvJQ295eP3ATp25KWW5XCIm05Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2615192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZDyWCRA9TVsSAnZWagAACtEP+wUEiMEnNqaFnVB+xAjB\n3WCXj86BhXRkX4Ypl8kTWjGlx5c+a1HkCf9QLbi4OWEz5yJny5tTR8a97Z52\n/2NvVYjeEANqQSIlARyuXla8iSxq9fuF7BENqjlYAm2INblZAGpjD2QSCluo\niwyG/hosqdttCgpizgDEOZDN07a9LODkSXyII+D/OxO1h3Z9q2M9Ani2PaNr\nHNCGJ5roDb06SDgm0TgoEpBArHz2v1SAXyBHwswNhZGfhAurJxVBWcf5q4Wi\n1xG71RCh2l1NO6FebRFeKu4UHLhkRpyOe8WhVZ/1K6ax0S9JDa0qsSRbr5mR\nt1R3fCvpLr+zCUVutu4C2z/CJ2PgwuX8KA0G2jWq3+yXlr13KMORVT/QHKFr\ne0TnuDSvvSoo6JLzacxwtCXoP4CWe7erp6JPNeCvS6OM+JjhbrXTtsQFYNtE\nft9eInZglOXxo3P0gQ+3kYdk6jF3KxnW0HBGUJFrAXco4sMrf1a6r02OpVBs\nK0majzgyZS7MN4L/iM7he9ifZwIugDkGS9/wT44FwAbqEAmFtxY3/hJvJve7\n5aT9tpbdtU5R2cy/LBH2Day0GO5lEcuKoxW1qrMNhEJ2YsXcDyAGubOW8G2t\ncYCrVuFOAoh/SSY0e2iy/OXM8eOUWmnkWTVPpZsFA+HBkTVEX/f4Sb9qf/9w\nxXD1\r\n=sR+n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"a13b322ae1b03ee5e199dce9ddc299eb2ffe5c26","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.22.1_1617181845795_0.5015185244069789","host":"s3://npm-registry-packages"}},"0.22.2":{"name":"@supabase/ui","version":"0.22.2","_id":"@supabase/ui@0.22.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"f162bc79c279a1b7ab11dfad035a228a79e5ba41","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.22.2.tgz","fileCount":3208,"integrity":"sha512-sHU9fgEtFMSEpe44VbcQoJba2ZFf3YY6zNuR+bjjMR5/kZRA8f0YgFKN1r+B7N9CulFTZiY8ce6A3SeonQwl5w==","signatures":[{"sig":"MEQCIALy9xPnHlqUSbIxn2E6COutC+tRrLyYkcDL/yqILtiXAiB9Tp9nKW82auy2a078gAjP3RJPUXTL9gXEuLF3y067jw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2615286,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZEZfCRA9TVsSAnZWagAAAdsP/2ZZTOsWvqnEqUb57hXO\nN1lUCYbBgZu2RGWUsUfiBerXwW1gXbZlewPCqGf831HqSZB9uDmYAaXJmq+v\nVD+3WUfyKybX6V2u8Yu8+KnqEgiWScqv3MLVQbqaFqgfjA8XdAKHb8JBdiT0\nU2bocZHzCnzoCQic+jJJyBP/GVz0kG42inB0f3Z3h/b8OkNA94hRhB/yGLYW\nCfIDiTfDoH5ghnA/cpAxJY7fN9DpaGa98AVAvqcXEz0r+IqczfKol8ox6BwW\nPxI+opmsRyuSkjxNdabXBOUXOOgDjjulu7VCSTgU+JNo8OOnngizUV8GlmuB\npkFhlv0y2ohXmT2faU0Lyb9V34hb7hdS6HJhkGeoeXeW+ADivXqIpGF4Fc2S\nA397Sl6pGe1ziJyDeGIyuZBPTHNgQzO+tumexTPlSDXN1ErkLU2DJPkVxbrN\ntV9jhNnsakYiuH+0rBKBeg+YsQ+OpJuEsbI9u89Cvo33JifFHMsgPoyLusMO\nvqLRId1b27ujY51mEppsv/A9tJNYgNhf7l1CZUHqQIub85JfRFkg6HmTq0D1\nzqPA+EtViMLgACJX0vEP3xFfea4nqoQievWWdWJDTptLR93+hbp7fJQWqXM9\nApu8ZM+2e5jBm60XgTW+Wx9O+uZ/9jE6FLezVyxAdNkb9HsTRfC0m2DZoqof\n/PS+\r\n=+0z6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"7441430ca66ee2ece3d8c5c09938a555f4043b74","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.22.2_1617184351124_0.0215980343075175","host":"s3://npm-registry-packages"}},"0.22.3":{"name":"@supabase/ui","version":"0.22.3","_id":"@supabase/ui@0.22.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"db32eea20e85afef93b8058424799de591bee12c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.22.3.tgz","fileCount":3208,"integrity":"sha512-2u4CJ9neUCHFcKxW10E1Y7l4gAnSIz3hWC9nYqdGb5TN0h1AnzazGLCtRqL/58EsKBiwANXulLiIBe5xLcJSUg==","signatures":[{"sig":"MEYCIQCEARMmJgFiIX87nwtK2H6xffdPAeoJkN/7SFelxwDoNQIhALayuLAwUT7BhBxbvvoAXhT+T2eqRjpzJfgxSIBaKEPO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2615046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZJP5CRA9TVsSAnZWagAA5A8P/21ssLnCfVkknvjTdEx3\nCag9QiJHA9I0+/tdeF5zXz/AT2MhGn+M7iRjfLzKgWa4PXJ12zo58O5xzhie\n2FUreB5xvkZSAPzuJlB16D5xuieDSRXutx1ZJFsku5M9k/FsCgdJcv6DzfWq\n0eTSdE9CrRVxaGfY/x8uEWhkZfR1IOcbIQTTqeo5tdYSrH/A4ve+bZlpkpZ5\n1xLXvqikA+n8M6XhfSLMqsJHRNn+9j5vu7TcbfuMvrx6+sYaKqN43sa6KBrv\nmsw2qrlomgh51zjSzi1gr1LIfNe0glxNjFZKpayub12yGdn9zoSnWhFHS2ab\nQcfWVljHPT8x95vIAw+A/uOGSIA5Guuw4Iji1X8reuwsRPjNnLP2N/wxXAKj\nZfKFb5uwS//CIpFNqP6Hr2rxyOGdzNmA+QQDDam6SGItSwdvqsf4Z8627/h4\nZSywhVZtZsfWbuSsStVwGmAry+EppqPXp2PWVelRPWf0K3cjxV5gbROk7HsM\ndznhgblWIPSuGnen+7Or5CJiWTUCLdj6B+Prohef/yhai733iO66YL9Mggmr\nkKIkQq2IWHv8vxezj0GNjgRw6K6PPAEaEOXogu6Gx364zK4rKZ/IC9FQId9K\nzvD0p+GnngqN7ZJV1Ad6akCYBSBUWVolw0UYlkHheo1uaClABAOlIMW1qGra\ndFoO\r\n=Jrir\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"dccf5eb95d44d638da0ed17f45a1cf5e833442ce","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.22.3_1617204216696_0.20582554692732846","host":"s3://npm-registry-packages"}},"0.23.0":{"name":"@supabase/ui","version":"0.23.0","_id":"@supabase/ui@0.23.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"3ce68b24ff5727e44febf32b6347501308654efc","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.23.0.tgz","fileCount":3214,"integrity":"sha512-XRQB8hJERR9JNUHQMql7QN+ZJDYaq3bqqJGS8TRmdpncVhCj9sm1CLvEEeCTPn1Wvvjzj8MWXxlNjA7GhDT2tw==","signatures":[{"sig":"MEQCIGuxOLsPqkdrTMkk3Mn5cQsfv1u6OgMDOXuRPJNHNeiEAiBe9FlmIsgjowaPmAmHcnKVGlR3O+KatbJ1uqYoBY/UlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2630446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZVNFCRA9TVsSAnZWagAArwYP+wVQhe3+0yIT2Mvajwdx\nJNkSWxHOZMJk6KTp2Q/vtMRTMrf/uY0fTAJquLN1QcI3vUOXbMwud9MOPRo2\nKIOhih94AHWE4mQjMTZ2q6vL5dXSBDaT+wV5AynyyGegYn/9PVg6tScLsvfa\nqRUSKNAOT4o9JF/T1awGoMLMhRqcfwcT1kcjGKrqIV6+N+sEXSkBeYb7oLN9\nk2ArAqUvzwlqeTNeeUI10rmNwN2a50MmxKv3Zh1mYhXmvy+MfpcFI2UsNG8o\n56WxnYnOJS8uM/Q1YgmU+ZGhrBs4q+ht8uXOg/LihuN6oVlha54Gpczn+Zu5\nAtf00FUqtc9FAEBi6h/PN9kuyocd5qtf9ViJgufm9fy1orsFZ6Aj8g43VcYY\neDf8ocq5XT1okZIFiI44teFK6fvM70C+WeNAnG/wX9dHOa4kU2vXIyIQSibp\n4vAnbcmBrSNll/St6bpAT5VVhExTXsRUcV3KQGuDJfBoyaTc6l6iB7PDoZeG\nDYV88+9Nxo7ZtedjkAGMKAWoMe4MFJbFq2iE39okLB5QfQLHfBdCYX87BeDB\nW6pDt6gJMFSMbjDdMaXQOxPtI3Xxn1rYxOAW8MjMYq1PaIx3MnEsRW6OZ4K7\nwdHt24skt8knG4KAak4tR6iulU4UaHucmUYXn7EIMNpyz56yOAtQtyhCGjNW\n3Dkm\r\n=sNF6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"189c0a2c2680662c42b32d78514392a643111e0b","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.1.3","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.1.11","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.1.11","@tailwindcssinjs/macro":"^0.10.0","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.1.11","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.1.11","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.23.0_1617253188415_0.5288956969257634","host":"s3://npm-registry-packages"}},"0.23.1":{"name":"@supabase/ui","version":"0.23.1","_id":"@supabase/ui@0.23.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"a663fb418848403405b4e932dc3a4bbea7ea4e48","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.23.1.tgz","fileCount":3215,"integrity":"sha512-oxgQd0Xc2puz3w+zzeYhxd8HyqyG8ngecqdF3YwAgFeGSNcCjpfriH5LlY5a+8KPrypQBXh46v1yr8wStkNcFg==","signatures":[{"sig":"MEUCIQDntFnow5t429JIR1d/TXmmKYTjXA2F1zlc+A9e9zISQgIgX9df4bgLUYpAn5JxwhOM3tFZ8gz85BGMJekEEfamC4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2643878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgawGQCRA9TVsSAnZWagAAAsIP/2Q9r+aHrGZgdg6BvKPP\nZQwEukAZplo5wQlKGKKeFAVjT+ytyWzEeXl0bU2KLOhvdGv/hNErfqe44b09\nbA5RcMLUjpvptJzd4tW5I/Z9x7RybpgdtzncVA+vGPOMVLhim9tkS8YX10WY\nSv5BlmVwiJBYxQJR8QLw94mVinNKOXtvowBuj3u7RVXfeMvJ3WBTp2ZFL5wz\nLj9RtP1tZVQ87WOtLaYryaHjMNIq/rLrnWHkIfcIOMzT3XXa4+p7vi11D2Jz\nxuGZPC+elsyvqIVbQ2OsoEap9tRfZXBhBP+xjzBHsLyNS8shIHjeCyx8h9aw\nhhRA600/RaJAWDKZglzBr79eB8dQ0/MyHKEr9nkJBduC5s4HGeuDiX2uh4F5\nAAcq7nZCEKvlVcdpwkTIWDQva45OOGFM8toiI8Q3c2anA2a5PMTOVhuzxIKy\n0eIxjlV9P3FFiGrv5YEfZgGJoDVkZb3nsXVDDZa5MfEQHleUzvurM3b4SeYu\n2SjK9Cp6JEfN8go72cHco4iVtEV+X+xrMYhj65za+kKSpOOYvWLl+Vf89nJH\njcF8paP0sKk12K5+++Cgq4QQCBwWjCVMRHTqtrZyXG/xkkFeZoiq95hWA49P\njKWFEQ3QyDZRk6n6aHwKHGYBUZ1AV08Le6htOHBfOdfaw9osEAg5cWG3kIY6\npPs+\r\n=267P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"97937f08da091ae39cfa6747fdb427dbfb62d113","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.21.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.23.1_1617625487591_0.7884122681541306","host":"s3://npm-registry-packages"}},"0.23.2":{"name":"@supabase/ui","version":"0.23.2","_id":"@supabase/ui@0.23.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"6241b89860603673c69d2e153e30a8e63157ec24","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.23.2.tgz","fileCount":3215,"integrity":"sha512-wKc0t2aWsAH12OEAKWHlnoo3+ZK8ar9+1gPtn6xGjJMyDfZgNNxdUko5rsBrEOiG/oy3dhvnwNTok2Z1eR2HHw==","signatures":[{"sig":"MEQCIC9qqxSII7fcyH1EMr3HF9ccbnczyKnjnG9ULbpuqACKAiA4O7cFTGByY7flPGFyfx1NhahJoF2Ml+vZwg2WipsoKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2644026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdrlDCRA9TVsSAnZWagAAE/IP/iWNQ3+Bam3QLuudGtpR\nPA9p1vImIgVle55zC/x6cH+QYbHYJX93GSCcPY3Ve5Z7GxTDMWQyMt+QOm0L\n0pqI5wZBTd1tS+EdNXfj7KECttBUu1/vb02cRGzbNARHnTmHvBtjI1ZQEbgd\n/D5fRxZgFwLY7dqcHvI5qwkGSiDg+KEEFesaR7oQpIn5MiuRZGzwydKT0Mvt\nrtdMv3YHuTDcgST7gk/7kbysY00aBsASlIV7YzZ5wqj+7kH55owpuagC7UQj\n9/OD7hsA7eyi9klXNiRywhkGYw8Y4zHGN7ua7RHvItIEg5B0Hnh6z+Z6Xjcl\nu6LFp9KYWlqVCHeNXs4A8g8IemsJ8lShWmw0nOVYXlXBfPhfClclLIhaoauc\naioT0Fq8Jecg6FP8RHNS1L7kcptzsbDh//5CsNpXZAD/n5LsGfdOsztkP3Km\njnq3LKTQB749ca8asTyjgYy4A4YyaJK0vmCZ7+pwjSkN0gsEmZPt94zrWted\nhMJRCexeKkthQ7n1nB3f4gJXk4usaWMWEBPM42V6OGNDVoyaQfPjjMFPrbYs\n5lzb9/EuUIM5MrbR0/jlsUiIFQ5cpzyhX/Q5LVPAgoGy6wbsThPZgr2AuH1a\ndn9PPiQt+d+Knkrs8/xL+JQTaSYI7eysGcqfoqAqlAG7eMikS3n1e9OKOCHH\nMv+o\r\n=cgcP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"bf9752bb9eea052a50d308dbc8a67ad543e75d0f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.11","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.23.2_1618393410819_0.6925119241443691","host":"s3://npm-registry-packages"}},"0.24.0":{"name":"@supabase/ui","version":"0.24.0","_id":"@supabase/ui@0.24.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"d5791fc03575edf419768e8f2ea0c851ba3db80c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.24.0.tgz","fileCount":3209,"integrity":"sha512-Cc3kzZOS+BQOlEWyThyJ+E4Xx4kqcPiNRIAQ1e9YwdAq+E9gizSzurqCm4iG+OqeDiIAGo/ajzpao9QMAsBbdg==","signatures":[{"sig":"MEUCIBXIfqFtT3Rm8pa6XYgIhX48rjQQw7Cy+jfUh0ayXAm/AiEAhtwiRvappZE4y1Sc9s92NPz0A+3d5TFcylAKEf3RhWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2722994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfSyGCRA9TVsSAnZWagAAQNQQAIp1VKEnTWw73YQe+Psm\nyfCaEA/Jf8bhQ8nJ29sCD2tQP3Y5qI4Dea7c9p9qmncvuRetIrzhBmNbIzow\nx0w8cmf3d2AAn2ClVDEjNKWUwZF8wT0Frqi/ulp8jzbQFywiWzXGy43jeqEP\nhOX5OJA/38dh5cVlSD51e7NV1GTxhxClVrx3GHVngomFC2+yQg4xS5CHx6Um\nY0V0AbDX9+P3PDL0laPUCOm3VGRUuX16CD8bFP4JdTq1+jnSp/Ybpopj9tTc\n+LNrVv9szXRHWnHkXt60LpSdCQedpuzEW+T91oFAvoHwY/N2vaa2Gd+3cKNk\nxdhr+rvCOUdG6XNk71kNaMfDOB30gAZ0RPr6yClnkgOhiTI2TfQ3z3X2ONDa\nuERYeZ7712wQIqvuQ/yOg48+9iISfeOoLa3OKQzatjS9La0YltOhXI4779pW\n+M06HIPu2HumqWWQ8XdD3FAvyiUNifWocRN+65J9qj08SY+Knk3PIUXjNJ8f\nbkeGF2bj+shXoxiM4PcYOwC6gSWltgUceVG1h5ObcV5fbOeLhYHC8L49IEUt\naazAARP5N6OAHX8X4q/9vuRFBwPdKWTqBCaSM/ECb7vmlAvP6CUBv+Hv6ySy\ntFqK/FMVxOC/1d1r23hlL/Vhcqp7NVCLlAsbM8q5TBn8DbL69V0/PTsXBYdT\njll/\r\n=X8g5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"ae199aaf758b9bc174c63c89b65d1ee60a1ee914","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.24.0_1618816133668_0.8911347403371006","host":"s3://npm-registry-packages"}},"0.24.1":{"name":"@supabase/ui","version":"0.24.1","_id":"@supabase/ui@0.24.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"e3857f610264a2d2364bd152d58d91b10d711542","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.24.1.tgz","fileCount":3209,"integrity":"sha512-WHIJIGNZZdx89D0rgyyVsaYYSAo5d3nB+Fm/A2HEn74eBYbwxLlJl3IJhiREav0RpkGATbPRPABjBsgJlwwSBQ==","signatures":[{"sig":"MEYCIQCe9AFt+d6jb7619KxVCaHxMvIT7Xry5egLpy6F1Hn9oAIhAJkGrIOtj4g9jlszjo6BArafMXJRQ6gawPiGFJ39sJjf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2723364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggOlUCRA9TVsSAnZWagAA5xwP/AxWcybI+Cw/vaH9Tcxs\nZSFCWo4kOOPWseJ/JWrJ0f9yqmKrbQ2jVFuDPQfebBqnJGd3T3U1SHWli+Rr\n8aHUbVubbMbgp0BBmEFHrEJWzT7soyI8TgWDEDC0CbZkJYC9HUg4Ae1eBCSg\nIovsaKJT6WoD+ODMzl/MwmTvNnsFPspBIaBLz4V2Qx43Mtv7etEAZ2jh+LiK\nVGMUu4TMmpl2py6Z7WrXm3QX5haQUKsHUAdJjVyoF+bp7vnjYBcGA2btI81E\n+BwI4W163Vk+7K2uHRYoYQ3ULXYfNmJi/gGB3PD+2oAWqmumJQBtbfCXLp++\ns/s5eoznZE/17Y7qwdfGiKaj8CAXTKr7BGi5T9eiK/gUH25LTGY1OV7QxmzV\ntJqBe8TQORvtRLPnsr1n/uRmJCU92O9t3fVWnmEdLKRlcOSBL3JazBvuAUdw\nCLT5/AdqpRTv83WksaBOlR3T39CNMaE2Msc5F7CkKSVxCNf1GVj5U2fDCUeg\nzBPRK7p6fk79ktECQjqh4EM3WLLpNASU/vWcTBr/zdBpF7y8uJ0yW5nO920V\n0UOsnwv8VmmB16NUVHntMeNEildPYtXNUCmyAFoSsFwuCSF3dHoqoYMJu3+a\nGA1I5c49Y6yRu1x24wVMMPNnpG8Vh4uqrxnbpHN9x6cWitDKM0dBxRwdqq8C\n1nas\r\n=UtXC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"8cf598542cbadcd5b705cf9a7a5ba78b126ad619","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.24.1_1619061075677_0.07568784191223554","host":"s3://npm-registry-packages"}},"0.24.2":{"name":"@supabase/ui","version":"0.24.2","_id":"@supabase/ui@0.24.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"1e9041c6952bd0c6e8ae2d57145cab1d29bdff76","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.24.2.tgz","fileCount":3209,"integrity":"sha512-8bQSSsOSDseatszuxDM/QdnE24+Rmi3BBABWeBLd0OLsB/PEcri8/WpCHnxhaspwD2F9eqlBKsTAk4St6/2shQ==","signatures":[{"sig":"MEUCICXGfqnoUiMLBYA3QheyDhZD/ciC5cALu5p6wv0TEehWAiEA7y5r/eIxLsbiiioZU7MNEFB69wUs8rQY8285wR+FIXI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2723358,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh7RTCRA9TVsSAnZWagAAClcP/i5ColMsLDU4kV+zq8K2\ncjQMmbNnCre49jLBBY2pFBItgCRQd2WlJ1UashfnEDRHdKei31x8jt+tGBGz\n+fn7bZns9Cqe+HsfIzzxQN9WvsPwFUuOG8vXdTOxAsl//AarDUT0LYEOrege\na4PLdduGONmG1o1cxHBGT/U0vsyrC5rWqwO7o2bj5MSMeCJJiL8E4KP0ouOg\nn5HGvHyIcsu1PhVEFAJRRGgzVq/5QbYKc3xizmAtvvDh0jlvKWptXlJ5u+n8\nIN67aR6M0P8PGWOrUSyQkzNo0suHvfBuwOtVd4uM6gjBw0rWQK4hka3587T/\nW2IQg8ySL6UNoaQw8O5aWxs0f59nPDQ+RPo+lRFpz948JMPm/VeP/Qd36eVv\nTBRZSvPAaGlPDzxpccYRyd4aiLKq4rG9RUnLl44WM38OGdn0Rxfh2SXJdn8o\nv+J92hYm7eQL47Dgmq1CaJARIptd9EkfcRdwHGfYvnD/xXMBIL2/MIbcLk+M\nOYweE6CQb3vYZ3OCJX1oGll1mi5euJX0tePTuvf8pfKwZZ9/gcZUdRgt4jra\nDMnpMXE55MYljjLWfsQRns1F4rDtVxDf5dntfDQ5XGYakcagk0TmYNxuYqua\nFDO+FR9p7Kioggrrp7pW25POMz6dn+FMDg347UnMnjVTrD4+a9W/LdcFsow2\n+EPU\r\n=2+lU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"bd05f81f2c84ae2e5d77b978a91ec56bdb5fc8c8","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.24.2_1619506258760_0.05697727488145965","host":"s3://npm-registry-packages"}},"0.24.3":{"name":"@supabase/ui","version":"0.24.3","_id":"@supabase/ui@0.24.3","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"dde32f4c2f0002fad3250d2444d5902493389ecb","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.24.3.tgz","fileCount":3209,"integrity":"sha512-jLQ9m9akrHMdPX0t4wcHEE6kL1wCLluidtTj8Z/1m9cHVeAWUosn+IfFDfEB3zJ23yBntmA18Ug1bFtK8Gip6w==","signatures":[{"sig":"MEYCIQCiygRhFXBnm/GelNPPYYK8dumBBoqZbFPgGWHyxq7WwQIhAO0RxPPncV96x8HlV9ZEvSD3YiRCsJ3gLf/oFCcR8czD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2725722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkKPBCRA9TVsSAnZWagAAmpgQAJCfY0xWmo21EmBbYHyj\nOuiqgINfgQe31y1BAuryU1rrRU/dJrmm0WmUHo7TEEjnnJ67ZBXY0oXRq2Tf\nnsc8QD9XP50pc1w1YVGqepb6CKPdGtaBCdnuDPNTwYYOsUqHViqXsWHqlmVu\nLeGmMxiBnzRpXx2ExbQdjRVtkvtARhsN8/HXdPKlifWW6roXsJnMbZXl/Lr3\nYCqwEjbUSzzioPMGUdMJTVAduBjXCqXRV9Lrhz6MnTNkqdS8xnEAssasMnHN\nQBLeU3if1EOHzrjs9+VFNG3H+aTG3d3wJzWbL1HZgaCs/2br4Xsq96HV0UZ0\noIdxirEKhk9XsoIa7qkYuHVZchZW3Q7V9Utafx1HZRZrFCYwh6DqOpfzDFy/\nCEbNXOfjnP50Tvo5PvUO5VSs7RhyW3sbg6NaKei2nweMgDjQ0YRAt8OmG2Ir\n8wydpLkDBqc3k+0qc0vtNskX2X/iLkzXrSAkkLPKNY0fdbcJDXc/QFRQ7zmt\naZ5VP4U1HeIyB7UTwvnS5c4TbG3pSWoJagI/DKk3la0fZRrbp3ay2Ajnp3Q6\np/68ggYQIAor6BgNh0IIBvhPNKrKxjB/TbZLSVj+SCGPGa3rXXX4g3ejsYR2\nBsuca70/AmVt3hnI5QZ6fTyubmNLLQpB9UwsjjFnoJVwhZUFrd4yp+zmYpLH\nIXZV\r\n=2gXG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"5e5d0bee09f22904a772b8cfa2c137836341601f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.24.3_1620091840869_0.17384809696642378","host":"s3://npm-registry-packages"}},"0.25.0":{"name":"@supabase/ui","version":"0.25.0","_id":"@supabase/ui@0.25.0","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"6bd364017d58ee3be1ee169bd662e44a3e9a692d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.25.0.tgz","fileCount":3295,"integrity":"sha512-TeisHt0DuNcgbTQsCvrdbuTOAGPwYyVEyJwbTnh87vzde/kTUJ5ctN9glNXT9ZZeEs+EELoD4yyK6UsfCm+l+Q==","signatures":[{"sig":"MEQCIFc5wRA9Is3mUyWkHmRVcQQ0glyczh7UQ9zj5kmGStceAiA5ttiQNrp3gM5JvjIlYHR47xMuJECdbDE2DoFmfDLfRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2910370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmi3PCRA9TVsSAnZWagAA3wEQAJEq1NSahBfnxl4UfH74\naXt4Hpc87+6g7DNC8p+6C6AQGvAwU1TJPJYcSNQZCQqPMRwGOLD8UGs3w5Q2\ndIysoVB3PK8bAj2mDOJS8319rPIWdzR9zRPZ7tn2quvIEFiCgHLSBtqIB/iP\n9lhHPbhDyfVsmAQ6Cen20E/lnbzSpwO1cCpwK0NZYYdB0d959pj8N9DaYv5N\noEfi/v8fw9XNwPTmIvAgJyjZtMhJKSd53NhPWsmemhOoaAtpYk5AcJupRWN/\n3MZJYuBV1wJa9BMtUBCehcn7DmRU4VgTu/Rz4dlT4JcuW3lMYyyrva0H1Hr0\nvZ5vIcnjJJKslx4GqYQLiqwB+T5spH1azMJzIUA9H/z0AOTbIuB7a9jQzD05\nfhb80w6uwvg3otkLtX46dH319o8Pz4CWBrmeaB+xOdQJJNBAcYLcn8Ph8UoQ\nKEiQysccG+hoanqfbJZeqdljtP6VXaWxXZbwHCHBDTHp0zU7GnBOsywx9o1k\nAxtF27RW/kCpbYb34EgN/hiRW1ndKfvdWraROYRb1+umaMQhhF+oAWY7qg7t\n6DaC+I8lXSwKTPu7yS1TtBaj4QRNPJCqr900EfZDXXmhEJV8JoYxbb/DYCWh\n+swFeq784oK/nvnnstD7MBcVYOdQQKCYRXPFockDDFKsQTwbYfAxjncxVSKo\nJ6Nj\r\n=V/3V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"ea3f3fe9a29f8f29f4ad88e1980804a85bc0d73a","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.25.0_1620717006786_0.3348741781194218","host":"s3://npm-registry-packages"}},"0.25.1":{"name":"@supabase/ui","version":"0.25.1","_id":"@supabase/ui@0.25.1","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"17d5ffa51af3c72d8e598dfa5fe2fa6046748eb4","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.25.1.tgz","fileCount":3295,"integrity":"sha512-l3yntkX7zzux59vW+DDtQNHEzXRPoPT0qcoP8TpLA9OMQCntzg7+H3OvnJS/afsLYDp1+XP2OWk2JWw7+JT4Ug==","signatures":[{"sig":"MEUCIHXFp8GM66QPHjXyINX4kaTunkIVjwhyDVNMEozkVsqxAiEAzQA3ET2q+pQyevDXpWAbiwcEvqEDelnZFV0vAjPRcCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2910450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmjz1CRA9TVsSAnZWagAAFYwP/RqTziA9wwXVm4m1atYM\nK2rVXuqjWNANfJLQRbpOz8cQwZLyJYKREF4e5qrz4xpacAVU85D5W8/XJVk9\n92yOuBEDgSd/soh9Me5tWWlyJbslqyc8G3J4n3c46j5oRGY/mCsqfNvn3gnG\nHUc4173Z+vpzx/EtjToOAfS2V1Cw7KZQ51nj1T7xIy7Ep1v63CJei7v8UnWY\nqFPcR83RVkCZnv5GdaR8BJPsNaDwD20Mb1ZZrGCtlyWJ4m+pIE3FNUZMjMZ1\n904DQmDdOFAEKeYq7Zj/7fLSjXBUd5V15+nff3L9zAJaTKXWRBzEDmqrvfrf\nNOwF8gCoHq1XePH8zocQqJB/GA6aucp3pfo5L6iSuP+LAR6XY/sCSlDDoSYC\ncgmtAgdyf3qp9cQg9U4W6Hs+dTX6kCmDwJYO8V4avlWfz7Fok2qY7y2d7aAV\n/Fkj3KxsRXK5zcV0Jig0ZfapmqfxY10cVIgX9kUVuYsf0MlGrWJI25EgiZ+O\nYbby5gIwFJcHzgv/vr4njIa0uAMlOe8ET7hZKisTPQZeA7mqZR61BcOVVDqC\nwJEKVBuRrL8EapiK8QsEKPEyyfdXdS1jCpJ9qt/q2dZ1fNXy/wZ5vEtJaoqu\nXyY44V/uavMM0v53B7MPig9+7DFIiZPMmfCPlmu/8umWsWEi0PANdcfGNwHw\nqY2A\r\n=2F5R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"6c586fb5e32755632e4f91ec98932ef36c23daa8","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.25.1_1620720884620_0.09369282892900865","host":"s3://npm-registry-packages"}},"0.25.2":{"name":"@supabase/ui","version":"0.25.2","_id":"@supabase/ui@0.25.2","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"b2b81b7b0bce7907017bde3c7d5d5ab05c18005b","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.25.2.tgz","fileCount":3295,"integrity":"sha512-bp5UX+G5ZBI6SiV21/hq5FAG2ZUR7bwlKSknZmvP4NwTWo+qon5koIXwPe1N+3KmzChiamW6b1ZEGf2T2n8lGQ==","signatures":[{"sig":"MEUCIE/YjU9tqGaaP/BWLBq1c5exRwNMj2ULhl6zwDSNMxLJAiEAyGK53HJ9pM0kuTAntcs7IGi8EgG7s5UysgNE0rg1Hos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2913969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm3HiCRA9TVsSAnZWagAAe5sP/1O1iTMQ+Oqcc2R3PnzN\notEJOuL0DQSu4lUOGURBq6l2nYn0xRm/nB99sAldlXgmg97uxHl2TsY6Ubnl\nqtcgaGfc4LgPSoazxJma494nxCirww8PpiHtw6K5LIqW8MAn6fWbM4KJE88r\nuGU/zNrxjcDO6j9R+swcICt5B+7vKv4VMnucEh5UKqJLJgjhNIpuamtRaUJb\nf5vLwAfox1BENTcSZ6XbObRkLUtOZA2UxrdFGU+qIAcwdqHBEzVSzXtGf9AS\njzdcj/Hjj5yry3l4jwD+aDchONQWjGBg0DfFWCPLD7ZVJF+AxK98JV3FVGBt\nYbPEUOX3Yr/e2Qjh6DEbVlzPJUMqhUiwL4vDj1cfwMq+u56CmNApBhD9B18e\nbvHVcyXcugwFOD9jxeK2ty+Lsoyp5peBOaCoSozNYC9OmqfJHNIaGlpzQyax\ncLjsYhXAowbKM7pPlOQFh0pdytV1Bd9BlMJQqQQlCE4xPKR//e8ZaL8NsGoz\n4w8Jl3nB3e6uvritMjVdBK32Pj/9qfKpB7edGN1t1NOFYqwi4BJH30v7rL4k\nfaJ2xtEXligJnSH98Hd9CTnyI7Py8pTj4QFStqaomsN5dSvHBjnb9cK91E9J\nXQUMBbqm5MyCFMi4eJeg+C6eiiDB1Rc1b3J35egnZuGPC8cl1T1JsUBhU/iZ\nNW00\r\n=rJK3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"a919beeaee937331ad65b8ff973e5863cfa73e59","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.25.2_1620799970215_0.058089180249421446","host":"s3://npm-registry-packages"}},"0.25.3":{"name":"@supabase/ui","version":"0.25.3","_id":"@supabase/ui@0.25.3","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"aa5b3e887aa908a8ebde64e7f03bd3ee6578ee92","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.25.3.tgz","fileCount":3295,"integrity":"sha512-bTukQgqTEaVrLCQBWko/02cjFfJnIWm3hnHIivHFlurYCgxJgqnpFyazPLhuDdsjKFh8OyKaYTZ3zgq8YDU1rw==","signatures":[{"sig":"MEUCIHOeOGcacH76NfRV4Y+W8SCGeGiI660RmOCgNr2/ZN70AiEAw1FvHMczPF00s6WPoiVl0SLqEU73Y/602X/CZnR5/Bs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2913969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgo2UyCRA9TVsSAnZWagAAb6sP/39rUUYOvI219NaYc8YM\n6YYFnpFSHosH8urTuuKv1KXg37Dmj4Nt5dGNdJR1+OV7d7nMCNEQDzYOmyXZ\nlhQO5MRA/gPf/Ayv336blwO4wxBYCI4jbJi8FtLFkZeOtxcOW0jepT0uxYkT\njwXEFlO+9biPb41kN3XiI2O/IKerJRvFs++YhRIx7EI4YfPaH4DeHsnOmPRH\nGPFFdDut9hszwYDh+j0R5qCB9+6oE8CO2gB4vI95L4sQnXxrvcQAN2p4aJ9w\nX+6hpWK8hoPmNz/rhIRroURHwJ4c3BIjaM8dMkmFmF1olrQLv4iwynSM/Ew3\nieZIsfk5d+N58Fp0OuAU3bDPSRKt1Llid8zMknveqouiMqi5K2V2QSd4yJXg\n0ChudnRmu03Rxp7/u+9Ky+vnvzPbarrjO16rjGztYaGb+EXIsOmxXNCvWJfl\nex5+0eZUnLiRzYHvxOHwJbtX4l9zeMs2FnIG0myyZI4qNiJ2RFa5eDUhFTQ4\nLSawu6tdZNjcWw8O3+OhsYJ+6ue/m4C7w/RH6x0ZYRCX9Hqu8KmhDhkXakcv\n8+75gZFu5w670vGLDr4IyNhKtLqxlbYXcNRJ7hhqC/udRMs76x5y2tn99jY3\nPwY4QRT0By48A46mGvzI4GdwBOCH7QhpayWiJTZ/NCSXg4zCI6XPEXBx6UIo\n9EvP\r\n=DR4Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"f6957781794185d825983fb23edfe1607406a5de","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.25.3_1621321009597_0.5494402833190104","host":"s3://npm-registry-packages"}},"0.26.0":{"name":"@supabase/ui","version":"0.26.0","_id":"@supabase/ui@0.26.0","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"c3a7aebe8aa689c7c00d83c2e321321aa5320a0e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.26.0.tgz","fileCount":3295,"integrity":"sha512-laKDje7lBD/8LARnxBA7VclImYPelyAop5lhGuCl4px9+L3oyV5xdzDvmhI5yeRttjAQJyFZlLukPhnwL5XKLA==","signatures":[{"sig":"MEUCIQCaIUNOImzvivsTTVSKDzSNL4IH1yu2T2TL/Ha1/b9XRQIgUxKUZgLhbf2w87hp/w8dbb2PtER9+sSS+NfAFw2VCQY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2934351,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgo2c4CRA9TVsSAnZWagAATD0QAJny37Vrft/7zqIoubvY\nm5ZErODNh/BOfKY0juwkErRjG3e3CISUwmLlV6T0Z62BLlwRXB5TrqHilKkT\nXOt0EuMpuYcvhQe8ZfTivkZsbM6/kgcieIu98qsgn3VcEKw7+lLDqySbihcy\nu6erwvA0Lr3sjA3q9nJ5sVynSjEBqyJ16evsXEQr7OSEu4vRzkfbfvsiif/T\nZ4tPOco30DXVzzQ1VGC0j8ZzNFF/G8OzA2wUaqWBr3B2TF5KQnhbhl4Isx8L\nFKrf4Zzga9y0ZgVjoAwgAYT6mtZ4t+fBZ1T8Cj399+JNrM7QzRR0FAqul0xO\ntq9mIg3I/+MVh1T3I6sqO03Cx5nh8p2pLVy20fjMdlBHE9c8v8vulU76LwQN\nn0fa8cLTexmw6CKm8Lb6fSUDHvhrQGy2S4YoSeLHxz2bwrirZ/5RN1znmLA9\nHPHlU3kfBeeeqxbi6by7pNy5kHVWpAAI92MUNaPSLZ4NLzPGI0B2Lk6wgxNx\n6hMfY6Ayqxdq7zrKNjPsp0sPRcyTcPv6nQ/SR2RHg/Khly1NjTtpECedkecI\nNCnU0MWHzqqgV3hNpy7J5InKIFEWK7E4KfTm8TZbzjeIGlCJV19SoANoY5q3\nqfsTMaig1T3i6ck6HczQyhKBDQ52a/2vutB/niKnO7+iJT5HcwPrPmrY9g1n\nUYxn\r\n=R9Dd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"b149afcf772bb70ece280936c8aa4a0c13129585","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.26.0_1621321527665_0.5984875068610014","host":"s3://npm-registry-packages"}},"0.26.1":{"name":"@supabase/ui","version":"0.26.1","_id":"@supabase/ui@0.26.1","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"904be245e08adfa8cf006a52fcdf677c4ad2b15a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.26.1.tgz","fileCount":3295,"integrity":"sha512-V4LzP+RqFhKxehubIVzENIm54k8f1K4c3jRn+1mvfoTDnfgRu4P5y0UJg3el5IqV7WS8F6X11/bmxaG8Cze+eA==","signatures":[{"sig":"MEUCIQDF4Bn0uPmHifDdBDqyCUFkbWYNfRda1MTvkfxk30Gi1gIgU8jHfPLolMEi+i+1QjJLVw0ssPkwPIjkH+dZHJ6iIZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2935335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpKqeCRA9TVsSAnZWagAAXwkP/3vhf/qAadke4AvOgTBI\nYGzBaDbmrLvgsa1H8D068+o5buBXVV45E9RTIpSRzUhWJfcjXMUF04hQb0/z\n0KGSKAUP+SOW3LYdYpL48Oj7JGd0EyrfuhEbtjF0yakhmYOGRZeWUMn2rBcQ\npIurWN+72ObWVpsWyeGysqh86yYhdJlrV0r5ph4WkoxhUCYOt3/0biRS6l7l\nxdCzayENj42VPCqSMNI/bFGUnHZmZgXWD2w5LY3+lqDn3F1Uea8lo8UHwf4W\neHHU4lyjab93edUma/oGxScM+EIbXdfAm/BCOvtDFmmrUBUUSQK5hc5Iq0Hx\nDoyg3fMgpriQ5EcyhNiopO0NpG4mYxWnCjcLLTOibZF2783KtMMpIiTGXng9\nnKiX07ro44aNjs8+eE5NaGSmZHO09H7uNDMIyo6xykW+pMhpnbj1zTHAokI4\nSNbW55cD+KP3cMGjhOmuR+JnDkMS18jLqXOEOFcboM0BbmjwWoNS1uGLyr95\nDUHSjg/Id21zJSbf8dUO3ymuVTNGeFK3r3W5mXxyt3/wR21EUvsLNbqBXKsl\nPy4hfseVPCxRAujsbL8zKpY1ElPLMXxnGbjHuDq1D6yES7Tf8Y8UqmpGWTNL\n6C3cJ0WtzyiwY1v6BTL7MeBXM4C6Af2aUYazbRxHtgJgyHRJMCm97oV3DxAJ\n3l6l\r\n=sJUn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"c0c6b0790e805f5364b4ab83444f409b469a7665","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.26.1_1621404317865_0.5576691308110258","host":"s3://npm-registry-packages"}},"0.26.2":{"name":"@supabase/ui","version":"0.26.2","_id":"@supabase/ui@0.26.2","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"8ba7bc20acbebb2f3e1867971c1f548cb7429338","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.26.2.tgz","fileCount":3295,"integrity":"sha512-ny7jvtop4UGxMrc8BDhg6oC2KTJoDoGu9JGABFVA0shMqUmaemAUGD7CkqD+JuRnzV5l/7VaeoPGWbvWQSLiDw==","signatures":[{"sig":"MEUCIQDsD9WGVab2NxKtK4Xz1MUINxrMPsp8JhMvqUyvtDusVwIgAPINVLRV6BW0h3UEDeojubf0WHm+FUY0Vnt6gjX3IUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2933198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgryA/CRA9TVsSAnZWagAAUhIP/2hNkrGRQl1yDQlKjdWU\n527Mf1IMrAZhp4Ww1KRCpvGRgxK3zPE26IhKqXeMGahxdxZ0Hg/eVxsewu92\nJe5GNoI59AUbEWK2c6PyTRUbBfrTPTxaGvM94+20UmOshDryjJQt2f0F1Ok6\ne4QNAVOBBu6x33Rplw982cAoAE+SZ2XJ/YprfmJvYUrRKgx1kQPTzyi33zd+\noUljPN4VUEbo3+4T3NFZRpBYImf/kVeK9ZnX6ri0OaF88Gpd82PNdQyHVUcH\nZJv4da7yMKJ7oOpy3VhOoJd4J2HulKxwrFB3A+O9TIR5hGIoAqY1gknXWVx/\nx6gVuAm2MKVdJJZjqUzYdm8jvEuXxa1njIydzsmEdY0wErlaKzWyBMoFQKZQ\nHn+uuoeF3z43O/9TaZnQDpeKJIjQoBgFPEVSaMacGwdfv6th+FUOCVsCqkh2\nG6iFd9z2HSa/dtYGRSrJOUpDf2ddSARuDAEAlV42GqjaW7fNwZdyr8YSTi8B\nFBz0yn+YwSnbvwquHuL6BIx/pehkhdhrSFP0cQyXuOPaanGZ9Cv3LBbETv7v\n6FDJJWzGpPFcb3/plZ0coIPGshtppjq4irg/lIj/zqx2n4e+SaE7GIW6Q6Ox\neVv3Mn6roBazIc7FmB4IL47eDduwPxv8rY2i3g6V8DZD8LDgydvLO3FfB+Jq\n6pF2\r\n=OEGB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"7c6d65d1b50ab2b3ff199b67cd9f4bbca53058c6","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.26.2_1622089790854_0.5679809845576873","host":"s3://npm-registry-packages"}},"0.26.3":{"name":"@supabase/ui","version":"0.26.3","_id":"@supabase/ui@0.26.3","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"a00868fe974853693a699061f4259c3e5d5e6abe","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.26.3.tgz","fileCount":3305,"integrity":"sha512-koDwK6a15WV5JzRHr57stUPvUKoGoDJV/MNJj1PQSHhKKJ1D+FOzVThlULyawImIAowTt4H/K+mKpNEGxIhagg==","signatures":[{"sig":"MEUCIARsjGqc5ProVJ/Wma2+sTDMwSsANg39ee04sjG0pIb/AiEAhKcPAiLLJ1IHMp0ZLRy7M+0at/8SqtzAE0BsVl0JBuA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2960384,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsKofCRA9TVsSAnZWagAAaUEP/1LN+rzmAHO/JajemXyz\n7lyrlL1er++igXuQzFP9lcvQkdujLlbg1LY/61YD9WZkdfm9RG+yQmLtB5xK\nA8QzUgVB/7M9vB1YrveDnSl4gvIYzeKdb6ej+Msk1n0ar6+4SGFLNciJtUby\naBhV5Mcq9NlKi4lmlrkaUNK5y5hNMznwUMgj6wnRoEQFo/5zPg5fciEsjNed\nw/jmvZ1FAFqDNoyvBbn+q3oDdx2hn3b1kYgVUJR1TV8Q8de/58/4oHpzna9p\nLHs06QkWIHM8ia+h9hR5MqlWwiWBBbY5jEXtsDjTtHO0rhnPfjsv0K4akJ9L\nAiie/CAa8n3kli0R1V+Hb9zFbdBbi5aNKvXUQdbroG/6HA2tGN3T3LK5HIZE\nLyAyAAol4hfaXU2y0B+Eid5qvpFKEmpyXJqpfglbXSt9PHZxH81PV8LZrRSE\nqm5xuSoiaZadt5mhPfzTXMqZA6IP6SjTXYIQShIRoO5qnvg6YNGs7KU7AbcB\nIjmwsU0UO2V3+gkHPQxS9pOgX+vPnb7j/PBqWbWnm3vT8s7QYhA6rNs43LvO\nmAKsQ3ITUcnovFFwInDGXZuRWHFEU5rpAQOOcHC/HsVX86Qjso0TVswEoDid\n+Nmiyx2aGI/OhoDyhX0k11XgE/iHkVuzGT9Qp33XXGtZi4GMLIXkAemrFiFL\n3mF2\r\n=ke0T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"c082b9f1635e4189459cad0fac51811125eecbe4","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.26.3_1622190622627_0.6837765317499251","host":"s3://npm-registry-packages"}},"0.26.4":{"name":"@supabase/ui","version":"0.26.4","_id":"@supabase/ui@0.26.4","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"51b4edd02d2bcc98b9ac4e27b4002e6a2e02d71f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.26.4.tgz","fileCount":3305,"integrity":"sha512-oIFNcFlZaphk+TepDbj/5w4tPe7qNVyJdA2MzUFZrGBD1N1pqL3c43nVjXL5a4whDM5b/XofgxvoA9ORp1ym3Q==","signatures":[{"sig":"MEUCIQD9DFnNrNEpKurajcp0eXayxy6nd2fycXGUg3toPgauSAIge7G3fimi8/vNhpA2jqPDrWmKwNeyfvl4mTun34Glxk0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2960838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsLX8CRA9TVsSAnZWagAAp1QQAJnAlO4kCSe3p9G51Gyi\nwg85f+4n35q87rtw+Mt6kW08dNC2TkyLOMpb49gOVRHZT/UYRDQOBuO9uxOo\n5p96qBveDaK5vfmoON0dY5q75263azTZhCw2zH/zZtJX3MZC6lWbx+FqMGt9\nFlUvWagfrzJJgYWS7tWGF+josgC/roTCSV4zgnRpvROPWy8MIB27Yvzz6ClU\nFiFKukIxErqwrEFSFb2TY4byrFUTtE6DMEYhyC1bP4bROd5Q8Pynerbsx/tc\nrcXp13exqhvbMEtdna0AIpTHreXB6f7/gu3VOd43/bErb3q3oIld/Eq6Ebi+\ndKz+pRszKVz4Mb25MSDsq1MCJsEtNizfnp3KGmIClBClLIQDW0Y2DySBzPxc\nenkAoW3qS0gqR9MwFlOPiYCmwSZCfOYiZRXKE/4lgRXzMbADJxOu39jAmL7Q\nDf5Pnh2QIMVTHTSI7BONNIgrbaPbfBR4vl/ik35ur0DjaJk8zvL8/uG/k9oy\nD3D9KpaidKvWHH4u0OqDhRMc+aJWhWezEsy7wtw3mlksk9oxY6ft080YX2cH\nIIPAkWmabdsu7xIlzAtmLX0D+qdWNp2ZkNIZ1hdM7JdDda1Oc3jOOB8cKEBb\n2UA8RCpHJUfLwJHKCOH8kE+1kOMz/760WnL4kFe8urqiMK4gfhA4qO6T/NPC\nuI50\r\n=4wrv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"e3d25defa083dfe377ca205c9fb93c5c0318c38d","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.26.4_1622193660154_0.5542325186465971","host":"s3://npm-registry-packages"}},"0.26.5":{"name":"@supabase/ui","version":"0.26.5","_id":"@supabase/ui@0.26.5","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"48bebec4f1f96a7096bbea2469fe86dcc5cf6fdb","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.26.5.tgz","fileCount":3305,"integrity":"sha512-4CDJsLjrpa+Fbr7NUMoa73vaC6mza+3ojNLpRs8+orCvgMau6MgpA1vkQJ5dVPkqoJI9VtSLiG7m4tdhrAt0ag==","signatures":[{"sig":"MEUCIQCiZXPNjPshQRGkHN639Xh2QXdsT1JkYAxQ7aVAAGJSqgIgeykw32WkuuIgVm/SUEMLIaP++tiSwFx9srZaI8SVdwM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2963782,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsNOnCRA9TVsSAnZWagAAN6gP+wSiKh0zdwOEyIsl6Yvm\nEHzqqsttn2MsQ/fCSlUsKibuQAZk/WMCsR2vKJ4mBNjBzQlUZotNFA9I1zSi\nEqu1sP1n28zWBb/oLzlbN9NjivTbcZgmfK7eMPyKcV86ZHINRVejABLZ+VoO\nNTeZ/JxzLz3k2O4H3QQOWnfzk6XHyvuD4etaWsXDDrQ508erS4/hvYdbEFdT\n60ZrmNISx7EMVpQtSY5RfIXWjxQk2BZoo4EhCeYOfUBFZB29uwUin0UUkz4M\nxx8qmGbgaCLG2rtS2+7Xd7Ww0GGmZMYtL9EMbdnzRIjnrvgFabvurS7vKPfb\nGHe80MlYfo1mVzNkEfxMIx1tvmI+K0nlkUmGg0xPqW7jOmt4xfeQ0CdcP95V\nfthFcGCVHD8tkR+GhEPXUbvT+ARR8bVa7Ah3GVotfJqIiq1NYEEETtlBOIlh\nwM2u9iYm65bUr9h9dqtxGOb3pj+Ga9jcyc/N/LTEAFKvU1D4FTaOsSxkLTJq\nkl1xYKOTZqXNIt9JnWa/8ZZQ7ZA8mecP6iklA1RZtw9lnm98WoW8NXqXHIsx\nrlkK0AotXSEUpbGskOgGhMOkEvDU7lwue9P1xpWTZcatu3fscsPI+9KwNION\nD92WqeuP54m+0x37e5RYtqcGg7KdzqunRFzOmBpsGcZkjlE0jPM706yEnKez\nbNyk\r\n=n42Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"a5b9c6bb282c07f838afc87deb25f3189a04fa84","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.26.5_1622201254688_0.1191727861219225","host":"s3://npm-registry-packages"}},"0.26.6":{"name":"@supabase/ui","version":"0.26.6","_id":"@supabase/ui@0.26.6","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"5ffdecef527d2c2980ca949f248117ba44672e81","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.26.6.tgz","fileCount":3335,"integrity":"sha512-cBIwJH3Wmfwp+F0Z3g/EjEWU2WhGjk7xVOZST982IfM+ybStJJETGdIdfzfKeh5HK0lA3E4x8xo/ktcSCzltWQ==","signatures":[{"sig":"MEYCIQDyoEAi49vLnzU09ve0fldPot8Xw6oCVih6EnQD4nAFbQIhAPCW/6GdWFTwJcbJhZIA57DYY+DpD5G9aUvdJdYW2OFi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3051388,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtGmdCRA9TVsSAnZWagAACaUQAJ68419doeV8uwYRRKUQ\nUUAjgT9zEcpzxw0ZHwniPksa1uny7QROUi89A2f5xD91cVAx5kAVmS65mqHz\nyb2JgcOXml6WCl6K1K82xZSFA5vBka81T1pngfdnxgFAagMzP8r7X2lu1+Yt\nfsTWbYNjEBH1ZGkdPeNLTTXcjNUncrv+6JB3N6WU+EqRp3VZfzW5SsVmAyaW\nHdR4H899JRf6JQBXD8l0ApRcRSo+c+B1hF4wSU3CR7Cv45bc4auLAKPrifsp\nCAtXNEnt73IAKaNLjfw6GUgFkgWlS64MW+Dj077JgwfZvrhYWR8fRnb2KsKd\n6M8qftFuOkvp7vWNbQ0QnFyRpfAwBjpTjSuQuz9RVVMTja6MDG0QlHKyqgT1\n15l+0hKN1lWEq5vTL49i7DNG5AD0SpmCqLbD1dRZBFt970Hd8mKooTVID1uu\nsOg6mhvMdtU3v1gLciGjpSIZ1OuuPkeGlKtgXFbn2oIBmsr/noscG74G2KAf\nuq7aOVTyeBjSBuOVdl4jwMF7XvnWkeJBxXKyFknVKrDoYI5tAMfHhDGsOVxt\nbm9H8vy5UTsHVvhHbv/56MWF6QXosQ56LX6zsVHGgzY7w7wfbH870POzFtNR\nPHhduk4Vt70JxvW3HZN1fjtoQymk8AeuEoor/MK/6Nhsq3Nz3FPBdr94fgXr\nNoXK\r\n=bnXW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"f88587ea156b645a96e591d8de3da7208d66d989","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.26.6_1622436252919_0.3424775559224038","host":"s3://npm-registry-packages"}},"0.27.0":{"name":"@supabase/ui","version":"0.27.0","_id":"@supabase/ui@0.27.0","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"6eafd055c35beec63d9eaccb689022317ab9f75e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.27.0.tgz","fileCount":3359,"integrity":"sha512-VSJTJ/xDmq76B3LzfMtTXwcgAf7+Tjwr3LLkb8QDjsBGZQ1Q4qPya9EVzwiBOMS58uICsS1M1DG3lh+NEBwEnw==","signatures":[{"sig":"MEUCIAdzzu/QcIygU+yclp85s68+XUuw1kp2eXlGwSRs4KLzAiEAs7sgIbLB68gbpwe4J82s1JE4adl4zKHAaHQeWt76HwI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3094191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguIbRCRA9TVsSAnZWagAAKtcP/jH4+8EJO0pkhZgnRC7N\n9bVQDnybJr2qJYwYNIF72h39ntHiA58DHlungoaWNouHNtAnOoZlhq735Ni3\nBFNNUBo9UIEGH2ke1O9DNxyIEkz1agfrNHFDPddcbMCI8oQPO+u3ziuy+iUK\n5on+7/V+pybUHCASbcheTkzm9LJ8HXwA3yow3iwUtqYsuzewqAeWBrEgMflF\nMm4iRW0+Sb8XrxQISsvyKkzjoO87fEFO5YK+D/pzQn/tPUTP5RtUfukbB8+8\nBkcrWfOBe/FUNtY4baFjS/ocJ5pAGER/m1RGTan4VAuAA+FgsS9MzHhxfjOt\nWPeRjKxKu+YugJVqS0OcFdiHzgAyP/I1mLo5UMeRtmB2VZwyLbSAVM77t3Z5\nY7E4x3Nuwk26U1MPvQXU7xxqGmzcP1td1awVQN2j8NrotKyTe1PJ9v5JSbzz\n9/oCX/zAoIascPFF3rejEHW8xC8A6myVQJuvbjjfhHkice2vIGyl+t5OJET9\noo58+/3C8yzQ6u4DXMuicT8OguYa8NKxyKDb/fzbXPOj1BCCoY0hm7JGGeIs\n4unTmZTTMrPmng4oXiMfPZ4s/ZEcYidxPJHVcIJhkhYiDYIY31/MPT1Qg61j\nPMKIjqsJ6jy1przspEl6A3H/lhJCaAnPjYnPZrYu4+/d4PSjcOSi20XdFlBL\n4DHo\r\n=Tkar\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"856530e4338def5a9b594ed254738cceea1c8894","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.27.0_1622705873476_0.8567181924898453","host":"s3://npm-registry-packages"}},"0.27.1":{"name":"@supabase/ui","version":"0.27.1","_id":"@supabase/ui@0.27.1","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"fc332949395f778057dd858359c70ff100fe859a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.27.1.tgz","fileCount":3359,"integrity":"sha512-s8ywJiiJR67Zgmqy/PbyUmmGIzdCu5UaWkzQtBD84fquEfJO15zyTuf/tPTVGpiX+CgLdmGp+NJSULOzEC8vEw==","signatures":[{"sig":"MEUCIAzRLyKZOCIeV3CUkV8gPZ+NT5LShfkudUj9a/tlOp96AiEA62HQNRTA+lsvN+xvEWiIoN7rTMmzszFOLdfBHH9OKXA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3094191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguIsJCRA9TVsSAnZWagAApWQQAIqRrHi7bKBJaEtyHLej\nYwEQe7uBsF9htBquJgQzipDpTJngr5hGjnl5ie39m1tm5VRWlLYJUTL+3I7d\nTy7bDZ8sIaT5yLc1UTa0bBe4ek6l7Ufywx4ZGbTXilST4XQsEMbhqDqngijl\ngzVfLcccVIdpCnRi/isspaZmJO14yyc4nMlwi5GwQ/hSOOIAZIKi07D+6qJc\nibsbQJ8PJLUgobvhRKaUXJMtKyHRqEst2RLURP9kdUQqlU0bmTal8uIc2bxg\nXi6c3yhMkVkwmQzo71o3NxdJH0U/b3OcrEHTQDuWSyaB/zGs8eJANulCRcDs\n9e+etbmqZBgTi1AlECq9LRViOqHF11c/2DVmJt0DRCGJzGeBXZvMaGJIr30J\n1hZbhprxx33a+7gE9T0GcqhGH3/sKbklAq8/d2S8OQcyK6/bWetwceFjsNp7\nLq9TBGxsBA8EWNCx/bfOwsF4EpC4TbNESYWJIsX1wz6XrQMZk/yJeaiegqKP\n09fVTu5NZ5LqeL/Adwvsx+5BOj7LKcDJVNVjJTAlkU02cyFAFHid9yxNs6Rb\nrzmPpTLLNFSN+IaWw+2tAFN0XR2EjIuAXyBk3N/NfCEti9legxZDhpfnZfM7\nmMwebaP1ZIf2Ba+njKspQHjFd2IUj+pZ+flilZ3FkdSLq9d5j/FgE7v0xftO\nWm7G\r\n=sbVT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"d3e1f159894bb98a2bef7d292f9f1330bb4aad48","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.27.1_1622706953265_0.511561394189991","host":"s3://npm-registry-packages"}},"0.27.2":{"name":"@supabase/ui","version":"0.27.2","_id":"@supabase/ui@0.27.2","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"629d2c39c200664b5abb4802fa116328f75a6942","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.27.2.tgz","fileCount":3359,"integrity":"sha512-plvxFE99+Df9s/dy2MrKtUL434uFNQD0QeNdK3K8JICnXL47bWIESHqdSCz8YoSk0EG7l7mojZp9VSFBxgqmng==","signatures":[{"sig":"MEUCIBvuPk6GEB4zyGbOXogXhudreRcAMbuL2Efdk1E4+GW8AiEAxRCXOuR3am3LoCsqGKeyIeVbNquVYVW1KjO+b6cap00=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3094195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguI1yCRA9TVsSAnZWagAA960P+gJOqsGRxcA9HfNgpnpW\nrn742bZjJEcTQ/jA0Hw/uOoaRxXeMquYRrbb+2OaM5tljf1ge5MHbGKCT2lt\ne3bnOgwE2p6EvbqlQfQQCiKJiSueBDLceXjnh+qRYniLmyUQYj7CGECz+V/u\nADnrQZ14NGicTFAd4MapU0HOfsYVI1ZojbV2zzhlrDB3SzL5xq68xK4w3jyZ\n+teIVnVU+ptEWpUZHFrumixuotvJMiDxuvroF+ymBfwTOpFw8nRPs3APqL8Y\nFR7uAlX8HJzFKNUlX44FdsBpAQuOv9LECBuHlzYNmF5kFy5Qm3vSUDyUYPSK\nZAZFAP67OsVkOnrLFnTqLIfMzPN32ZevhxhZZT+tw1XfhxEuGMj4Vz+iq1uq\nCN5Kcz66XF30yXIqoryF4QsiMs/6GdjCcbSHAsuJqthhhXRr1pe4lHg8F3l1\nCCtoQ9RcFuH4RI+p/uK3LWZGVE+kEbs40R078+QiiJajyztxvOz/azjazAUR\nlVXDdiK1iY97s/koJDSmEu5Qd79b0SMLBMBj5knUMzfi6+06/tBbK3IgjcIC\n5li7Lb6PKpQVvwxN5pqdpmGEwMdPGqW9J7CwlM4Cgxt0G8lKB1Q9JcpLqcEv\ncP9uNU8ZsoqH3nBU2yoRX88IHRkdxwSeGTvK6V5dBrjk018baivlrHO1DSer\nmIey\r\n=X2ei\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"1225ee150e8c2b64061a50ec821b44cb72763940","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.3.3","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.27.2_1622707570284_0.7120896873482689","host":"s3://npm-registry-packages"}},"0.27.3":{"name":"@supabase/ui","version":"0.27.3","_id":"@supabase/ui@0.27.3","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"4d64e22c72793211cb92cc771e16f4cb87b4b48f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.27.3.tgz","fileCount":3359,"integrity":"sha512-SO7TO/TIK6qziHUTmd2YpTmUtpBfYrN4Gx9tL7pYDHhfmmVApmYXmxEVexHAvHkSsxaK8yPER9KbMpwXx3ZwPQ==","signatures":[{"sig":"MEUCICQQiYYQVbz/OMe6vGygaEkExRIaU0EqTVE2v5uNglYbAiEA8lan29IWoeBoW8dmnQmN4kA0S2UxMndD2fyPVnnrAW8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3111287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgxskOCRA9TVsSAnZWagAACPIP/2RY+cYa6YqUUSfSo4SX\nNiz8qY76p9D74we/BFeK4wfqZtpXTXDtOnVbyyBHE3DMwuVSVqz9iO17O71O\n0g6SRzP9JZ+gXVGIbt6whMou7Mr0qnoDM7Ketx46eCEqJdlgMpJAo3UQaexR\n0PjvF04BZBGZa6l2a2T+13Nv+aoeP1by6DVhn6N/IcZfXRX5WyzITvr5KcyE\nXpRjx+O0l9hhHYdsF11Svk1Ol3mjqFElLKCuS1QsP0T16/ZHYGwno32nY/mK\n03nX1HHum+y5i+XooWl7tyjEoaStcN7qz6EYzMsiTKb9Z6b2SbhodVSObQxY\nawSbkofnzjzeIYlKiWH4Cky1LmM1qg5gLddn5I9niA0O66/7loLd4z1AJ5FT\n9nJTxF9Q4mIqkGg4NO9Zp0DS9uj/1pMf4lqqzx0It1bPQ6JSiLv2lwxtFgAB\nXZNYiOglPnAn70NlNeiL17w+b/at+hP8Z8fCYfBKwpODLZbaam0AhPAZjj2C\nCdSeQZ0/KriPWAHqcqU4OVKSTyE3WRvl9EuaZm7BuzCxzMhsEHb4jWuFiB4Y\n8DpCGCd1EicmavNS1h3+PzVdFnYGiENYW9gCqaV/xof9tQ5vetVu+/954qKI\ni7TW1+VkGj8q0VS7Vq70nctt9gOfHSbnzjK1whp2zsqW+GzN5i8DS/57Xqfn\nxmCY\r\n=P2Bo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"ee4d75766996dd084409730fc44124369c1e4495","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.11.17","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.27.3_1623640334199_0.0870600338308396","host":"s3://npm-registry-packages"}},"0.28.0":{"name":"@supabase/ui","version":"0.28.0","_id":"@supabase/ui@0.28.0","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"61d0dc3d5ab091e1fa1949d875c0ea888089bb62","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.28.0.tgz","fileCount":3399,"integrity":"sha512-Yy8qa9ZjnfcWAtH/UIa4xwkeFEYTjLcTBUnUQyZEM4Qv6UZTFTrX+b0yFEzbYAcb/THODIckLANd3OgpOVv7Xg==","signatures":[{"sig":"MEUCIC8h/MyrhWtn6qTMa6ispBdTHW8IyeNQnkgt1D23EdUUAiEAxMX5AeuTzLmRkAbuUYEFXwRMwgiB9+gK8OaZxNxLrjw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3057790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3rg7CRA9TVsSAnZWagAAUYsP/i/dXzG459sM7AuSTGdu\nnU3ndglIPLKbHxHgx2YMWgV6aF+c3Q9q1AeQITBtRzCNvRI/pT/onHjQ2Ffu\ndizsF+7IzlGzUJg7TdMmCT+OPqvMeIFf90uGEQdz/W0PYQNOm7LW7V1wDxNF\nrqUm2QMAG73Rdb+ctMRH3jcWSqi103ZeXygkwzEN4fPYvQ6/t6MeIBRsLyWR\nCHNTjPVWTKXVeuZ+rf0QbZ8u/YYkk7vAo24gd4IxZx48Bw9VHKKohMpTNjhH\nx0k4mN7FtDBUQSEkiPX+Oc9JiesFt7kCckcLtugiYBTOm6PZkww2HVTZnQ6q\nRlJnV+se5b9Yp1hm8K6vFC+FvmegfBlqO/hIsh6jQaNw9/v/1u0OqtW4PFVG\nPo2ZVtpdwszKYkAg0FxHIQce3KJJYMrJcXP4gFofOv2Lsr5K4bgL96gcFrFn\nk17NxMBJSVwjN60eZuMW2RTvlX2D0GvThf9Ea/y5OoIgAEzcu0lNN8GCkSc/\nZoMM5ICqOiUcDIxTISm7XcyYZmg4BdZWCs2nbvsXonlAGz8gu7wwwhtewMKV\n9oG9lAQ/ZGnlG+ldBI707f//Cya4pssSeToAbCKJhZdJQXJZEIwQ3eqLv++9\npW5iMYGkq4SpEqKmK1SFyP8DSmpoJiXgNbq6Cw9owF4r8HfQkkMS31rBisjl\nN+GH\r\n=y7O3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"11849b337218f7c96f1d1f145685dd17ba0abbc6","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"^4.0.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.11.17","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.28.0_1625208890682_0.2250649636733293","host":"s3://npm-registry-packages"}},"0.28.1":{"name":"@supabase/ui","version":"0.28.1","_id":"@supabase/ui@0.28.1","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"81beeafc42bf2af8e8f1e430843644ccc318abca","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.28.1.tgz","fileCount":3399,"integrity":"sha512-PpvZSWabgpgVrkkBbe3JONdWatFj+AWdKXLfPzCndPFD5CDTXH63B8r3Te4ivU9BYXqyfDXu25uA3gESS/bi3Q==","signatures":[{"sig":"MEQCICI67LynFciFloPtHMMcAutInkI0z5qz+fsJ6tfCUkuFAiBwD6jAPZ7Q8qYT+W5JsGY9KzJpLLxArprr+Z+MX1WMiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3058897,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3tFkCRA9TVsSAnZWagAAVbAQAJZXiDL6iUeyXqPJUfvx\n9iImbw9g1GS6NRVDeivPwrDMT5TLoGBkXHcsKrUXus6G+qAF+8wky3Q5pTt9\nfRo/yRw0pjBBpLTifZZQtiOKXbYkfqaLLBMGwRyqo1iZKGPX9ecBUuvtDU04\nCI27WwQ5qS8iDWccd/QN3ARh+w+5S4SXPSqsqCPh2c3QLAl7Bgip87EwHWaf\nj1lDANYTK2jtCcoBAIfLmYmtIHTGaX4w02CGiwE+2k2UviSrdCj08mZYXkdA\nmvDd94lvdxd3iQIA7xiFRJ7P9QsgP5h+UjJ1CNysoADIunjacegUJbktabkc\ngdsHgSWaWd+nPpz1kdrRdwiE9mn2RjrU2YZeVIHnPxGQMJ12YHTHo9+9qKye\nqIVrYFrAhK3Sxsn1DT5KKbDe7y1zucu1P7tpYLi0nVnBNG6FD0CS1dSl5mJ7\nUDSC9ZEBwyWBlYjCs/2QTQkjG5rjeOr8mnMur5V2bZx6wU1ssGEJap0UYyS/\nt+pHthh5FcEhsb/kZdKu9dMcT7QxN66Hl9VKem6JltEm+ANCquiRdE0LLRuu\nJ3z4uTUA37d5VUkFvgysvuv1KIFwxhZXZBksLQjDFbv+9ictJ5s3yax3keBQ\n17norKNHfoIDzVg1G+0jBEcEWmPqWNswCStm3B+NbvyYEfRQ8QIU9hXWgMca\nPPbW\r\n=MVRV\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"888a7c345d4972706f34e3dae0310d857c90f464","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.11.17","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.28.1_1625215331812_0.8765202472951139","host":"s3://npm-registry-packages"}},"0.29.0":{"name":"@supabase/ui","version":"0.29.0","_id":"@supabase/ui@0.29.0","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"985fe282df2d8ffc9c9c835e80f4910d02af1f9f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.29.0.tgz","fileCount":3413,"integrity":"sha512-N4RQoTVdJj6wiaJtOeFDvnrwdzg/vpL65g/hO4ZXLqj+h80UWLJoyINdSuaWo/uekh6vOeU8Fr679DquKyXTVA==","signatures":[{"sig":"MEQCIBE66bZTV5dpD6mutmumrVTl+JUPI8Po61STunszEmHfAiB55EOGATM56RI+D9dDDMPOxbcflV3z0MJR/YNKzzhu0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2978341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6+1ICRA9TVsSAnZWagAAgn8P/03f3wjPKSYvwweMogbz\n/l7snPf8CObIJhSmUedDg56buLT6+8aOftQUGCLpFNjqh4xRoZ2M+0gdWKM7\nt0BRGyGCtF/pO62ZJUlqqodhJ3pz5RHlS8c7Yammf0cGK7naNmBao+GsVaYO\nUOyHryElusF0N7AlkE9YVAuC77IDNqbppYkBl/W74OyRt0+6JiwKmI+mDix4\nnistSM/t2U8J5HSse4/XK6Lwja7lufWh6UuXGMUiTAdey/hC6E/vnZsUFHxA\nD1E7umicR+kGZNHFa///8AxGGN1iMcbv/EqxeO1UGbd2oYD3ObcM1FbsuLDz\nPHKUD21TIm9elaeVgFxmLqdQsvhI3MRohU2vrrZDblzPFOM8cECkWvQnxfo7\n9f+OzsEeOfgaANcpS1s3bXg1Skik+FvuHcUdoqO9dXlbILQ565bqgNlmNhwr\nPuu8aKbHY0YVh247krytifCuZwcJmoDQvXiOCz8OIxnzEMy4uoGxTEPIhxkY\nS9SySPJevyGqnkj5tR7UWPw8Z6YvGRhQLTWEnPCPF/zHm0At90zMFqL0vpa6\n8pvchEF3wNUD2GtCEr1nbrAvxTswqSdH27nMc2KFehj4SMoT38Ih8f5b1EJ4\nBTOvFIl9y/3OjSMvo9uXvbqooE0xQmQyyZ/ZgQJhBACYuMHjJxOsxDkLjZr1\nuZJg\r\n=Zwrw\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"ced793f69c7ac23aba4dfdc93d1020509cf842a5","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2","@headlessui/react":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.11.17","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.29.0_1626074440346_0.028996712982646056","host":"s3://npm-registry-packages"}},"0.29.1":{"name":"@supabase/ui","version":"0.29.1","_id":"@supabase/ui@0.29.1","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"7b5b3e3c24c9bb2a8a2b394416a48ed3f85a626e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.29.1.tgz","fileCount":3413,"integrity":"sha512-i8TVCukKtoLO2zMfKLo0V8cd6qL7rUkAA6CIKd+h6IhDOGUczvAkPlxjVb3R2t64gXx3GHOoKZa7TW2Bh5cVxg==","signatures":[{"sig":"MEUCIQDv+40e95yzhRBgEqjKIgPb2QJYc6HFn+2EZfIhgMbm7gIgEyZmGJmw44o9gtQm7e7GulIvVcgBxwfisJ4gq6QurBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2978315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6/DPCRA9TVsSAnZWagAAQOoQAJqe0f0ZhjgUbB4qDPpn\nWeojoh93/eYr15elzH6O4r5fB0p9smdN+AR/J0toWd+tYdeozdokjByWXexM\nu58bLOkm84bqPm5EJxqUkSnxT0xpo/BX0lwPD3ChNEYD+ETAhL6Th02X6ghM\n62gW0vaNdPjnCuYbWDuC9IZSnkaPP4QX5M0Ic0M/ttH/f8xEaSUPciYNVayo\nT8n0Ya6yg3G67M26PlVMTKnHBL2NrF95Zsn6WiZ+VgBMkkcanfW4YjxbQ80G\nT6i4MwvuA41PwN6wY3F3j2n4i3vJ3NF897qGsrEdK/Z26Bh9A+jEunzFOJ+V\nsjdaHGDlGRRBHQMPY01zdE+3mYp9l9LFML1hYfQGRmTInApvYIoDeio/dkMa\nS1cYRIwGzk7Qyhm4aQHqeNC4ucXjhgU0brTVSxiwri1c1XDEnU0YODj3WVYG\niRa74IS4UBpUBkw1cf4W0voRUf64YHKhVloZjw88lxkBSuXcoepS+Do6AWmp\nAb2BP61xa8mR8LeHZKelsOhRu2Y3RIjEPcEcTyttknQwUwb51+L7scgJlC9p\nT9waRKyruzJ+C1t1Br49/VToPt4/QsOJQHpZRjLPaFER6LiLxXVEfkCOuLA7\nAksVG44wPl3UVcjPvEbcwfdvgZ3Uqd52IKphCaCIRjbbMMn9sCXAuptcV5U0\nxo8u\r\n=E6xR\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"92155c8db05abd65458301db5b27fac856e4d239","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2","@headlessui/react":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.11.17","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.29.1_1626075342891_0.9588008390090279","host":"s3://npm-registry-packages"}},"0.29.2":{"name":"@supabase/ui","version":"0.29.2","_id":"@supabase/ui@0.29.2","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"dist":{"shasum":"cfe933872a30ffe68c7337516707e4c106a4c9a5","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.29.2.tgz","fileCount":3413,"integrity":"sha512-FdOoh1syM0AI6W+4IjoVNM3tiRV8QKHZSCa5y0931Ekn280dWTwBL6PiZacKqRJD1+zKdj8xps6ArF8YOydNsA==","signatures":[{"sig":"MEUCIQD/JwGWx92ASkfK5ESfXFYlY7ldl+KtQwBn+BSD+okvRwIgYkH2Z2ZQEvSMtjYNMunlTENbRDCYZitt2dTrkJ1MOeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2978315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7GdeCRA9TVsSAnZWagAAngUP/3hXASq8pDtlepFqmD7k\nAgrjOU+Rt2aFhT7RQMORcC/KhPVbO4FKsB/EabE7VQaroGLZS9Vt0USzgdjS\n94gV+eEYox6zY+xkGk5KQvL/c846d0iBwkrv/J/gOVyRgZz1QMYh37b/Gu8s\n8ulmw3zGUYOEt5gYt2PQ0hmCaGjDAnvznJWr5UOYmKwgQ7e1+pN9+XlGlcjS\noBnJw83vz4q4Me8x3obpeNE5aImOMidFrh6REwh/qsfLgJhuvkkKYniIXsQb\noXeUD6+mgfLtFl1EtfPKKLl6S02xN22ECxAHFIBjcBDAVy5Rg51XBKmCXWwb\nGHyY7nN0k7A6XdG7tP/QEp7TVhsQKQwwsOsadDyLmGaplgUNTVdcM3cZ1+MH\n6KUomYulOxKNDNayzuLN7jNedy+awWpUZsWO9mdhxBqlAQ4BK08ta4tzGA+j\n9DNHhUUGZPTUfZZ7r6VmcOmQrkVsNIj14EguchTbfS/q4WF0NK6iYtzwlDug\no3EG0vj4Er/DW2x5guRzm+UKK+XVD4uR+HW7GpK2jnJ1mFJiInNwWVaQvqIY\n8aNBAWcoU80PFDWANYpzwAfGO7DiZh8K+i/tfW1vQedtLbMjfP7WTig5HBTC\nvrgIkqxPZd4ZKPaXjOTtYMA0HVWMiiA3JYWFuPgjEc2HCnouPO/dk+mDSWl6\n03+g\r\n=aY9o\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"a7f46acce9fb29084eb113568f05cb397439f5d1","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.12","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2","@headlessui/react":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.11.17","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.29.2_1626105694154_0.6628859923527848","host":"s3://npm-registry-packages"}},"0.30.0":{"name":"@supabase/ui","version":"0.30.0","_id":"@supabase/ui@0.30.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"ea795a2a439e7d957ed1c594a3d15a48d4fdbb3c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.30.0.tgz","fileCount":3413,"integrity":"sha512-efCoO+p0ZfRbckk/o2ransEujolPSzS93pwizMfo9cjVIgj/g6X/ZSQx3IX1PTh4BvptZWCoalUHgy07cugLqg==","signatures":[{"sig":"MEUCIHyoh/9qzKN96YulNh9PRZvUUy0Ytbg+LQK+iwl9j5BqAiEA0+f5yw4VNXmogFBh81TgSebg/ct3hHKO6gtCldn2c24=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2991234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/vNcCRA9TVsSAnZWagAAnn0QAKFAyebaklZnpFa8U+t6\nptEp3T4mk6Xvt2nEwwPzpOBM4qvPuFZeXEX0K9oZ4Fa7ro2nj0/LjXoo7OQV\nnu5s/K9G/akuyW26ulTxdw5bgSrV1W+jOhXGdaaPsFqhRRBs+cEuYRsDgydg\n6uFEEH3GTNuHyb+aRvqk3w33iIR/C/RbNJI+wMJDpPlY9EwlZvqsb+Itkttu\nD2tvTbn8hAwrmTI8VdFWwQBybIQXQ/Y8x7RDxle1ZEadXz3fYPPnTWqObdWP\n7WZ9JYNlp5zOOgLyHlUM3C8kMA1DfJ7XynmOnp2hU5TslytV09JJiiMfbOLL\nGq8jro2w1VDU8Dgtk6mxV2uGR+ZugxdHOovzpnYa75y1al7V7eeF/BRHwXmy\nsy1QCBSacKniz8X0iHslkh7FEp5JKZ2Y9RYyUXeodFanzJXx/LEKskKi0RVU\nM+FRM7jMyhexa1y43Nxznu8iSh52gPnx0UybNVhUykhDBCWpNaXIDDXVnY+y\nipFgmJGDhC3vbZvpLQUXT5W0F8tHWN52rf6XfHFaNwuCLKXErSxiJ6oF9ghw\n1WpuPf5qKOrVVDnKqzwR+Lp65Xp3TCgLWjahiITtsD7WnZcC8+Of6mlWm0Un\nBaHcNKXEmChFqyAU+/1OaKP0FhzfaDu0vlAo7jQa851ulIseq1TxBTduzRHa\nmOm8\r\n=1JuV\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"7dd80b0cdd73844c825bccc7d94ea31d1fdf93d6","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.13","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2","@headlessui/react":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.18","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.30.0_1627321179885_0.5347298790189055","host":"s3://npm-registry-packages"}},"0.31.0":{"name":"@supabase/ui","version":"0.31.0","_id":"@supabase/ui@0.31.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"db66dcfee5eda814cd0754d979043dcbb8cf3940","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.31.0.tgz","fileCount":3419,"integrity":"sha512-HlyheJbvHzMi6LG4IG+kWcz0ewARGvzZ0xDTHaeaijL45eXpXJI/q99dB4kclC0iBtdXtzsSQQpvljUk4EBwhw==","signatures":[{"sig":"MEQCIDPEbTaheRcSeKLm5oWkGxgs1U1Yl5JltBWK3USPAtMKAiBoN/41VAJelqnOTFIUgIX2KPG853ZGlNotEa+rxMmzHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3028127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAl1cCRA9TVsSAnZWagAAgcQP/3EVBoaKKR9AJLod/pH2\nHbAHnjAR91o+n9eMtoOFRdSi2+t8HmMLF0CPF88qOO4E/edmKSd40NhpSRtd\nxk/FFDLfZ+OsKPkaEryVlLFdlcqhEfYEY3Wxk5/+qC3yFlI1tfGgwKrOAksv\nY6tdEHVLI1tUJ/LE+mpqXxf9A3t8UrQriDLAmWcUzdnDe2kaPKCkHsIES6pS\nrUdApnpkIcxqtAOrvnW3vivbAUXt1Tn5DzetGFhooiMnrrBmfqVu+u+uFAm1\ndm42VHjeApUgpMwu1l9+xrN51IMvTL3M/vGkM8HB4Gq7OEQZ9SClqETZQWna\nxFWXozwFW28VuzX/Fq6G24x08Qpp6/SLgFfAFkxTkwjvHbZwTYLbd6ZboUiP\nmrrdHPOTBmAc98IzmaV4cZGLAMeiOJVG64GDo6tQDDaaCP/ZL9kYv+zkQVkH\nBPnZ6UZg9JEzK2L6cOT69i8rh5W5ic2s0aMyZMOXVw58HhBybdsgqhcswxaL\nMBEcwAxBu0AfSKPK0Ke6nhdFkk9/6ANDUHo2QX9vAGu1u6PppVjbMEEuoXgd\n9ol/XyHNxFjgbVU2rEdqGNHhlP6JykDd9C61U2IkQR2rjSt7qggEvd+0YljZ\nWfhZPjmaoy29wPKa4TjsNURIbmJJvgiKy3ovJLDGK/efdbpv6942VcPd/u+l\n9wzF\r\n=elr4\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"e9f76d79cde2f30427fb87f117669eecc292e201","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.13","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2","@headlessui/react":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.31.0_1627544923824_0.08330931619734949","host":"s3://npm-registry-packages"}},"0.32.0":{"name":"@supabase/ui","version":"0.32.0","_id":"@supabase/ui@0.32.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"c27ae82f5ba4a783195cadf0f5546e6d805453fe","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.32.0.tgz","fileCount":3419,"integrity":"sha512-F7Xtdgl1QfWy6E3Cn7cxxOLbgAfVoxNnO9CoJafUW6V7C+DZhHWDQUfIqaIrHsAbY3n08/in3hMdjLxPeUiV5g==","signatures":[{"sig":"MEYCIQCLtdFaMZz8uBzapuqmclBFO5aNaNS4J6kzOx/AcpBpIQIhAOmblldEkofi0ZdXpKBhPrwXQnKCtIdmbxFYoJajPJUl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3034081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCOnmCRA9TVsSAnZWagAAyKUQAI9u88eYo4CX87T3X5HE\nh4bucsYM49CLJ6F3LMBUvFONJgTPukcNJEqYUWaxYBeveJlALX4b9AYCnPkz\nnBCF3B92iLSisKXn/nyGNNwsgRO4omlOIk/pnPczJajF0PEX9m5IHnroisO3\nfwuYu4aTosG4duBa4dpYFghg/RgC6yW0+jdb8NDsscfj9IAyMBoHp4t3ggBn\nskwN2hECGjlsbTkNjdCGjMNU6K/O7T4y/GaNwy2V3NHrzgB22ZudmiQ5/32h\n9vmPkXDvFL832vgiGVCG7ddnUPGgfj6zsL1gxvbK9cqCDDuKvnc54UbGGugy\n7oi2DEjrNhEUK5Z5EcCE9KxhOdL8lEbtuvlUiYhH/+xRqkfVtkbUayy6WK3b\nMnQPBy7dtL4hLn+E/73Nnr2sy9GH8lbCIHIp0ypUZi9SEi+kiMni1vTs8VEf\nH0dJK3rC0xCpkRBshLp2FlLV6A0QP9FY/m/nNe4oY7YWRTyiEDS76R1snfpJ\n8GHewM/fS9cJpKeRxDnXCzFbVFh8OqwauwOtTw7rLNJdmrASkeJyviZxPom9\nSFu5KKxoubLEouW7hcKpN45+HUwe1UifB4TL6YCU19yk/gdWXIjIwzDDppEf\nGacWQ2VUrAzydiJhsgY2PFnl6zKTIkOfP8Rw8WcHgQvjlHtl0PIL4VxOXPFn\nsRbq\r\n=A5Fi\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"0e3a303e0b5a29a9340d3334f4a106d3af018363","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.13","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2","@headlessui/react":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.32.0_1627974118424_0.5087181417679338","host":"s3://npm-registry-packages"}},"0.32.1":{"name":"@supabase/ui","version":"0.32.1","_id":"@supabase/ui@0.32.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"9e079908f8e80b177f4e5088b8eb19ed4c64e224","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.32.1.tgz","fileCount":3419,"integrity":"sha512-o2lZPHz5pFXuXqJIolI8Lly0gEYSEiKbc+cuQjvhN4WyD4+JhMWqIifIXi5XYpyg/coDmQ297ootYLTmPis48g==","signatures":[{"sig":"MEYCIQC9OrUp8wHDyjgIHI97/J8cs5rbdow+IPMYXd+ubZ495wIhAN7CQjQoU/QZkB7wQ0KFpF3JKw37vim1bHToNHPfyDgC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3034117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEkQbCRA9TVsSAnZWagAA1UsQAJZi10MD0AuztiUcwAuN\nMfVCq4L9M7Wu9CclGyqBP2KeU/UREok149UeB6isOjLvaeN8OWAd74CzOk8h\n6jnaaBVlKCeCvqdm1lq/xD5kugJ6MmwJQb8LRlDW0aOzfdEb+vDfT+7kQrbJ\ncDO9RrReucRST/a1ypVIoLoeIkKdO6SuphCySKlGMa6VKBQWmep8wWm0KIk2\nDQds+sS9uQCw0MxDBTbDt7JO6AM0dI4Bxoclpx8wlfIQsjdltwtsWTxjJzGQ\ntJ8goDHMLGL/0TLEgdr88Zvy/6+phGrEmV990yXclMpDUQyN3WCerPZCBA7G\nyDtU7nyjkZ229BEat0skPdLkDOphZ9/LRspR3Snj4/Qc96Izg1u3D5YvQWdz\nMyIkrxZrS19H5Njm0+oli7cGHLUWzgVrUomXxv7tJTy+vd095AiwdfipqIdc\nVjjaPhLbSnLXXHxihjfbtRJg4O5AF+TEo5beacm/dYsxkC+PGxpvi+5R4D7y\nu6JqZ0zoIpV1wl+POSE4gGm/zZUyKepL+30UWnTNUE4CYTGZ9R054MQEyBbA\nXsYk7Q40YrKLd9x/dath6/8J35WOXTao2IzpEYnSXbFug2ZK83fgX7M/aenu\nhN39VZ/NyVKHa0wWUhguIDtljMBrB68TiCDF5oJxvN3jv6B757veGpIMfVg5\nmd4c\r\n=atdY\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"5a07da9b79ae3a7c4ace3753227db59874093759","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.4","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2","@headlessui/react":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.32.1_1628587034874_0.18064045165326048","host":"s3://npm-registry-packages"}},"0.32.2":{"name":"@supabase/ui","version":"0.32.2","_id":"@supabase/ui@0.32.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"2a8d6a0e80d0ba724db67483616a31da1297440d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.32.2.tgz","fileCount":3465,"integrity":"sha512-FzD+7g6PuQuMWWa2/faWdOswdr6gL8y8VdwVAlElc7N/qkqJ+dPtweIhnN5VbVPIJ14k1ERAsbSD3C4ZrKrkog==","signatures":[{"sig":"MEUCIQCi7HQcV7BlAu94NCATDK7wAhirwIkWUbTqlIiu8KOwvQIgYBO9qFT+Jvf+0q6uSNN743UC8yxBbHfYsAfHl4ElZDc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3183544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFitACRA9TVsSAnZWagAAIOQP/2fFHin2modUSaC2Qy4t\nVNAectAadonn81RvIQchvwsFJcfRiAghULN5ZbS/KsrjCms6k0u8BJPAfpfK\nPOIqlP5iJXQvWAlmnI5hi/IudAHeMaRLzMGxAgw80LVQMDgP6a9CWC3hLJ1Z\ntKMKtPwBkQTTuHk7Ok2KYRTNXPXcyIMAZHnvVLnRDd7cNzRrw9iOO/CH2f8y\n6IwMHn1dc6IUNLZT6ZHKiF5v9Xv3N/50wn36Rx6871bvwidz8JO9310hl+35\nA2Rk0RGeh325pb3VzwY1UsAkNZvaFY+AQ28JqSe9xDd+raEL9asO+3KHQnKx\nsOnMn83oBf403ywFce+9ScUmMGPV8iOax2mS7z5QJEPbG8A6K9YbonI9RrxQ\nMh6dv933p0SSiWRfwniF9zA/V0ZKKjq4OJXGgE1uNBkC5l5feslPK8AMCI+X\nLr6QZ2ITO+ehq1rSZDFTefrZhUIrjaU9CF/6UlDOQjRsiRJenVX/z6jIVhbX\nNpcTkk2ut42Sjoua0leoiPAaCzy1VZ40opuzruqCxX0OHRD2q6SwGHEpumNG\nivYBpbdxdhW+dAfu5Att6EMUyGMrQ4GR5zICskcvQ2th76mvcWrVZBjB4sYT\nf25k88kDAhH8pawp830CCrryS+CA+B7jEVrsnjIVi7eiF1foQfp7f/8/1e1x\nh6Y9\r\n=1JQe\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"5a5f5d7ada96f1251c140f3ae1fd89440521aad5","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.4","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.32.2_1628842815873_0.7407808962280014","host":"s3://npm-registry-packages"}},"0.32.3":{"name":"@supabase/ui","version":"0.32.3","_id":"@supabase/ui@0.32.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"560aa7d177aee0015bc2d8097d96be7d9078af69","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.32.3.tgz","fileCount":3465,"integrity":"sha512-SLk87DxnIgrWsyWqFjWO0TshblnMHZqxZYVkmko0bUW+pc8xz/6i0BaaCnjcUg2H6eCAU3ve0jZYrOEvm0ubCQ==","signatures":[{"sig":"MEUCIQCKcGcy003k2vEUYIu7+Ld/nttxqQyXSHlA6hc+lCcJ8QIgMOjgHz8RZYigDOtMrJjikOAW5UnrFMl+eaD+qPvohw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3183484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHNCPCRA9TVsSAnZWagAAgYgP/i3q4NDuXGPoMgfgFubt\nR/uCuB78yyKS/8IPtTtkxndZZ/UG01PU3HYeWYauOeyQKd7cyCyFMgXLmU/G\nQV8nJJfOEJ8YvFRToGSkCCSsso3HR4VevTnapexZsCWUi9751DKtbxsfkgHm\n6YIOSkJ737+pqP+xeT4nPynMd0VTD8Vqci6aP+wVU1dJ6Urv4L35E7+zfJmT\nuKYNaM9QGgLZx2jjXI1VaQfYb+lzdQohbU8M528uw3H+U3lIVq3O4fD5UHGR\nOyUMyP6v68lsmF2JNgBmILnDW+01guRaHkDrb5r/YpY06ZsYvsBDPUB3qHx6\no323nYT0se2PYjIjVqieGIgzddxnteOMUXncbRoFaHkaq9AZOP8yTxqZEKHB\naxoHmWxivfDXc3ptrlQqEDQ6//3mMDhfNisOSn5uIBqtctNPF+WMz5+kDn3Y\nDSG5u9xzPpuBB3QhNrVwsnAt+h0TVT7m1n7E1j/FI2lln3INrJhAFXdKcIQI\nJ2xNPakOTyKH6ynm6/BmNS6VGxHdhhH6iCi+NZhssZ733aSbjcVg/mRCX1JW\nww0/BLrrxx5y3wFbSJqnWvS86k1JzY1AlR1k+atqsCAro/vWb6MfKYRUXtA/\nSsP/KrqOMGjXWGOP/6CJn+tgVbSCiqeDUTYl2sW20GgfN6MzH2MeiQgDWyRl\nU6lU\r\n=GO5z\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"6440c5f9cd6f7bd661badcb27c901019c84140c8","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.4","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.32.3_1629278351384_0.6000325789491003","host":"s3://npm-registry-packages"}},"0.32.4":{"name":"@supabase/ui","version":"0.32.4","_id":"@supabase/ui@0.32.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"09ac888fcef91c2aaa1c18c816b6e7503c891225","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.32.4.tgz","fileCount":3465,"integrity":"sha512-EmvnU7JVZcuvKs/jC/lsaH57aJ6RR7Ltz3HxEh6fSe1BvCjreoM29lruOCF7AFdLOLHN6JuvWTpNk0NBZ2sArg==","signatures":[{"sig":"MEUCIQDsPZ2OugnR0qoJBkD7hFYvmMYNYUImALLObcGNLUCT6AIgeRLmZSuCyP3JDzAm+ayxNOath6tUwDNNvSOSX5kRUVQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3183613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHPfACRA9TVsSAnZWagAAXmIP/0cmvpqnEZKjozXjzaJr\nTw5muw5rJ1EEAFaV9IRukLFdoUfxm0JXLB4YfrwJtT3R3G/C7JRkU63xpavZ\ndH5/60YUOL3YNuPx1+KdVfov5AFZhlB0ubQKXm6s+bsfcloU8DpGcJ1PSEML\nA0qOztZWerA5Wpovz4LBLyb/qZQwc/B4KhfyUlb1F1I6HeaCxm//euDBs+Do\noyBpAf1mvg6g+HbVvYF+9lZ1T8ciwPia6g1cPgWRjK7tHj7wnfA1OD1drVTF\nH+usv1YTkwBcf5GZwpSSPPK8ArVxTPkRVUl6Cw3IK8VgUX6DOZNywMqSvc31\nVu4aG055xJI27/OzrmWxDJg7dWVikpvbPbclmix7FYcscNDQpPkDqyVTM9Ou\nsds7ngdoVpkIM39he9MLupZolt3bcobNt+8+3l/Lct2OuzAjqurMvumzSQPA\npjAD4X+zelBd52FMgf3nnetf6HILIefpBzapmqsA/wnYMA9cwfFEusyzbfnE\nDyvZnLtXRDfeDA9lUvswztVzXcI7A5Yy1WSxAIKGAIY78Y//VFz5AoPzmfsI\nSEwEvkBcs1fwktVI8mntHG/TlXu7bwyig+aXkzzZLaaKb3/CcK9o/hlRQDth\nxnnY7kWHWK66zL47ABftea+FEiN6U7kyfyqc+x4Lf3wccUn9jAZOzku4nn84\n0rCd\r\n=8SQv\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"cbfbbe0b3da93ca00fa98c5957a49ac222b3278e","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.4","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.32.4_1629288384597_0.3014918146145369","host":"s3://npm-registry-packages"}},"0.33.0":{"name":"@supabase/ui","version":"0.33.0","_id":"@supabase/ui@0.33.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"239ded770e130d97600337954d135b14d90f32c6","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.33.0.tgz","fileCount":3465,"integrity":"sha512-g8ULpcUhh+cbDgI9zm9Hh8I1QJR2FYGAOR3PuUARm0tZwyisjBk5M00LO5Rl61wwTZXl7Vrfvia9lzipLFSfNw==","signatures":[{"sig":"MEYCIQD2yK1/BaWbQ5G8rAYvdKRZqz0mdKzikLmsUP17FUKolQIhAKb4Zh+8XxljAk7yB4/En05KFtiS3AOxTfXzGVA3n+tF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3186953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH46sCRA9TVsSAnZWagAALmgP/0lAOdp3FbMgrcg0UZxj\nxOZdERKqYN8g8gjOAEEWuEf8xssFWlGhEsc16HewwBd4ywXEjbGtIjQlFiy/\nrzcj+LQyz9pkX88ER2Lly2taykjTgA9q7cjgXg/K1fqR9fY15g9Xdd8rDYHK\nPrcHt+bvkmI7jsW6UdtMS1T4v2d+8Vov7xtLW599pKScQiEYKnmHxXyqc3GC\nuQ+GBA8nuXYrqsybVmezq7dxG64Xtvcdkk0jfq1UsovFe7CpL95Hh7GSL3GP\n8LpkJK8vApV4pyt5Hu+aHiVpIf7dQGdq0a3cz/IanqzDvaRBBf/KQB8XUxVA\nQI9tbCOJx+qVVVKNs9HcMhyaJTACHGZM2ZA9eNeR+AcQIHmUQ7u0V32+w0st\n2Tr9YDHCogmkErZt1hIC9IgRs8gyOi+DoJcxMD3Qlld6EJ4CR/1M2veLpqdJ\n1wn3B2mB7isDrJAi5YQA7+NLLRdWWajF3YKdf/LCsaQiPHChAXJctRhfUP9f\nGtFh9rdvRwmRySXtvNBW0ihJ5OsbLxi3ghkhSxTp+5lNdNH4F5SnRRCAOgMx\nM/6BL/LhiwOT+N5zomx1ziLly9RvBo3QCc47iZXzUMTM2dFXwhkX2Y6W4Sob\nkHaThj5kFRj9EvOKOUaUJ8WWnA7nSpO1k8tV3WBFWHFx9SOImxj/amHUZGwq\nfesg\r\n=AnIL\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"ec34326ce5eb4caf81acdfbc1f02d0e9fab68fd9","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.5","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.33.0_1629458092383_0.8967626664927195","host":"s3://npm-registry-packages"}},"0.33.1":{"name":"@supabase/ui","version":"0.33.1","_id":"@supabase/ui@0.33.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"51091b7f8ccb20c63975c8b4eded32863ae92613","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.33.1.tgz","fileCount":3465,"integrity":"sha512-RjvDhda1KrA8mxpYHBpuDpBSX4cmEKVUmdRxQgH9811sbe2cGOsWy1TmJYTGFAtMx1OqdUJ0jNQehH39SAGINQ==","signatures":[{"sig":"MEQCIHmKvWwiashn0cuE4fz7g62IUw7vgcMBXwdOFVEzCQP5AiAjH78rZoxdi7PKx1vxBzqUtMlrazcBvvL178qw1Y7U5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3188183,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIIT6CRA9TVsSAnZWagAATUAP/jqcfMuCM52oYPLcBa5T\nXsjyGyscvhvdaaSWDUooYvupO+E/GAG6scsiRErbGB3jyQqFomxcPhwDSwwK\nXcFxKtPOrSdbnTUuwyNO6denfkhoMAU/iiyARn6zGQrEh897BMDHcXbXlFGs\nX8pYRkhB9n1DiDsuoC2GES6U4TADq39Cks9E+Y4eaJho3a8FCmEpaABipzZp\n47EwedPOPKSO4SC0WUXz03sewec0eBoKKXh7BzpbBEAiYEum/PXJPkWMz4PI\nhABYPkHDblujurf2gIXY4i79gG/BhuOVohz3m4ijPS69jRPQvZWgoY1OnphO\nyOaIr3I/JLKkpa4fkaI0XVbMKCwlse6N+yFX13IMlvP+a6IAK1JxN8eMIG31\niN2Uc0XN+G7UkUb7+1U8mEh9ZnpSIdQoeqT0ipgwI+dmx6IdII0aaqck5Drz\nvhCXe8wVFSejRVd3qy/H4AdT+7j7Wwg6kljzQf4zp9KJ0D2M6F6eCO6MxhBZ\n6ftj0il1fTOyr0dINdEFvp6G1hhS1zOok+EZ0vqWNAg+C9OAuLOLskUsJBe6\ndTEd1IECG0z83dBes8hwzAy84XCmCfZyOIoPGXc/FDOgwBpN2yqbezxU1NWr\nLRllqJgilVe2fImr2Z4QCuNnanwnAUMN9RqVY4lxC/IkPCHo7HHj9vLIiPE5\nnn1w\r\n=WmwZ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"a020fbe2dd7432b9197b476b2a1608d122e8aa29","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.5","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.33.1_1629521146808_0.19491466529420887","host":"s3://npm-registry-packages"}},"0.34.0":{"name":"@supabase/ui","version":"0.34.0","_id":"@supabase/ui@0.34.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"836ac5bdc2ad7a8b308fe43967e4463b8a52b254","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.34.0.tgz","fileCount":3495,"integrity":"sha512-3toOSCW6J/QcBDuhxt5vmlICn/TJmzd/CzAmLaOz5zsrRafiALwVXWtWQgYE/0Nh+gC0RmYGPKLrJp/a1MKX2g==","signatures":[{"sig":"MEUCIQDDPkKfNnxkGNjkY24zfUt9OWMGXVbLSTim7zqzXVMMRAIgY49Ai7xrIIYqjNYW6+DyBJU/Q4V1XawhGP6t19ZbKWI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3252222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ0j+CRA9TVsSAnZWagAAlVsQAIPJjnuq4nF0GeZu+H3Q\nlMMVAK1+7VLvvQjUbHWMyzJ5Vn4ATzmieQ/RurQea3gxbbW33BVAlwrYVaUW\nevpx9udXQlOy5ceL4BEssb986+FFlapGwTB6Hi5BhdlWngZIqcksYVI/JyC+\nsKWfBMW8ynwnRmGYmNC3+r0BsYcbJTHuVGfaiSBArPVWtW+ggxt3xQCBqszW\nxOyqdIsDgo2WpHuEBWaKNsedInyDTzTQu4u8uKmYqBYmjg3tqKQzPloWCeZP\nxX1doeQxQJnaGGPg45Iadeae9S8MWGA7VHmEJWxMVxDX5LVGbvaYaZjoa3Mx\nQSRauIBpRpZAf58TO2JEe+kavQDu4sIXAkxCmtiUVLxyojz2X9OrEMXu/4oO\nMRzSMmuKLWXMI+aWOTRdXzGFw6wuN11gkwXBOvPDUWpapBSOiLGwCANurN/4\n8lNkg0RAW0/rprbDg0/p+EC1SK4h93QpOtMZa8WQwvZTWmmb3eiLo8NYMjSk\nfYvz0YVU4/bW06YJhAYN9KM7WsLLh3CDpgk1PqlfFt3Si60g2gJi+qfSU86x\nmHYqfqoYzK+oN06o0okSS393XjpXQAOpIEl/JT4JONBed9qD5YqtDTe4WPhv\nE8Wj83E71CsY9GAd6Ye+gFfZWZWsbZUw8O4qOrPqVMycf92Wl0eAqwfWOieK\nOxZK\r\n=s2wk\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"b975530de1a6d8c03924d8b32f11e1e829d7c026","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.5","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.0.20","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.34.0_1629964542508_0.6099441323840478","host":"s3://npm-registry-packages"}},"0.34.1":{"name":"@supabase/ui","version":"0.34.1","_id":"@supabase/ui@0.34.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"bc1392419c2424a13cf0df7e6d4be2c7cd44e64a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.34.1.tgz","fileCount":3495,"integrity":"sha512-KdlxsO+GKD6sEpLkBIQSyi3mpdJAm4A/vkghJmHufsDv7da9rbksCuz2Han6GwoVrL8aD+uT6pGK94nFi3vKkA==","signatures":[{"sig":"MEUCIQDChzjM0Xp4snscno1h18ILqhqKEQ5/ZAPsRa2Wg+EDoQIgN1v1n835T0rlpvI/xWmRQSIKObEcQ6LibLvEKa547XA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3252160,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKJUCCRA9TVsSAnZWagAAyu8P/jbZju/R5BKdfXnPaxUU\nL51k6b36EGtZQ7b/1IIlP6vTzXiJ4r9g4ldQN4C9J5fDsciQZv+d6a4ndmqj\n+dpeoXqKC370VruhgfwUQ6y19AKJMvM6CQ6Quf5YP0EmNeuuJFeTWkDAw+cu\nPc8+x2Sv1LQ8m7YzWqGX8ndcgpS5fWidh4wOrieqxMrnuXspAXXLE0LDbx0X\nnMeazcIt6tPgGxX8qL6oEyjgIYlfEo/a2TkZMNer445ayjwZ0DHhe2AoUp1Q\nmeNB0TDYXgFaix4i9nrdajUJrATUMsi726l90wbexwJQi2VcCTAKfADDrm7W\novvXfqFJL/68Frc5KFl4/mxbTtAROWUKhORWH6e7Z1iOKM71U0g5jmhUj1Cu\nmzswmHHQmiAAOJTdt71laXYPlX0zaz2bv8r3FVeNbFYcfoRBN2Gd4PPQOQVL\nlw5kzYENIP0SdqRiTJNARU//CfkeI9nAIMTrLOXhhoUOj/GRI5teGjxojp3y\nGU27JxagOlFEeSlW112SHTqdSXx11DRry8S5rw1m61hKbvxBRRVgPkA4/pYJ\nAYunYVSO4SoNlpUd0bQjhgFtOGUvw7urTqOMA6QLFznhdCHFW9HHyVLf+gNq\n5CK3d7O895EOKGto6zVlJyFoUmPEPw0vucBaxwvICLyo6zVVbDM96tBoxx3Y\nEXsw\r\n=2hzu\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"5ee750c659e0c7c455466df41552de64b889a34b","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.5","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.0.20","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.34.1_1630049538620_0.06892259496440323","host":"s3://npm-registry-packages"}},"0.34.2":{"name":"@supabase/ui","version":"0.34.2","_id":"@supabase/ui@0.34.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"77440b5535a973c43f8db33bf9aa9455e701796a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.34.2.tgz","fileCount":3495,"integrity":"sha512-clWOSS6Yfo0DI8dLxbsNEMLfcEOfuJPIL8CqYWILaH55YjPdsDz/3n7SgyMytIupT+AMzmzBKjJHEKYhZ+G1NA==","signatures":[{"sig":"MEUCIB8o+KUjS+/5nWtw6ycfB39+OFR8oel9KJS2INouNwuyAiEAqiKwJjKLmzyxhR1lcFE89lU91KAF6uS6Tbj2hI8mEuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3253640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLgHmCRA9TVsSAnZWagAAoxIQAKMeIMZ2RMIYcPcAO4Ir\nxtZ2SPDovha3MgO5ncMZ2ZA9XK2KWUGJpOe9MrqO8eOa4GstYQ+uneVaMNir\npYX0PkmVwmlzG7PpuLcDdlNblay8FAYxm3FTdM97swb3+VP7GiOsmKysas7O\ngb1RZEh6/f4Drf0cmGIGR8mYrf5GrH8hOppoYP8l01+2soDrHPRTuG+hqJ9o\nVYf7/xLunvhW5NK+wBqa+k+hGIs926bYXYjWxX+nn1wucv2SP6gQhtzgdmvZ\n7VGbEeN6EiR52cvvydmckiq6dGjdcrJXi82a+VGrsZFN33bYujhbagoF8cQS\niBIAmG2Da2Eka46+0tMlEc0z6atUrXxrugBwRgHJ84My69DbryTukFAZYbCv\nGuERCZjkIoaZD5Mwj9w6Zj4elAvd7OilRRpzQTCPw0Egt7RbFN2I6Kw3zZ68\nfGx2GdykhO96G8xqwYGFQuPNwg7G/GGb/2H5vXvsUI3fmfT0Ge4/ord+aHyQ\neEaT7s68YO8p7zvwTWgr/HHVm7K7xf/rx96EUsffwnxBHZUN8R+FX2p1sijS\nQI87NwXBgnqK+EpzlkMIm8zAK+a5jUm1+fw+OiXHCOUXctVC7ecGBWYbsCXR\nN0bL/hbgokjIZFtxeYP5DOPIXb1Bd0PrErPJ1AzPjReMtcDfo41/vWy9vHFw\nY5it\r\n=QvrS\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"02adabd1071c8b55a6d4c70da4f69050dc348836","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.5","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.0.20","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.34.2_1630405094639_0.21735457241921208","host":"s3://npm-registry-packages"}},"0.34.3":{"name":"@supabase/ui","version":"0.34.3","_id":"@supabase/ui@0.34.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"08cd0d94ab2592f862c8689ca62cb7aa91d6a29d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.34.3.tgz","fileCount":3495,"integrity":"sha512-CZOV7wC9n/hM6tFnMf+DcF6vGg5BkqR8iW4YMJIP5w1+Syq6mB20rqw8ksZM7aoA+lVQxHoPsuLRl+/7AP3exA==","signatures":[{"sig":"MEQCIGY/oev6QppL1wIt9mzXoIXu0mvN6QSaAUmrquzFrFG+AiAftUng7nz8t+J7Gbr8q7H2GsOY3QUP9eKnFSv8fxElAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3253742,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLiypCRA9TVsSAnZWagAAlLwQAIWWU0u6oqETpEQ2pKJx\np4IpZwrMc76ggWyUrWahcYcOSIdiPPZ46HEhHr0L4ZQwgbVwRu17EhkGcflf\nHEto32RWeDz1syuW3NYUMrwMKVEtiz3YHdsbMuBNbujWHtsblqwPqxtZHedt\njPKWuAZXsP0YF7VT7OOxrggA1wxEwY+SL+RB/iIN2aOBmMZ+JkKp8JZiCPl5\nryjcRGY3dPyOxgECB1OHnBf5opDpxEKhW7OcHB+jR4/KQYw81TEQkVol6BfL\n2H0FKXZ7JZzwBYeJkBBB2PGBqYdKvrum4fpb+gVtgjRcCamwKbdOtV04+loG\nWBADsGNdeMLKqcqbzO96HlrxgIc3eexDU6pFtY+QvL2Zgg8dv5bIPKPOkWf1\np2FugnN1S+dMN0FfUOS9BxrmjoPR00cte7OGxDHhJXP6x58sW7Zp2Z6etdvj\nn/IC/jvzll9CHei0ycpptv+HlzInsAg7yEtmejzxJkn7yW2ZupWg7BN2kTa2\ngy3Zl6As5nAcdFptxIO5xxvILqIKVpikDcCbu5FqjYTQ4opbFUCeCAi06Fhn\nILOuI7Kc8a9PPizBhVi9ItX0fWUgkpMIA9LGuCOyeB/Y1E+lsEmAe9hmxcEe\nWEcbzDi2RK5L5fl9LvZRO/oD/SJ5URNSy2F+vOVQN1kfNhpmCNuq+395ZZDY\n0LeW\r\n=bkZO\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"81f9d37bccd3aac3c877ff527a0dece9477a8feb","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.5","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.0.20","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.34.3_1630416041577_0.13104050796782474","host":"s3://npm-registry-packages"}},"0.34.4":{"name":"@supabase/ui","version":"0.34.4","_id":"@supabase/ui@0.34.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4c1db38906dc331c2dcaacdcd24f958752871ae8","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.34.4.tgz","fileCount":3495,"integrity":"sha512-gkTwrikChKnLoO6ZCZs/48pV07DiIjMdnn5shztNJ6mg3rwzIEMmHmzmE1QwcXNSZAZBSObaK52xblhp7OYCjg==","signatures":[{"sig":"MEUCID7p4aaqNPxv+tY+m0Bv55PoVrGYXy3eFsNrswkLR5OHAiEAu+asFaTzzev0TdjE5/BMIU1i2vnNQdaw8wUksMn2QUU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3253740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLj7JCRA9TVsSAnZWagAAwv0P/1oH+9q42Yh/0j/uecAy\nxFHI63tplM/XK0U7A5jeryxKPVS+mzb2pGlPysG0pQUvGU3Q/+y5LjgeIxxw\nWeuxgt+s+Uz+Evps5hSkaMC05TP58NIJypDczIF8RYqXJr9lyg2hBIhGDN5H\nw0lWYRgVpIEkjn4CASdXrKmZs+09GxU045hDzYBuvGnnvw3w35BQurUg+D9h\nLmZhIyRs0SYsArxMap/H6U+we2IBsznh1IKW618lmX05B7Gj2GVyxqmjG/J0\ne/5s4H+rituw9in+qYAKNKpTSSqqgvaujyfMeprpdtwQe5XR3R36dTdwzgqd\ni+yxKmzWGrbGugHNKrGsCT8oHcPB0pKuJzaYk9tZ/CpqQModh34OrFBXwdgd\nZVvPy7o0sk3J5uLlLQlG9+xM+Xuqs12+krCqCyiFisIi5t1+Poz61VVCnE7z\niy/+JaIww3BrrrVKeXIsxRimPIJp8/mLzC9fpfT+XJyCN4PmLxLEnzBMkwkH\nlGiH98Ks+FSAukUhbA1QW7ICIPQ9VpkvD5OtSi+CfoPcwzh9u9Op5McEKZUe\nJv8/h7UE1l9yHd3oN0GDskdWeNfUUjiI7whG4RmMKTr8KzVC85uAxQid6v1Z\n6/As7rqA4rRPsrBzrbSV9nwtuH/xexcNiqxM286UGV8OhGkHLkpmatcS6mCN\nxgD9\r\n=SPmr\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"d7f23b62323057911bab879ad12bad4498d2a414","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.14","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.5","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.0.17","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.0.20","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.0.19","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.0.22","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.34.4_1630420681589_0.5556687904678634","host":"s3://npm-registry-packages"}},"0.35.0":{"name":"@supabase/ui","version":"0.35.0","_id":"@supabase/ui@0.35.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"6b2fbb16c11131b180cc8c189d7317294f032ac7","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.35.0.tgz","fileCount":3457,"integrity":"sha512-bftQoDcX2Vl6Gcu6IYUjteN7ZKNs5YhvhOz3c/8kTYU6DuD33VKOYCMQBKwU4IuBbEsNXVRlJxHK4RjXIiS4ww==","signatures":[{"sig":"MEUCIQDjdmHhRw7jPxucSrRRmriu+7MRCkixxDs966+5WaEoFQIgWRWyyc0Tl0fldejtD6f/c21fX1Ej9ZJFW/b9kjNN6yQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3162080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQLziCRA9TVsSAnZWagAA4MgQAKHffBct2oCLJpURolRY\nOZBnzHHlxgi/zaIRT5RN1qTL2x8ZSqXvLYMTYSGFenDeDcZ9RDbidJBA3C66\nRY45+D/AqOWzQ6ar/tAqrrsTrDn9TV4S02OCRVlEqKZBJehLI53j6hGKrjTE\nOMy8wZC+Mb2oTz/Ad0qnK/HPrWv50RHZLjAGIPSywiyKFevIdL+zn+lbZM0Z\ns/0UtLN6rD17jftGATj8kB/xbxw6oqga6C2iQgeMzLWhcJu8JgWVSjhAreuF\nsIXSQHlO8kDjeppQnPrfDf2X+pQC+qe1G6XZwoI/3eylrMIuMWhZWsCfI6yj\ntpEQ/aXf626ffaR9pa5obGZKPSEuw2n0+7tgzCZ4+wQ20OLyxkNgQdj5dlLH\nWvd5FOpEFMQYQ8lh9YsD2oFmoYMAmW6uzFqG6+Jg0tUdKoPbMY1o7TYuzbfR\nlplXrE9r9lrkMkndu7NXHDxKhrn2fzMPptnyiOaAx+QXgv1vxewz4j+swPQ+\n4OlhMG3OJayU1PZvpsDIGI/ygdCBRhS8VUN6j+UBV/HIgPfwMr+erTJkDnEY\n0S64nUWP56PGkcrbn0A6bIMVXa3uTvLqtdZE4lVWrrra+meg5ZHJFip13/VX\nv4NAjJ7o8LPCWBxmGdDWlKHtpPES7uTmt5CUf6jKRN05VUFl2U0/idcyW/Xs\ne4jA\r\n=8IGA\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"dec9f69bc793c248942cfdf621f133b89d9f478f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"12.22.6","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.35.0_1631632610081_0.28505498338522783","host":"s3://npm-registry-packages"}},"0.36.0":{"name":"@supabase/ui","version":"0.36.0","_id":"@supabase/ui@0.36.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"911dfd36f1e867351fa2aa3f73029744551066e1","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.36.0.tgz","fileCount":3457,"integrity":"sha512-LAaqfVvCjy1yJeo/wDxNDHepef0zlxHgM2kWAOSu8HUiYr3aLFk+hmrwx166b18Ji9Fmqqy6CdeY0hfsrkwEYA==","signatures":[{"sig":"MEUCIQCGuRE1R+s5KOMqhp8agxhpN+uKLMXVgkyZGWE4fxhFCAIgO5S/UioWGU105bLRtwnI18jL07/EeSJ+TY+x5bFISk8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3162444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhmi2wCRA9TVsSAnZWagAAXBwP/2ZXV99Mtfa3rUhKPfbv\nZlOb8syYEwKxtxxZGiPyadSUUakEQj4WwwPGXe6Nezve2ZvIJcUYNeEK6b1I\ndO7l8KtyVLHpcO3G1tCPcRV9z0Xvo21dk25rXoFvYAgrpzM7dWW/vQI3POpT\ndZwSHzQd8Yjk8xHT2sRVcl3YvrctaB2qrSpb/mQuS5v/xcg4/jq09rUMO2ty\nDnAXLvHsgxOCkoMm0b+iR1+uXxBnzCbh9QqOUO0/rJ324s+BOAo3s/rYWwr0\nY8sXggjGssdqsDfqwKN7TIaMkGgcoRtuop7QJNYlDGJdnFsynP7yLWAnd9Us\nkfmw3viy1Whnvb3BecHgPhjLKTyPsJjgfehOK3bFsU4qf7ufcjTnJYz5o5zP\nwBLQ/ZuqePFi27MfNaWoN8fevns90Y3NW0WwmpaY2AJQzJTE4j/DbTxBAI6o\nsaljh8aS0cgvovYieqUdnAXmmTuJ3tJu90kFYWlQjbVk8SrYOaBjKx5R7e1K\ncYrl/Lk7llBBhZN7OwZQ4WHOH42ejWC3D6+rXEYMtOMeAsyR6Zz2DUYbJhag\nsq8ylRyAhgMeT6OlyBx6g/UI17/a5TTc88ktsWM3OatT3SAcZmJmIAVXAEHI\nt4GSRkegSSZmdmF5yJgjiaDk/jsbWLtR5up20Gw0YHr5QIHraC1gRiqPz7Kp\ngEaV\r\n=6dEk\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"7f18b7edae74ac52150f077819d533e28c94a42b","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.36.0_1637494192178_0.44250287003608046","host":"s3://npm-registry-packages"}},"0.36.1":{"name":"@supabase/ui","version":"0.36.1","_id":"@supabase/ui@0.36.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"7a96c93d739b57c28b8212f149616c1eb538b63a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.36.1.tgz","fileCount":3457,"integrity":"sha512-MlzXnPO/QQL/VOchtaIOEQTakHtdrEjihJgigww3bDb+Q/e85QCeW2Mluk3qm+KbRC/WS2/EAveGuhP/bYPzqA==","signatures":[{"sig":"MEUCIFsoLyLvOE6tkP760T1YzXDIVVR4MCyluqLolG8GevDqAiEAl3nzsVhUPK3LjQ17FizbrUTKo3eUiuV4SS2vR3O09Mw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3162332,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhoI7LCRA9TVsSAnZWagAAuXgP/inFJw8TL8UR1HTTf/hg\nL5lT3DQu0QR5rbGd7SpVvrmyZft+f367Aa048hGRSZy3CUZ6opFzJyr/he9D\nHDeLbAubuhvTuXPGSmBXTjtEF2U8QVlgpCTUuFDZ70LUlBa+s331XSYG1xFF\ntuTZinRcTm9PWlY28yLhUEbjbCyal1koGKIQ5dfQ/HawT4dC+/4UUs+IBEdl\n7evNXtKyzD5IeWgfJmGUFJoV8YdiT0l+ApTbxPaQSABxZosEtp0LQrArGQbz\nNINks4I0GGYAHxkoIx8YJHlLbvf8MdvxK+j5nMBnVknET5CZ8TJlRE4Av0DC\nSM5FwdKbHX3vdBFC8gBMaPSyiH/eXK1GMxDCjsYEZXQH4AHc3cNt7Yva4mR+\nRnvoaVSH4szi+TWpSs7IQKsTz6OHSzjsiwdSJKcMKn6L/j2IosrBTq6mKsVj\nwFqTnhoe05JZIN20lF/LluHMItidTjEQpW5LDbrp2t/QgSgkAeT8/8tGjAaq\nACT/HcmbKCAU3jZVB4jN4NZ69umP86O5iV+KHRPjeBaKBkt1LrRIOHRg7g15\nGFM//NIKwzfnjTW4I+dv4j4eCIk1Gj14ZnFjZydBad5z6lhtxOn4bws5BCSo\nz5VYsFcO3UruM8BRJz27uBWyz2Umh51EWY+rGj0xUQj9J1zHnuV9Bi75BPC8\n88Ns\r\n=ZPhV\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"4f56f0df0ee57911a93b5b3e76b57206e9767f9f","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.36.1_1637912266721_0.25136554534710576","host":"s3://npm-registry-packages"}},"0.36.2":{"name":"@supabase/ui","version":"0.36.2","_id":"@supabase/ui@0.36.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4c7af9c944a6d8124dd2bec083ea6d688a859328","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.36.2.tgz","fileCount":3457,"integrity":"sha512-E379j5SvhrZrSmaHQhHLMWsJIVC/GCs29gsjZpMr+Ao4MXfWuRTJDpZVminnlNf2GY/qbazu3qqJIPs5ehmRXQ==","signatures":[{"sig":"MEUCIB5EcV4zf55BRltQpKCY0pxddIHHUcMfYSCFKmIneSWaAiEAwGbgRMtJcAEXv0AU1zh8I3HgaNEpQXXru/x0Uh+VBXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3162666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsnXrCRA9TVsSAnZWagAAOo8QAIT4w1ZlQHl64sa4pCLm\nUabYZN5jkfsGUMc7UVfGCbziQ9DofsYC9lK/HDthLZR8zHdiUP7b46Ya8BW1\n2hAFOh0+iWMlxGzYg3PSG9ShgkTzBppFGfJmKEOSbFxDJu94w25gpoXuEyzX\nUWDquK+F0CkpVc2hW4dX3NOaTNkA0AKbxT7RJcDO7a20Wud4J0TVdCPwNEgi\nw7PrMWvfn0BYpOvXJJbNYEd52AR/vDaWmfOqK0+FWTKjScHNPEWtRwnTi452\nSa2VnNPLJco08S410dKsc9tu4RTUrfnkplQW410t0Kbq6a+HEAxmpOWCLuL9\n7BoQTOLUcYfP6jcrX3z+0nggoEIaQL+N4uWTFr3vRE8d7bGTXfSboxYejf4Q\nRVF5iRBWSPLRAIQ1rjAShupwe9QGURvXDupWJ532Ag31qPwhx6gA1BwKKblv\nZrVXBT9Crg1Zpxs3vjdYv9ijTz8eX8cIIyLz8ID80cmUkt0A62yadgaeeHQV\nCpU+IuEjy2DMRnYpgKEkt6TGqHIqwZVnE4QVAVJGsQZ90ZT24ncgEyRtoMhx\nQqbprNfl3y/x7O444ANzLknnKhz7bycMQSJsq1XSmgIj2nsh8fA/hqGteufb\nHwtTKIzsjcMgGQ9zvlmfAHYQmyeSI8PreHD6KFDifxMFTbYEXvNHHt5J15Mv\nFA1w\r\n=Tb3t\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"ed8357e851edf4a9a2a8e356087a8b280115712e","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.36.2_1639085546763_0.05927237009668396","host":"s3://npm-registry-packages"}},"0.37.0-beta.1":{"name":"@supabase/ui","version":"0.37.0-beta.1","_id":"@supabase/ui@0.37.0-beta.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"084be1ed25ddbe43698f565d0a062a3ee4efa38a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.1.tgz","fileCount":3467,"integrity":"sha512-Ft7E92+jJz8OF78ScZGtUuT3FgSC0j6Db7n1EudnkfqQs6Vhg3P5BLgzdZw1mtPQIDoLEi+h9QEfK8uDtr6/5w==","signatures":[{"sig":"MEQCIH72DrVR9SED+f9KycBIla8FsTjS+0VoU5inX8CDLPthAiAIqaleFJQKJuc6nCQuhJGyQP6ZakVHlydl/De/FQbjqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3173571,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzjMuCRA9TVsSAnZWagAAOhwP/Azsr5DhMBDErvhM/7+1\nkfH2zuX1wQZemX/tjYLQTMwRh3dZXqt/D1bYwnwkc+YHNjFR3ZsppFNowf56\n/QH1qgg/eM+8N7Bu7Y72tw4qLb4vaKl18QNN6GMXT0evGtonISwyRjqMzmrW\nJOYZ0LFhyFpFGNZjOpNsBMdI45jT4IJpDg1C4O/BrzDbAXNk9/rSwCZpvmid\nT/Zn+RRmQ4rUttcXnU0D2zd5ejcn8aWRRykYC5TzfagnT7UMf6+4ZowP5wCj\ns2d5HkZBpinqOgQiLFakA+CxQhYPKe6vLAKtbAU2p7453N5Q6GqMoA1ET6D1\nZomGD06BSFMoCjWc0LuXNImyzA4bNGVDdH+qye6GqJlpKwj1eNjwjH2OYZL5\nBe3YfF8Cgh7hFikegqY++nkbBj8jYTI21SGJhTqH9UfcdYHZFiS3bVcwSG2A\naZ7eb9GGoIKusficsgGqVG0HEXKqMAEnyQ2Mwh+62xgVaCLksLKw5T3QrMSJ\nhDIszuSCuSHnEHsy8R/N8nZ8WJ4AbJ0m2UPrC8ADZ5Zc7tWrNEUsS7L8qa/7\npGYekX9OVp0xEtS3qCJalpwvSF0QEmpuGy2joOD92QbmQ7mIsDwNk6o8e+cx\nlhlq2yXR7j4RjEr5lKSy26Fcf760WWZq4rSAn0f3IO/Pdp2ykSibgNSD/iv/\nGUHG\r\n=lNYo\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from \"@supabase/ui\";\nimport { createClient } from \"@supabase/supabase-js\";\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  \"https://xyzcompany.supabase.co\",\n  \"public-anon-key\"\n);\n\nconst Container = (props) => {\n  const { user } = Auth.useUser();\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    );\n  return props.children;\n};\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase}/>\n      </Container>\n    </Auth.UserContextProvider>\n  );\n};\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [ ] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"213cf145982a150748af79ea0902735f9873b22e","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"yup":"^0.32.11","formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.1_1640903470666_0.2755575257850318","host":"s3://npm-registry-packages"}},"0.37.0-beta.2":{"name":"@supabase/ui","version":"0.37.0-beta.2","_id":"@supabase/ui@0.37.0-beta.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"724bcac20d5b3c22f454d4cbb8dd34d1bcfbc4ea","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.2.tgz","fileCount":3467,"integrity":"sha512-uzk62vM6K6h4CjheAJFSLj+7GewH9QmwefaO1sc9QtKOwR2YkQd2xkH6OxqV0YLy9wDwmgl5Ol2EeriYGdjfnA==","signatures":[{"sig":"MEQCIAp2gpN6DDOahA53T+wnJviJkooieqxFs9Co6HIe2IjAAiAkrFdVmzZelLrSNoK/kWEurdByZsv4caPxJ1vteimBBg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3177033,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0gn6CRA9TVsSAnZWagAAQEIP/2CVX9eiUCxp1br4lDac\n9W1sKCA0O1uNCpQUTFTfAaQPP/f0PPQF61yf0nF7DyWJomwuURRwwGFUeZTo\nR3BPPlCDLuj9ejS6MLKvwmYgH0UHvzr4B66ixxX3Y2BPAMsoO1GpbG9FeU6S\nuLi50+NrPhiXsF5AN2X33ZGzwm/rj9DL//Rz0f0t6AuqBpMFebwBoXLIvqKo\nJrDCqznO5AotVGGvmKNuaJjRIKRBC8tJ6d+HxShe6qa4bYHLw1L2GXsiZQ+4\nVZuRHinRMYZH289E/TmALjiDjnTY/WP3vJzaDCtlcL+7q+n8hnRZSLKgCf2/\nbcz7eIQZH+e3VTTmUA8qAf4DI+jjIY7rzbEMLQOdVICAXWXYdaHRpwkXpDZf\nE+5NO4OkD8/qXF5YzxyeuhWmkF9xwfon5LEVTvImkKoIQZAaCOJ6aAf1OC/q\nhouxYdASGVwtEOfmAM/dPRxrxow6H65rxsYdwdkg2zjur3L/6eDVGPEErcYR\nVgEtKnM7ZRSdQwHykyvIok5pnhzibFG+oNMhx82tyvVOmkYb3B5S79qmmR8O\nvdCPTYg5WfKAOmQJyfrGmvMmhA7362qqIH3zQJmm1tn5z7NYFmtKPh30afNq\nSjn/J16sUoG2JazzqjeB0a4vv+qnC8qQdIYnBpoUaOLl9SvX3zvEdghkaw3K\nJmMT\r\n=QN9B\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from \"@supabase/ui\";\nimport { createClient } from \"@supabase/supabase-js\";\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  \"https://xyzcompany.supabase.co\",\n  \"public-anon-key\"\n);\n\nconst Container = (props) => {\n  const { user } = Auth.useUser();\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    );\n  return props.children;\n};\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase}/>\n      </Container>\n    </Auth.UserContextProvider>\n  );\n};\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [ ] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"394c46644f079875757fc370b82f2688b0644932","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"yup":"^0.32.11","formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.2_1641155066431_0.5650784463889611","host":"s3://npm-registry-packages"}},"0.37.0-beta.3":{"name":"@supabase/ui","version":"0.37.0-beta.3","_id":"@supabase/ui@0.37.0-beta.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"6a9b544ac181913351fd5dc77cb8f715cbff0d7f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.3.tgz","fileCount":3467,"integrity":"sha512-080ezFxjs6zwSdgRkFvg/vX7+f4O435gyrP7ZhgzM7WDN351Kobqi+EjZbzYNToTdngJxTy8Fq8IN6kN2t4OeA==","signatures":[{"sig":"MEUCIBhJ6hkdGc9TwjDfYWFv7UZW1ssdw2kkmuxNtmMxs2s3AiEA9+StqTNDXttXBy3fUWy5DpBV/ofoUaYO48LrCJsjmeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3180738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0heGCRA9TVsSAnZWagAArGYP/0hGG9uyzCFxLnD2x0My\nXGuPyBIMth+HJKYkAPxHm+sFq9kKlP+AdKHf0G/bJkPQiLYIFsIxDMdFfIuZ\n1tz7Bjg/nU04ZOusiRCSAwzvmWKI8RR37R5ecxLMfRyaGwzWl4WFkvnmt9Y8\ndU9IyGD3CrYAneWj3O7RNdxORAp8srZhlClmWFPam0y5p4U3lo8tYeqNtm1y\nPwziOHE90jlkUwfKpSY5s1GwsFWBRUPpBfIQ98LfTEENCdONonPyIljxYXlY\nlCAf0utWZv10I737QRvjnT2JUMF+XOITy2npfml03QCt80niWgvz6drbmgTF\n8u55+erXOhsh1/9hTXpAYCR11P8WXMSsFY/vP9Ork/Pa61E0th8vzP1RwpVH\nPMCg3kfEw/fLsBsPfN7DYjuFjiLZQtfPvoC08NlHLYGIYSHGC/wjuRGkUp7R\nWaDDWPjkaehyKUBK6oxB/uI9GhJez+e+2xFfbD3yEvp+5ZaZYhYuVTvsay1o\nb9yTvTgL8EFjFXs+R+1I0PlKpl8svGJsc3KZnNpkaGlgsdAzWQcmWfHM5xJf\nRoSzdezjdA94jtxkSqVSp4G748p5yKm/nUFPQvgJdJzeh0X/zdslNIkDhQTg\n+sQ8bT4+L+BmI1ToRduU2FoRYR5QCEVmzS3k12VKGSDrmaxXwXZ7V3sTxXaj\nERuO\r\n=mvmA\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from \"@supabase/ui\";\nimport { createClient } from \"@supabase/supabase-js\";\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  \"https://xyzcompany.supabase.co\",\n  \"public-anon-key\"\n);\n\nconst Container = (props) => {\n  const { user } = Auth.useUser();\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    );\n  return props.children;\n};\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase}/>\n      </Container>\n    </Auth.UserContextProvider>\n  );\n};\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [ ] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"30b91b99d6289c67419ab7fd5b59f7dc56deb96a","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"yup":"^0.32.11","formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.3_1641158534458_0.6442566512491585","host":"s3://npm-registry-packages"}},"0.37.0-beta.4":{"name":"@supabase/ui","version":"0.37.0-beta.4","_id":"@supabase/ui@0.37.0-beta.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"850a67a4df1200a156a46a8080641de84042cf2b","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.4.tgz","fileCount":3473,"integrity":"sha512-8nKvE+89Bpuswqa0LcIVuGJ229EgKAbGyk3Da5CXwwrLBtFkdMSNG3kRrxUMXDHefWo6FpWTyzaHlT7eBj2E/A==","signatures":[{"sig":"MEUCIFEEy0QEI0t2eKNRsTG1AehlEfG6a+EbLM8aert4v+DuAiEA50b2o6PbH7mQMnP09JJgwGFfkuFV7BjqY+lMOF/7zsc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3182024,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0hnkCRA9TVsSAnZWagAAxcMP/jfhPwYyNn4jveUMSS8K\nd3qX7Dn+cj3SWreaF7mu+BRpQuHR7ahm7aWKsYU7KO4mSn6vQU4NF8evHrg0\n6E7bLPc/7rEgQRfJX5uWPa9uKmMwYUvTNSZhCpA5KP8sapeOHqvSHYhRS/jz\n6g4AfefMGhK4E/jgXmzNkVTmjVs2uxd0JfWgzxkbh9HTQiNkbNMJgrYtHJ/h\nhgwTTAbf5QVugAhTSfAJ2KFZduFkk80P0KGDQpTmyRQtLiLkRJshY2FGOnBr\nYiTCatDzO4vbcfIMsJAeis1g5SmQGGog5VDgTMHfvNLcrHSbbbN3V+5PCnNw\nq3uk2lhIXlr0cvtHBKm/MIOTUMPiR8LNqwEDkh/21ZFw71IBiuN0fHUT1GT7\nmkEfAQ9rdy0XiezVXTrdL0EOiwipD8wp4A24Kh3j1XedOsssqEyhqwta+0Xc\n1kpuNL67vfIs5H1rR6U0bYCrlckRSqFEqoh8kZmx1dJHRcBQYjm8N6eKwzWz\n4W/lG7J00ytlMp0noOZoropZQVHGGxEz/8VtoHs4VDHdM9oViDLlsFe/ZxZB\nBSliL8z9PnR1NE1hxLSxQGclI7GdzibAkRfzfhShLZWP14MOXD8GnZXfxCZS\nLxyZmSrDBizvMmvScn3CJTYtjs0Ub+UuPnKPHTpp4dVeaBuFoL6YuxkkfkpX\nSrxc\r\n=kRig\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from \"@supabase/ui\";\nimport { createClient } from \"@supabase/supabase-js\";\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  \"https://xyzcompany.supabase.co\",\n  \"public-anon-key\"\n);\n\nconst Container = (props) => {\n  const { user } = Auth.useUser();\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    );\n  return props.children;\n};\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase}/>\n      </Container>\n    </Auth.UserContextProvider>\n  );\n};\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [ ] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"89e428077fe17f5bdebf5d94648bee2b833ce092","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"yup":"^0.32.11","formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.4_1641159139997_0.45598522521904017","host":"s3://npm-registry-packages"}},"0.37.0-beta.5":{"name":"@supabase/ui","version":"0.37.0-beta.5","_id":"@supabase/ui@0.37.0-beta.5","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"2baa91ee546958e006e3d18aa37e42754ea73114","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.5.tgz","fileCount":3477,"integrity":"sha512-+jsEFqMtlVFQCgJQDk/4WFU/zVCOqEXPjhWyjRI9OIGWIORA8fcDPTdZX5jeK2zoD8tJl6Y3ZBffmLamL5s+4g==","signatures":[{"sig":"MEUCIQCS8a8yBcwA2mo5jktm+SrJW9pJjn/eBKBw7tCERT0zVQIgM62Ao7Oq2Ge3mpADjAgMUGONRdebNg1QDa5sAk8ZpQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3188161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0jLQCRA9TVsSAnZWagAAlHsP/01/5T0XGslY/m1oHltI\nlJAKFEIrCmLTvlRKbVGfK1y9cxOdT/LJuxo+jcBwi9M7P1/aRGeMmcqdmwx7\nK49aS0uM24r63N2nqrKeHTpKM8/s4TKOaF3ikddGv7GO0Hf94ndIzoPOla0w\nRtBUXS7g4sZ0/Fpvjg4fuB4KfrASGhk1UE9My5UjE6FzV2jSLr/0vjp9Pd0F\nNW/U1BDGzRj6CiqZAHVqXbYzkaoEAZUhSLFkyOmDI7zZykXvLcD4qAbyCjGi\nLLw6Ky2ntI8UMXaetau31EbD09lCCvnJsbymPmxaybHdaIUmVaST6hWkSXEU\nBo/tNybGfFTRPVKZk01gJSWX3/7/09EVHDp2zRHpizzfmWQwEI+9AhqhtPgb\nqQA9oNn3Ng7Q+sPZHWy/1ZGGQJ/HCT4m+l379jpHlLJa8OVB9jvsdt7mS2dH\nvIi0cTDwDzooOZVeqRHkRK1F3kiQ7Y6q+3dxrdhcq4DQiGwI0KR4Kt+8LJ2e\nPVFgDXXlIYxmIekhx4TAfB9QB9Gq+MVjD7DhJMvzynP5INDhnb+T4rWAHP1b\nQ3UwtH+MnaLXjwJHRBqufz1RaCErSq79DUbv9iQ69111Jgk6S9yaed0hZ1ku\nJisW8AFsA+ArMKulmVZlK18N57yxUyIp6idcHYDtBafC4D6ZZAQrr/aQzoAP\ntxEZ\r\n=L0to\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from \"@supabase/ui\";\nimport { createClient } from \"@supabase/supabase-js\";\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  \"https://xyzcompany.supabase.co\",\n  \"public-anon-key\"\n);\n\nconst Container = (props) => {\n  const { user } = Auth.useUser();\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    );\n  return props.children;\n};\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase}/>\n      </Container>\n    </Auth.UserContextProvider>\n  );\n};\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [ ] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"458b534354bc54699973f43a130b0e5ca094604c","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.5_1641165520498_0.6400351978748431","host":"s3://npm-registry-packages"}},"0.37.0-beta.6":{"name":"@supabase/ui","version":"0.37.0-beta.6","_id":"@supabase/ui@0.37.0-beta.6","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"7982c4fbe634cd68cba841157570f84aea58ace7","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.6.tgz","fileCount":3477,"integrity":"sha512-3ARcKNsxvHcVhVuCt/5KXbInAuS3SmeB3kDOJfVF4Es9bK2EhPgUziA2ECauGK3kybTq+0/JUzZadXFn7AAQ5w==","signatures":[{"sig":"MEUCIQCtOtfyt+26qR6UXZqmFUSoud5NblsGXSwGKtg1UwhicgIgeh5i14vopTj4Gx3sDowHhzfLXswRBv71mZXLpzSKPwU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3188277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5HGpCRA9TVsSAnZWagAAAO4P+wVfN+Ug0oOpuMVlX5h7\nENA7s0cPgfqsZZcBpN01eqQ92okKH+aZAUGSiXMl2OUhYNnAAsnb1K1Wt+hk\nHBWqggcY9dHdOx6LoZxiPsGlNaSWWHpzmbehUklDNz/FpSMPPCUzJNPLtLJj\ngjr9xsRVzlMSrMZVTXeNLWfHfyvsxKK5bYulGS4rVae9HZKf29an7OnoGlGd\ng/AjhdcQy57xD3xOBau/3Rz3FPd9TswZkm5X533bLf11RgV3z+SREgHDf5Oj\ncoSiTrRpkED7mLJ6Fk+vVMYBbKpIyqknY8FtKEnYH2bA5phhxhrzXlfZqUpF\ncHKyFfi+75Btl4bSMc1Cqa1A4A5GC8UOBwUA0SFXZWOl4CgpxA+WUE99blIq\n6TpZxdoNg0+So+fkfXMZSnYKD2qfJ/JOy73HJBRnXIBecbrjshlfe0GsIXQb\nagJucX0SRz8Wxg9tmtMfqnatE+bJ3tcVb6VzN4UVbalw4ue1shLUAfDckBuk\nu3KHBz5V+JLO1TT9MFqtW67RDihgMvY8m/7SHuTGkDhb6dnBancwhW2S3Qjg\nNGmJzeQO/pBsfePxXV62FxRHqgGH75kaw9LbXDCBaVpRhQUTzJXL4Ns5ZHx+\nOKOxu4SzQkDxv8KCCk+gyQYAw0LhLEJw3K10iJQFSL2fxdNolJQT7VIB+FKv\nVbeH\r\n=7rh7\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"10709544322915fa177dd2cd2a520ff6b6441af1","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.6_1642361257278_0.872948740410278","host":"s3://npm-registry-packages"}},"0.37.0-beta.7":{"name":"@supabase/ui","version":"0.37.0-beta.7","_id":"@supabase/ui@0.37.0-beta.7","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"a08a56bb3a3cbe64cb5bba240434ef19006731ef","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.7.tgz","fileCount":3477,"integrity":"sha512-XPiVGNgubj9EKGfTP1ou7PFxhkf64fGjPYb9ZW7gzjxfcAhIlli/jT3FemVGaPZKSePa04k5hMGOdbWFhYh7qQ==","signatures":[{"sig":"MEQCIF620+uQoOetSjSs1Cm2i9ktu5gnZTTor21r7xAND6GFAiAV6ves1sLr92wVwd+mXtOJ7paFfEh/c5QJsVH1imdMeA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3188863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5HuaCRA9TVsSAnZWagAAum8P/Rx/rR0RpR7/pUrAckGx\nXksaPFzTx8Pg5NtC3TrcljAM9Usj9J9ffkQk32JVoJfpYCHAZIap7Iu9nphv\nvqSzE94UQin3nrZfLDTGlbA4m/JSdsWpNZ7nW8sU11j3/GJJbzrrfo5+pBZQ\neQq+zjyNZcHrHNqiQfkHBvwkHG6uenzA/FBmvGFe2l1QjXhXenhKQ0uImpH6\nRXL51+bih3XIw9EUZQfvyoiDSAWGaKepTDuuPk2IU/+aF8MVe24fEaEEikaW\n0xty7RHlohwnzUaySCeR9b9GVw6uWVjJOACMFdRoM1Swviqw6j1mo/OtsW5K\npboKvGi5n0haDg4c/fvcj2wLXFU79fqlxn3ojIWkBw5KIeOshUA2G2tpFyqB\nhIjRn+45aLjNmK0alXRRMFrCsoh0FrXpyM4TfqDKWdeF/wy7ds3LjaP68bmK\nDhFXSUSWbkao/XsTTDCh8LoJYWFpB4gFij8hYzI1cxMhv26g8rQSbMbi1GNf\nb1WfzeMuB1RhFBryk1j1Mu2oR+jmGLHjByVKp/NhD1AXDS7n+40uEHvOfEHR\n4UgDOENgeQkfMctO6fj84uAuFyuoOmxDLhhEl63+rRmbqlOFhZUfYvjAtBv6\nHAtwxJUtJSYI24V13gyBlpdy0tqaJcKSosQXVRr5MXIdxTMGv7Sahx2nRvZE\naXEh\r\n=WDAc\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"32fd20dca2358a6d87ab161cfebafa9019cfd7e5","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.7_1642363802385_0.17690464373153447","host":"s3://npm-registry-packages"}},"0.37.0-beta.8":{"name":"@supabase/ui","version":"0.37.0-beta.8","_id":"@supabase/ui@0.37.0-beta.8","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"dcf2f88434e90ecfa0125f9f97560176109158cc","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-beta.8.tgz","fileCount":3477,"integrity":"sha512-Nx4ZT+o2ZwJN8x3WBKe+sLu2XmfNk8xJxHTbcBUfexpataP3jXunSfiHN2pFK1da8zY4I53mAHtSi+AyDInOUA==","signatures":[{"sig":"MEUCIQCASfA1C5Bfbd/hz6HR7cJX8yfJNu4elGdEEkLkA6BiJgIgM6W2pK0tjO7uMc6NkV4jp/r02Cjjs07EwYinJyeN5cE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3188623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5J/mCRA9TVsSAnZWagAAANwP/3eoKX7GtSEdVPR+IOVs\nxnGraJB1tuVMPjaCOiGl42/FBepkQbQtKc0cKGMO4I56jhZi40BAJ+VhS1zu\naboNTNXJv2EBXlsgA+9GgK53o2sbIGeKM6RedsIR369YoBBKcPGV2bjx8Jif\njJL7huWWywqqhxrO/ITV2vsZSTVRWTJd890gwOZ3dXs0m34EmVvsMIKvmbxG\n+cvVH0eSM+tRNR0ffXuy7A66WdpdaO6WaBe0E4TSBzXk5Ln32OTi3DySlM4P\nmKv2HG48IdxFCXD6Qoy7QoPwnNcE7qNQQXwuSRqbEA/KJs/Tofm7Wn94tXRW\nfuCLdZIBmdGZKkBUd/kDS5gt0VON6s60ZWyhISRy9YyQMEBeyUJ/X4u+Iuic\nRZV3tqxUf4HkKm4nZxH3NOZ/DJ37xev0/oWVyI8xYvqSkSa9ybqfy9VZFxJQ\n4VVY/VGOlK4Ka7h1Ab2Vg/FtaSNv7yqOzt6DWst5V0VDdwNnt2PMICbTkoWS\npQ1ka1VrEwgd3lA9djXDFh1F4l3833moD0sVJVpYRY88pXx4ukTMDlDmpKX0\nKcx1Qry80wzRojEqm9lYO1zIlRfZI8xxTjLrZKfB6k0zjGwWxSRYopaQIz/6\n48xKR1XygiLCarABbZQ7L0ZAamegc1g44b5aggLYv9KnZpRC1WQd5Y2tCQGi\nE6V6\r\n=zP+U\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"9cb76b9b883171f0c3d0391b1f0a3b5a46645ab5","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-beta.8_1642373094044_0.29449868475115126","host":"s3://npm-registry-packages"}},"0.37.0-alpha.1":{"name":"@supabase/ui","version":"0.37.0-alpha.1","_id":"@supabase/ui@0.37.0-alpha.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"50f05c28530e4df9e92f5bb0e75056ad632fab63","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.1.tgz","fileCount":3477,"integrity":"sha512-ACiMDEZ62Oj36GOo2FqoXnf45+VVwQeLYj4GHOshA6X8mFKfSWmZ9i/VzLVPIJ9xvkHQqVsmoUEAoQSa1NQnig==","signatures":[{"sig":"MEYCIQCitP/bsbcsEmsWDTYcQwkmJh96cgKEx9zkDz5FP3nG0AIhAOZq6x0b9ydOr4NPppm7WOnwhW+oefovmsE4dIvQgM4N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3188624,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5Pw+CRA9TVsSAnZWagAAcjcP/3LBx1x3GfF5eHetS8K3\nEWLB/IBrw0A7K4igiwc8MzxeSK7JJnFUs/GCg8t9lQOSnZuF0aHQYwf3vJO0\nO8aKXcnEY6HgKyF65ZyFPe31zvtQS3bVih66Yyzmki3MlC8+d5e6MktGoqV7\nOo1fMGIjU8iR0wGFqUP59bg36kkVj9Ot2ZW8CrHJJ9LmGyq+idAxGpsQhppL\n3x5Bkke/SqeO+fK/HbiMPR4gTtji+TGKi1oHoCr0PnLHV4R1EUbo8ATKpryi\nqjVbwYWaAJtnyHftvzOrlQ3OC4pGYYZI0B7WVX3ZrzpI23RagTW7I7gyFHH2\noi1iVgti5C+5mv38JkhFxyEo6hVZPvnKJOCT/lvYrwiPTH8qGRqm41mI+qKF\nsddnTxGS+8l4cISO7VdVshGmzLtZ02jxPPLIK4go6bHrBeVjiAACKEztSwTW\nOorUxhc6tNCULkjHccynw6/9nqEJRQ0ygGkmJHTDDhIBhwLvo29rAhBbPIK8\ns2WpG2Y/VeujtW8gdeXnFbXVHv/300KaEwU2mt+dfR+xQP3FoAij0nxbImmQ\na5O8ptJIbu5SHZuzNtUIGz0X/XWdqrE7AqlXwmSyyQSdE39eG3ds7n9bBYlT\nyIW/fnx/Y4qZTTaaNcush7KKyNd0CxaAq2VtX+mencsHl6JiPNp10qc7RKau\nGWJ4\r\n=ElPT\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"b4319292d0347c23db7403f37bf4aea911042484","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.1_1642396734528_0.09332470374137691","host":"s3://npm-registry-packages"}},"0.37.0-alpha.2":{"name":"@supabase/ui","version":"0.37.0-alpha.2","_id":"@supabase/ui@0.37.0-alpha.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4bed6565f5a93d22a91f0349c9a40c698434e940","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.2.tgz","fileCount":3287,"integrity":"sha512-Gjk1j5j+XgWZgEqqlAfDrSBLxmALmovTMfu2Z5kGEEzqtx1kgIE1qo3Y54gMN1cfsJBxpBqHTfLHq+XIWVoavw==","signatures":[{"sig":"MEUCIQC24Zuv/g8xsoxtgcfw2tnfEQJ8S+lVxzbeynW9Cpx6XAIgFCYTxH1w4p/B7Cejfc/iCQw1IG9epNVsW3BWv/ax5OI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2499055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh63aUCRA9TVsSAnZWagAAuQ0P/0RajEnzeVuoecE6rcoz\nppq+nE/edjXiF57kkoSznQcOtZ2S+6srRWVsjxmAcvv8KBv7mgLJ3fO4Ei7+\nD639DKKepuSqz6vXk3Ju40p2Jd7K4rRIQA6tnkbaEjzcfSFFde4FAKYbPtnd\nhXA7EDqktNjReb3lduppmYSE4VsoCh9QVd4N1u5qzAvpfqBAj6HLRF/Y4Owv\ns0uzfkvn1v+6hwvvVM8VSczVvv9ncvwx4X8YfE6Dec9s2i4p2NEgH6Nkn7y/\nB3fh4SYsYCycKNL/lbN+SIzQrCrPhwxrA/wKz/3L0qw+gny3/CR7PylWYJoP\nh2Dcbm8mYmf6KCIJIGRmtmRwJJcAGo1EMgk9sXyHj/DthBqZo0LjZlX89pkk\nzaIG1op2At/o7ocvSrkO8Y8bfoH8YGnt+xDJsvhwpyV+lrXCqbfJeZBhitHH\nGyvBCli333/BpZpkDIPd94ibXktApZeagbDdp5toHlFEz18la0YH3Y8gnjjz\naSDYA8vVoj6mQ69VklhYCrFCd3+hwCCGLrHhNzeDPhy8n8pcIdityANr4705\nvqlMPtY7Yl5pxOLzi1KuNh7Hg8yiapRk7PEXEBQzczDrXmSDJZktVb6kGy3C\nkP1qelZRjW9CMNc/8+1PJndpwLSvxspjGIQLtDecgwou1R41CnUCUpQ+fTGP\nh00F\r\n=WYc1\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"d5789d453a1f9aca4f29b62452024745b4e94aed","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.2_1642821268052_0.5271245215719442","host":"s3://npm-registry-packages"}},"0.37.0-alpha.3":{"name":"@supabase/ui","version":"0.37.0-alpha.3","_id":"@supabase/ui@0.37.0-alpha.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4b319c3792a1653cfff46d7ba9354449110e8393","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.3.tgz","fileCount":3289,"integrity":"sha512-C0G7QQkSiba3nYHdqh8KmUBo2lJRl5wA9DZ6YlSJ/vvuRxVsweLfGM3vQEEeolfACukU3QN791VAF2eHHflwDg==","signatures":[{"sig":"MEQCIDKsOE9iPO+33BbrRGyGISPR5VPegWGpjpiQXyj6/ZkDAiAhfS2BbuEluTKej6iy1s0CLckD8iBC3pMq6rynLutJ3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2510940,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh64GDCRA9TVsSAnZWagAA0rMP/1Zr3ZKRZ5Ii0F4SlAjd\nylYEOf3jYGHTZMjdx0QlpSOgd6WYjkWaHn2CIEA3L8IxnskDkl4xUhpbD+9s\nAQIHKNdFoyLcojudOuf9L/vScDMuX4EiVgLCPL6RUhy9ZH/wrZlmvP3uFzn0\nyGIrcENvXDbuXH/mqV8Q/kcrQE1a2wTK79REUPhjZ+dcY5W3JlCVJiCMuSuG\nDuoLXdH30xFWiLncU9TgEd3fxICzAMz6zKfx3Js5L5fE69XyDSaZQLDtqTM+\nYi6hEhvMAv694EMS4Up2OVUkxe0hBmLLGC+Inr8apDlc4xTMrFJ8cjoUwJeI\nylJKjZHXTQRACnfbLjQ6j4TBkWnk2L73JKs7lZIWzKaksmx0T3IQ4sUcYZnp\ngLd1UhZsbjFdBipp7jV9tk2EUDg09Gx4bqPsKNNDf16/+dX1f2bqpBzwWRKT\nYSAm7NmmuSUMPEI6qkM2HjvJqOa9gMQcYkCJPsLKIlJTJMr/q0HtjT9ezexW\nNncsKUquAYDV4ewTrVhWdtA4NpAOKEknCoJxyyN3o2iVF44C3aTxDWuUarmd\ns51fkyYEglFi6jMBWrgeCoVqWGnVsscIRdWcTiGbdKMmUHOLb9rh6xhRjnpO\n2HypiqU0DRMU+PeueTCyYOTHj+mkvWsH4Oqbik8kD2Anrj4JgWIKMEIXml5x\nM4cV\r\n=2koh\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"5cf8995ad383abaf41f5dfaa0cd09baa79f12fbe","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.3_1642824067690_0.8099615545931382","host":"s3://npm-registry-packages"}},"0.37.0-alpha.4":{"name":"@supabase/ui","version":"0.37.0-alpha.4","_id":"@supabase/ui@0.37.0-alpha.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"2b45fd541d3a2ebc12bb2ba79dba06ca239c3ee6","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.4.tgz","fileCount":3290,"integrity":"sha512-t0V5Ew9o4ZMSKU0DyCo0QY0EoyidT5cVi3K0/tirDNuq8JGb2QcfkYjUMXq5l1SY97DV1GnfXjkg9UR3w4YLtQ==","signatures":[{"sig":"MEUCIQC4c6jGZSUcKStQUnNUKrpRzHAuYZhjzPF7/YIDJBOLAwIgIz23wWcMn8PMVOn5C0evJvD75Jq3jkBfkZSgWiyJ8NQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2543387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh64mwCRA9TVsSAnZWagAAtZwP/isYwIdJ3fhHNRgMHuHc\nnVZha6rJUFfftFh7MQrxh8a65Oy6BMQLNx6NHrP+/luyQiuO5SX/jiMjEtG9\nbMS8lUK/5Uj/9nJLGYISj9RwU93hR+jYKvLCJdWpA530QmH07HX6fkAwB5iI\nZdZKH8yLCZ0CxTSZ6tLiTcDij8+lvsvCbM0BEsVCzRDG3nzBrLbeRpWm2uYa\nFL2PfAkM7lYT6fVr1M/d6x7rXeQYPebLF93VuJynY50rWkAN55/WhNrWa5vo\nNEm9+4fVj1jT/Ca9xpDk15sE0q1ZpVAk3mjYaEL27HYjPV29/xBsISRZId5P\nETey8041MtyfdwUqy2PRvf8V2vTK0j4/xIFFoadrMT846RSANz6RymT7Y/D8\nLTHdvdp08zAW/g9qlyAkCKeW4//RvFkCW+GB3x1X+9sI0vvcDtidGnVmvYmt\ns/abtIye2W5BG6ukL9GeaEjhXMHwIbUWtG08ZtJfO4XDvOkN4VjV3CjVCSD+\nxAYqRnX0oE+YBBM53RQkbGCZf6432/SCxLo0qFKF0WyArviNsENdgdR4ZWjh\nRyh1Kodb37rtH7wDetGFEbSzi7OOaGUvRvz3gpMEX4iiTmFxbijUiT0wMQKP\nbAznC7pFsh3hqvGPDp1Vt0yoAaoQwxez5JadbXCPuH4+njq8BejsH9u8bRTT\ncfsP\r\n=YLne\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"ed26cb2131a2cff705dd265540337b5f8bea3a9c","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.4_1642826160337_0.22203315581392435","host":"s3://npm-registry-packages"}},"0.37.0-alpha.5":{"name":"@supabase/ui","version":"0.37.0-alpha.5","_id":"@supabase/ui@0.37.0-alpha.5","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"85265a4e422b6e4f3b299bdd800b98ebb6736e93","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.5.tgz","fileCount":3290,"integrity":"sha512-LfsuqSV5draIzvZdn1FqkhejIiiQVoKMwJn912j56jjWEeKVupEUqOV1B6xzJJPxUnsSvH2QX6toMv+ZqiVr8Q==","signatures":[{"sig":"MEYCIQCk3r2I18pTc7GxyaimFXlMEI4i4GAuag/KzXSkF/0kgAIhAKtqqtR6faIohqbuUR9ZUd2JAHjOO7rzWHwCdDK/JkMq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2543231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh65n3CRA9TVsSAnZWagAANuMP/3LtXi5+buXVsiCS1jiK\nV7kc88UM/hZEyFFvu65+njmNsRFTkyw+LuKb/EBDXxkJnBVx12cYCYpT2qq0\n+f6Z9PL8CsU+ziXaV/ceFcpOe++KMBH0QtDpeT2Cez7EePMnmtsA9CLfu6Uo\nKjdf0xv9zs5vRbmwWgNc22X8q1s440k+8Vwmojch4rYgwh0mz+1ObpRUzWWn\ndW90RkML84/b/nvD5flIsHQkQPbOB55UiPNK4DUYkGZALfrX4FxZDRl6pL4M\nemkXNxUestTHFswUuTnJWbM1UyM5sXHHlMg1i+8ZJyrhBBCgBRXiYQMxLdlO\n+FhvlvDt9PQB+MZgz7XYzv+5QRRpGYfsSzJnXknd7u+2cfDPgkfFgprHLYVy\ncYWWI9Qn7BlV1D2vgOxFqvU6HrqYKBExt9h3xD57IcyTCUlStoDZD4xL0ddY\nbsYcigv3DwORH5K8IsQ21/kLZDkr7IjvZfMp9G9WDcye9EGyxV6+YQ+JlVhc\nMj8S4G4mBu4lBiq9Iy+WYdgggE1t0rqFLwfbbAiLqWQHLEmTX8MiAFhodNTf\nPe+qzXxM6NnMWDMMUC8otVYhyj+25gocRnthRHwjFd3U2cpQ+3pEJvjKoc2c\n42SnocX8GCz0XUzlSH0ndHiN0g2LnI2gZ8c98Q/w3W8Cue18F3oNaUZHbRsA\n1Gn2\r\n=sOoV\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"b6c8ee5a3c2b3da35616fdbb42d9e40533d89e93","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.5_1642830327449_0.986624182608346","host":"s3://npm-registry-packages"}},"0.37.0-alpha.6":{"name":"@supabase/ui","version":"0.37.0-alpha.6","_id":"@supabase/ui@0.37.0-alpha.6","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"16ec15b6c0501a3ade47b185381e40fba1bb0d3c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.6.tgz","fileCount":3290,"integrity":"sha512-MYRGOjpowVx4ws/tZz0HQZbCzjqtbvX2cFeXcMui/YBepMYb9wpxnbPs3aZg9oJKbT//B64ADbwxF0NJJzh5+g==","signatures":[{"sig":"MEQCIBRPMgEVK8Kev9G8orPW064wjF2TT4Xk6c4rgqbT3SdiAiAgPTCKnGj/CH3SuNQJqLfS4CZsDT3EgyWYDKn2dNqxrA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2549135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh70nwCRA9TVsSAnZWagAAKesP/juVJRsI2VskZZPPxgOS\nXuvVdIXURVuB+zU/0IopIIyq4Oh929m+OrpkFcQc1zzVr+hFLjqaqicYGe1B\npzPrRABDyRIBjPfbzUNT9r/Uqnn4f1mrYDSt5+gRRiGlIld+JHGHnqbpATXg\nbPD5dzM+oOlN6ThsDp25dNugiijsQ5a4Nahnb6+Wx9SKgO3c/M7nMz5WEOxZ\nB45um/0rqCV7OKkhsPSL3nm99JM0ueCyDcKX9YJrlh8YPDEcsSCx0U61alxS\n09j3+e6xUxBTBPrKehy0uYvuyAyibOPw/dN2vJ7ls+ZzNEqroUyuNFPGHXAf\nqRQifO1q0GL3D1G7e9fFbeC3v54AHeX6xwvnntKGrh1oG8BfuKwh//BLcq/C\nCCJdNr7uEvq46Ocf5Vcscum8nXOPtniFJs+cpcPLeZczzxBVXRJh4D7mrUgD\ntoRx8slWFdS9sZlCTYu2YhDlMJY1xHykKBpUSBVyOQUGvKS3AB5cGumL61wN\nZoBPlNtnm8wfeJthklTfUT2rg/5pr9ycijkWTbrzDX5WwdzNjqN5cG5XXnfY\n8o4vqX0Jq21LnXA6P6QHjCf/9RHoaKwQyg1tFE26JixZDm9O/MpIwQmal31j\nPRcbAQBPL5F+L5BA7jxvGxCm+yFG+BSSLFh2AtDaOguaF6/nkqlxggKSSESE\nbwz0\r\n=hQLT\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"04ddf59431341a335e6e9d9e224a7f2d6c567a35","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.6_1643071984458_0.44400337817755897","host":"s3://npm-registry-packages"}},"0.37.0-alpha.7":{"name":"@supabase/ui","version":"0.37.0-alpha.7","_id":"@supabase/ui@0.37.0-alpha.7","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"9f82f515d0776355e2ad972f9510adec88d87ba7","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.7.tgz","fileCount":3290,"integrity":"sha512-PVjKweLwssOug4w5uTsjto2STP6ByJPN7Ok7ONmODunJpsSTQjD92UgcsQf86w4lCcUv5mW63iISZ10ODfQsVA==","signatures":[{"sig":"MEUCIEU4KWShD1WMdF7cDfcE3ItefoFe6JIsqSTKx3k3tp0zAiEA7jDAZqK7/eU8z9CfhaANm+ioiNkDf14CTsupfirknI0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2550426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh71yjCRA9TVsSAnZWagAA3nEP/2avj3YMsJY7/TADoRkC\nwKWFiJA1gwTH99u4Orub38Sgt2jdbnQINduBy+JFWgdu/m2mblz6XxORdn4M\n9YRj4SeFL3Jkhgv1br4m1VeRg2WFAkgJEEz7cnZCj2w5/PGvoIni1FyA34h2\nJmLGVhguEAerHUwT2CONtYPjOv6eWdofGO7oO0NrcwFwB6qZCJ9WqJNxhSj+\n14LlcDG4kchyagyuH+tXdKOqQ7oNK/ByqdYREDFcgsYJNBBQQPqg8AOGujx+\nQF7s0Vg5u+Qy6GEom4C04df5fPU/xk6qdxV828ZiVNs0+TtWjrzI9M2kqUyd\nf3Gr70leZ+FH/UlZBMVGpamNlZbhgsu0t9fSMkNdnPcAGVlwvQvd/knoqNqT\nmGE/hjHPklYylNq4ioPY7mc1AH+mF4RpK5D87XDYjL7USZgfVuq59PeBr13L\n3oH97dbM5YysWWav4rhu0s/XptGk6z1EBZm9tPpVKo7LWZ9PYJopuMQ4tzhS\n1WMJo0bXOnpZ5xjqH5eDy4DSc3oOsN21IWfpEw2jtZl8CPl3RgiDym3IgRRu\n0qAXqJ+P1OOQAA0A8JrV7nzxEVmtaoHIlMEaltqbZugqHpeE2IldxqwVtSCK\nbRqW2rf6jnZApFRYYe7phD6Z404y/Ucl6aiy6RlfPLWNwFJSdEuhK/CSPWml\nl/KW\r\n=oq0i\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"8b44d1fdaf21a9da989c88233fe208ccce03bf0e","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.7_1643076771181_0.1422037277731938","host":"s3://npm-registry-packages"}},"0.37.0-alpha.8":{"name":"@supabase/ui","version":"0.37.0-alpha.8","_id":"@supabase/ui@0.37.0-alpha.8","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"396f15224a5d0b46dab4d036189fa7993cbadeb1","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.8.tgz","fileCount":3290,"integrity":"sha512-k23SdLUoF5pTfQv7gHqPB4XjoqDm02CpDCaY9WN6vBpwglx9BlS3viYqABzE7H+Gr1AD5aZIbilwOJ0TZ3zGwg==","signatures":[{"sig":"MEUCIHGnYkuDl5mkaH3gNeue8FDpKWBYhCV/DE/B7lF4Qen5AiEAktrDX25I0QU4B5dAqwGX44O0nBHTNdt9C3bzJljLS/I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2550322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8H9PCRA9TVsSAnZWagAArM8QAJ7sEqXgoUcCNb8TPMql\nU7hooMCtL/sSjG8bKJop88w3wl+zXqTcVDdelQWljrzDUv8cjq2c9Z/fWhFO\nGTxrIDLJ8orbf772PcpD+0JtrWC/wF3N2ydk4QBCumBdWkGB34DxG6j2uvKo\nS94mOw27TnBuol8hoVXJrDYsvrXn0tiL7N3Fw/Yp/djImB5IBslj2KoXkJgM\n9Z1oOCrZ7TV+p5m7aXR6kxJmEnm9f6yx/Up7g+O1Xh+plrSG89ghQhf1N77l\nbFp2ndTKottPl10sKyLzW894htiCs6ONHQS78HB+EnxhHhAoTGcgDQJ4ANDm\nlpcfTW2VuogasScJQf6NM6lnIcv8s/b1SJOwik+LhQIOiEARk1QYmpCVyzUA\nEWxDZ2iOJP3gz6mjAhk4KZbUxtFdrkWRIPkIjpczRiZiWDeSbqT/XR9PXw41\nngX2nejrsGzupX8vcpzeKF7YXa4b8oKD7duqLCFDPYh588jYJtanSG/vS478\nnbkIo2LhEG8m560en8mhqM1qPToozHIpH2collB7WhnFlqMsoVr2OvgzqbqG\nFHH/1l775muDF55SJ5WhvawYUZbM++ILVlfrrm2I9ZQ/JFzPEEVy5FEVEdDJ\nvQnZ1Uzao5yCXnGq7j+ZpDgtvYzx8+EMn4X/l3/a75AF2o2w6gL4hClE5Od9\nX0Nf\r\n=MCRZ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"3def1b6db961be0dfa99dd674bca774390aee685","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.8_1643151183073_0.13924993671711872","host":"s3://npm-registry-packages"}},"0.37.0-alpha.9":{"name":"@supabase/ui","version":"0.37.0-alpha.9","_id":"@supabase/ui@0.37.0-alpha.9","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"2e0b67c6dae10fd87e3a249de327888b8a83ff28","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.9.tgz","fileCount":3290,"integrity":"sha512-leUitppcb1bBeV3NkrlsKFBCW3X1Ti18i2MbQqZ9t/OB0YHWEQEnsmkRuoUAkMSbSlOFtXWCoxLWGDneo3Qxew==","signatures":[{"sig":"MEUCIQCdmRMoQT1Ux7l3ZSq4HnSogYHVaNxApqCWbtGaRFMGogIgUR1XB7RUD5g9EpDgSHFo2HBEAyryAGCWevGCTPFg1nI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2555037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8I0zCRA9TVsSAnZWagAAUeYQAJoJS1lTjAj7bpFhsRii\nc7dSwiTOcsS2Dth/p8DrCn2Ql9VpU+82IbYuM7nwolIL/Nn6w/LyQY5u/9t5\nymFnPXdlYLvdNx70GUT3Qfm9Ew15gOUGTYIZ/rV4uLWppFvcHDnxVfecyB8E\n0P8TxUvmIx5C26Rvqq1TUdY9VG+wixaICHcNGTmbyJUc1IrIAhnqaN+JmvqY\naJQg7NiN1jLHpmWDm8EnoCw024CyLYB69YUGm5O09L6Hlst0w8Tu57WsZ9ih\nmPkCWBddGAQ9cFBv/7qC0tANWRLOiIjHnpCnAHcUr0Yp5gG0LiBQ4AhLA9Mw\ngCvjEgQCsk3fRE5xWIPntsR3/sc9U626a0owqpxWpa+hDlZIJKMUAaBMywnX\nXyGbX//tpfDrasCYxP5HmVZym7DNd6OBx8Ftf4RMpHkNl2q5HWzMQ+RGd7F8\noKH0lSSleZpsVaI90+B9/jkKLOdcXDRQSGVHk9AeIcHA8eaiM/5t51iHdBGk\njgmdanMlQdyX0sw2EQNKTFzkqsj/wvh1ZRkheP2f9QJFMwqI9R2WkIoUld/W\ntrcoBFb5uKwMeqv8nVp+Ztc+UQvOXVXgAIGIEL4RuiHTSrHCIpPnKFQ7XI4n\nLAJ0FzMiDOJ1gogRgZ3GDnSTs3IgFuirywnFMrWD7gGBssriy8OJyjTNfKvI\n/W23\r\n=rKcc\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"14539db50910dc08ed34066583f89e8916f26e23","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.9_1643154739678_0.7980954565775027","host":"s3://npm-registry-packages"}},"0.36.3":{"name":"@supabase/ui","version":"0.36.3","_id":"@supabase/ui@0.36.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"24a5557aba6ce86a60c891d46bdf53a952162e0c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.36.3.tgz","fileCount":3457,"integrity":"sha512-a0GxsnEqL8wxb1ZmhFdk9PoeT68Z/Lzvimpc8ETJllGg/6gicaS6HF5wYMfbvtlYA2A9ek2Asg2u43OVFp9lhA==","signatures":[{"sig":"MEYCIQDw/7VKPrjV213dOMEH0qcpsMtEBVKvLVkxDeq9ChJS5AIhAOV9uFwgNSQF5acT5jHgup0BGdFR1Be8/eZBaPYBKGCr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3162568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8eAWCRA9TVsSAnZWagAAF30P/1z17h44Xp3ZvMcBP9Ho\nLyqq4SzcYaFEK4s66m/NT2irfegcQ67buE+0dMTSTLCCu0BUh3b6/zYY3WDC\n5sO4+e4GyYMCdUlsmlF0a3zvOkrZ1kvJzp1oIkwkqp3g4aMN8Rer6sIgapQq\nQHWn04Wi90ryOtHu1cGrIUgHo5+vbb0TMXfzt77LsdGiue/i+L/pSN4Nqd8A\nxhvxt26bRVO0JCxr5KEfICftuYWkzvVlEKP/HGprfEENPCajIUArSf21O9of\npm3qxCwaONQ/UIahPOq9Fw8cxMCvqsWehqkesaTKbWajQUCGvxKs+e5rAXML\nDzfGvCqO2LV8yQIc92rf1S03TE6XSsGL7eGsBp/TgCajYHmbQqFWiXXJqW4P\nhmQ3NtWCFrP02Y4v7YqEILwnp4SpPYMn1efECZLOesXxIf7PUZj0ydcWwL3W\no56KX/G4BvoAd1v84/muRWl6h3bC9Rkheo9ui9U+mUniUS9mn881STcXC02S\nAJBV88vM+sYVAigewOkmOtQXdru3IhJXb92eOwgPHn13tedG3tg3MrXOCnwL\ng5RcjEWGi525Z9gJuPCzu6PAs40ejggryVOPLBHMMkn3St9CgQFHNOw8BbO7\nw091TbF/+vWDjaBs5VX8U5uRr8qMy0JndylWcHEj4W5Ii1dTSGrGmHiYIfIx\n0ejW\r\n=zFFy\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"6dc46ee21d0d76e5eb6b26f6eec3d383fc4c7106","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.36.3_1643241494571_0.5458889203215416","host":"s3://npm-registry-packages"}},"0.37.0-alpha.10":{"name":"@supabase/ui","version":"0.37.0-alpha.10","_id":"@supabase/ui@0.37.0-alpha.10","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"2404c24364011458faaaa8af48828665a4dc5043","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.10.tgz","fileCount":3290,"integrity":"sha512-AKvLY1cJvRtUU/VeSMm9NfFRRIsLZKztSbnr9smHWwdLBRed+xzz285RWind5K7r4c6E9VCTtH3mWvX+adfvig==","signatures":[{"sig":"MEQCIGIvlb2tGKEF3Cdi3rEzr7Q6i0zYUtU2cBGHjiOHSHbPAiBGsmLyATpoo2l1fBqWLkFZAXtQCgFD50BO6qj9rLCF1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2556825,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8epNCRA9TVsSAnZWagAAHKoP/R5+Zn1xBa9o7vcOe4Ma\nbdLs9oN75GCTlT57p17Keq2q/Q/lUk7TnBrVHsrwx5YiQsp20tkg1MY6DAsy\nVB93fYVjb6qeFIqAibcCK/QU+Me3sRkvU2WOv2D1AYTjwNjCpKwGcJA8DeX1\nkhBktTPgo7Zo2K6aJg5CKbkh/93+y4WaHWHwe5J2GaUj3GoBMbcJlk/lhhME\nQl4TJ/ZE08jHYxsDPlrl/LFAUc1H6aawLmuGxj91I5XOxWpTddTp8cgIMYXr\nu6szcQ1REeBrKMbLDzhcsg1uX1eU/9rDaVvLm8APcBqNNtxAA63/iMozX9sp\njustz23QcmRYBfrT/yC7c0hq/rWlxDpucrRhyFSTCUovLJka/kk4bix2/EOF\ntZFVvvSpS9jAWbIkYUnQDf1l3zYwa9pmYYcBjmEbRxacTNF443pYZY5e97dq\nPVPIe5LzBQ0Ly2BqE+KhQZv3VTWyCOT1wZqPX10nDbqfJu0NOnxRkZdHAs+R\nits08S6OV+jsok4rnGBbw12BVJdRAHty9eMSrnrI9IPd5CUAiRVNXNqZZhoQ\nKggb8yX/S0eWOyMYUHgXpOsW77agQl2Ym6QGbpzKtSPi2327Kiq2hrCw2Ap4\nsWsOJ7SOgrJfkw+joD0nNJJtWZekaXeshDK+B3pRC1BjRKKDFKBjyBKCVC68\nT1fr\r\n=AcKz\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"e7e7f382ed3914490773e8ca112b2b1343de550f","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.10_1643244109446_0.9824966840843643","host":"s3://npm-registry-packages"}},"0.37.0-alpha.11":{"name":"@supabase/ui","version":"0.37.0-alpha.11","_id":"@supabase/ui@0.37.0-alpha.11","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"369a584a2099e26c54a01de7057b5d66426ded91","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.11.tgz","fileCount":3290,"integrity":"sha512-3X6237YMGMFMxgd8Ts25ulduWRO6NxqTQdsw5LEdbzzaL44Pfwd1gwAbiGmuoVrtmZbjkQ1VnCuhUVOWyjl+Vw==","signatures":[{"sig":"MEQCIAhXHmqp4502J2rhFvgBk7X5BAvlRhkct5eRbN0YKC/TAiBsdBugE0NdCE0st6XCMVxuvdrfsU/kbKUyj1odFoghRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2557397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8t5yCRA9TVsSAnZWagAAat8QAJcsaElgZWlzMPC0ZDOk\nhuDbpvLf1wFOQi4tSFXNFFK3v5JeuUUoyy0aIfzlalu1jm7m19pRoYwYe4pm\nJ2wQMMBR5nOdu0kVMCGTAOHkZRk/m93JvM5+yGqGSQhxEaBpswIz36dd7KW7\nxpwd0v9+oExKO4IR+dP/ifydSBTbcjq++OxcODj+0qt0s20vNnjFhd8dFoU4\n3tzgz6HoNhBrYIyaMMcYO2ihX6m+bJP9rFAB4IJG6G7dGGqy8T7dT6/lN5Jg\n+/PB7Js3tKEo+i1sVjSZYCTjKe+NIZ81xkf/j/JggaKJHA/+TegCBmwKH27k\nuUmBbcEuSZ/30IGUO1A5ENv6pM5392uD7oBBtYK4j7cmo3kRTIVxcTwax5Nw\nKJGJJ1Y2xOSGMnTD34GP0MMcaXvyZTu/AuRyeRIU4l6sUH0xsGIxNpmePtmT\nYwtADKK7XP+9SFlJYVqYj7GurXMK/oNKj1cOTjMzJxx1zenb9PR4V8WjW32v\n+nefFVAbn0vP96LaDXvgqTKI9hw0n05Diuckx3eBFcax/DDQtRy/LWeHOU2F\n5tHZwAvQpa9z/IkVqi0N6/tXZAAqmTDszJKEYKn1Csu5K5qc3NolPMoeqDT1\nz1OdS5RQlwMj7Rnu6G6A9wiwz6cWY1IB0hZ0d4W4tngx0Lc9whyUnU/ImIeB\ny8Ld\r\n=IfdL\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"0d1f3c1005cfd099fef59f11eed8a853aa5f77ec","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.11_1643306610116_0.4218741957661012","host":"s3://npm-registry-packages"}},"0.37.0-alpha.12":{"name":"@supabase/ui","version":"0.37.0-alpha.12","_id":"@supabase/ui@0.37.0-alpha.12","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"21561b50fc27ea0a78beaf6ab02e86fd9844d063","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.12.tgz","fileCount":3290,"integrity":"sha512-rR7E81cZRnrERsrWEXjuOcDiBLFidXk8EE+EP0wAm58nNdTnrOIB61auPM01AFCPQdzkkMRvznf7rUd19FbDDQ==","signatures":[{"sig":"MEYCIQC6T9RDL4OLhxPiF9dSpRQBhEnUx0uJIF8oHE3xsIy6FgIhAMrlk7h4uafL98xG9IEPBDyNaaE9+/mD+t/se0EtvjeQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2557943,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8t+jCRA9TVsSAnZWagAAh/gP/jDATLUMYG99j2/sT3rt\n3DPBhBgGXsM9bg0B3zwn68+6IaZk0tOTg7gJwLQB3oqR8zFcOiPJ1x11cheE\npiqY4rHBIEu3Es4HjM9rw5mr0Y3obDp63UbEe7nW31QmZQlxUexAYh7Vh5xz\n/qdu8dn9QPbl3IgRyij0OP65axkbH+TxCOaOgS4bDbGrUShbf5Kgu7r4C0yF\nuArrmVZ5IbZmVVDuzTFBNn0MRErDvozQNRFF+lr3XYhOuGIM/svQyAIJuhIS\n/bxSdyIuTI4z5F38h5CZ3FGsr7vbNdaoUFvHqnrGR8VqKiZYNnsNrIeI9Yxg\nw+oz78nTERRq+kcIG7W9X9NMMjKNc3mjJ5VTqTP3FTNpOg/Zu93Ne1HqTgFK\ndtEXxnepTBibV9QRmvx1UlOqVGsv1vvS4JzxsaxrWla2hi5t8e2pXFLtrcO9\njj/zMcSOfg19QwW7AWmhhv9vOotNaLGK14/o8sYys8Xb+zhoLFqfaOXoSO2i\n+FhttT9pPa5/dSSSeCLEEvKCuRbV4eALmskReHBP8ugaYTem2/lMV1c1hs9O\n5ujgEEK2U32akg9Zv/iouwMS/JhxZva192P4l6UNAIzvr9hX2zIvoEW6cGp/\nn5+s1I2+uU9bMS+YkLNQOpWsxr83OABhaL8KEULnBNF15KyYQgIF6A3KJoz8\nz6Ea\r\n=5SaP\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"3c8880fd1b200cb9a17a51dc75f4fa5943f71c4b","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.15","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.18.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.0","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.12_1643306915608_0.1185659918163735","host":"s3://npm-registry-packages"}},"0.37.0-alpha.13":{"name":"@supabase/ui","version":"0.37.0-alpha.13","_id":"@supabase/ui@0.37.0-alpha.13","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"d6b5e54fead377dcd8b7d6c3c0454f5d47afe2d6","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.13.tgz","fileCount":3292,"integrity":"sha512-RndHpPThcAgldwWgVAGY8ABpqWCSL6Q4OaSfiTDgEIQTzIjaBUAwfrSdhYZ4kNSn0m5Rvp8f0/fxhhikyzBk6A==","signatures":[{"sig":"MEUCIQDZ469QKpw+q/KECkj9lBb6dZLQPSkDqsMW2XjPShBWNQIgKp2J5PhWhljuLPrYzcainObmaP6UHUY2UHNpWuL5xHQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2561195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBwf5CRA9TVsSAnZWagAA3twP/jNao4TI8x0lhzZA5SRm\nkR1plpctn9HFQJAOvuecHPKPorAfqdfw63xac1z06kGfeMAYRe5p4UkbRche\nPtSV04Ex1EWzYLP3nWNh2o3xW3/sDmKyXYRX/0LkL4IvE3ZC/U5KcIDATTDl\nrZK8UeH3VcDsTRvr4FSLPUZHweyn+CPUy0/PEPRSj/1hHKtp9vIaScODCCBy\nt8BeMnKGAhCJIYmR5k5MPfSgDq2SKNZliszguUYiOos+WvU3gy6Il/yQO+rH\nDcGJmn3yyOmQQxu+DGSdY9OeThBVfGSVfI/szX6LJuqt6wn0+T1JVpIu63lx\n7lipTeXzAvLC08CPnTIw6GD5wW5ZhXgZ9Qcj2xhKJSfB9YqMw8t5hHcmJK1w\nQ8Na58upLVSnQgP1AS+EYltxGgSgu6XE1/NBHNx3vArCGL9CYU1SYEJMDQR8\n70eWUdFigYhbK/RsFBUwCiiwGegEfCu/f353UE8TW+GvQcFK7AHNzLca5Phw\nCQe33F7YknxxmjTb6TJbWKIJuYjEKa+VUuxmv4S43UaXSGI38zpDuL8uNopT\nrDe0m6JO2gtWNppWsUJdaVdnVPXtxlGMa9llkZkRMxT1p0a74bRwYmsxXjf1\nqm1AgAX3gPpMYtlXa4z17+BWZKr3Hfi5AluWtevV4LklUAA7e1ufJPLudlLG\nZ8mN\r\n=2nDX\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"a8245942d6fa653762de9d76e1ee171769325c97","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.13_1644627961130_0.19877145492346915","host":"s3://npm-registry-packages"}},"0.37.0-alpha.14":{"name":"@supabase/ui","version":"0.37.0-alpha.14","_id":"@supabase/ui@0.37.0-alpha.14","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"353bdfa755dca264efbdee68a58660913c99c348","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.14.tgz","fileCount":3292,"integrity":"sha512-5N6UEF+iHEkSD0eIFwszyOZPS3CwqO4RZ643JTuGP1biUpCc3zY0PdriXlTel/vkqaY0/XHb9b2wnaBDEZbZ3g==","signatures":[{"sig":"MEYCIQDDoWAhdr0C2Gb9MAe0typ3/lySEk28r5XaAoidPuD1iAIhAIgNNlSgJU986XK1xwoo7VJ7hdJQm4rvoVjIhm7fyBfM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2561338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBwloCRA9TVsSAnZWagAA94kQAJwaDzIC8SARI1nkOT1Y\nsC4B++PlyJ5EM+pnXTP0zFHUfZpgYbih6XnZqbzHKiAPXzb6eHwlrwQtCg12\nlOAGLh36oM3TrM+JgdDAUTu0J/yB8FH2xOlK9N1yF0rTnYE1MN7CnCiacPaS\n/d4T1tuT1LUjykTTtIs+rjKW4S8twpW3bAx0vQ8LD/cKYeCfod5Qp8JvhwCk\nU+cUcZdU8Ns48F9NyMbam0yqpU3JyVZXDOH1mEymWSm7O2LXuEoQDru1YPJ7\neuX8MuJtoevDD22IFErgvwr34L9ppLxPglTOguGGbixjGoPvTlpoHKFaZTTX\n28kjib7hi10We2iuWItrQnNNdTNk3X3JgCgbLH/44a7FeIS4LEU33piJtJ1c\ne+wfJcVnY7E7Ms1waZU7FCQk183/W0z/tLSjGFnV5lQyZrwblx1NnNSiYgV5\nySUbG8k7pogcHONgw59+bGj+s+Xj7w46wkvCrS9Q4ngOzkAovDQkQaeEba5L\nVcFMjrHaKNY3IO91ylP9Z2/St4Q7yv+8VQrxB/LN2DSIxmyiWpBd4WDbvKUR\nhiS72Oz4XRgms2A6LM3ApWzF1WUu+mPJdzwIsAwum0AXOO4f+s+fBlhw2Vam\n4YlRYIVzjEx2C2iFbho2j/EALuPK7gGOcWxmIDXmwWV/Z6Q5Ayh7xxhczMmW\nrg9j\r\n=XO6o\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"d38f9b24bc489346704f8cbce1fc1fda7b0f33ea","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.14_1644628328376_0.9769897002692502","host":"s3://npm-registry-packages"}},"0.37.0-alpha.15":{"name":"@supabase/ui","version":"0.37.0-alpha.15","_id":"@supabase/ui@0.37.0-alpha.15","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"fa51535803ff03660f8d9a158957da25f007869a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.15.tgz","fileCount":3292,"integrity":"sha512-K5NWmSPgEuAh3aHoRN4gxmpuo45dSTRjRZM+IuqgnQHXkDH137YL6jk8WgUTvnZ0Qj3TyYFoiItb3oZ5+NKv7Q==","signatures":[{"sig":"MEUCIQDFbcWvSr2AqgO/AIN7fCFvo78S+bfAEBtpohSy07oOYAIgY0s3F9+c1TD7UDDbOnd2v0B44+/0FaikywX5Tvn0ZK0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2560992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBwrHCRA9TVsSAnZWagAAWcgP/2tIrCrD8hJzQX7lcOJN\nrJAdl9EjAh6SP8T1poqyq7bNhYwTaYAu+DBbYmAleujDdKYehZLaJB1D4noH\nrqgKstl6tV7nCTDII0DtyLRpbGSpUvZ1YFncmslqmU+Zi0YVRfdATnUdtd52\nxKBF7wXgiuQ7uApzrv6HTlsQtJueSl/QV+TOTVkqAv1AvZuT+atN3BXoRwvQ\nx0OaFS05HrX7MXepQXSLV5qrN1II36BhbapTiBXIsRmjNBtc2//JeWlUHtAt\n1PyA3bqHaP+TgK0uLZA6QaTJYRfSXjAZga1C6meFwZmZ+ufH+1bmMmdExh1O\n9B8AZ2qfKVPDLZ4r7Z6NEZ32Clwb5YivFNGd9wElnUupG1Vm1nF5Ka1ZqnVg\nEENejYpoF1HMSl8nZjVbHeLzoBkVeikOcBUDJjdD4RGXtEyv/UDVHZe2lot6\niLF5rrYInb3nYTeH9HTdwo1N0ZxzUipEMhfNLDVmMOLle9ClLyEk+pIHFdbG\nC+bpYy5cdtk79to2VbpJtxfOHlGwdhj7ftC0iR2K2v9jDKsXhspW8YPsioYH\nRmRmN2ipZ2aSR3ilLfcDIeHGi+Oik7cGaU1dqM6jRcwzeWGN2sqc7f1LL+b9\nWL8mO4lYkO7eSCwmO4y+Unrgl2TOe6ufI/liHjHlG0tcSaGseKLBDS6ISO37\njiRk\r\n=SvJS\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"419ed51bb7f2741c4d952f1f59dd594fa26f44e8","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.15_1644628679163_0.45307113667333243","host":"s3://npm-registry-packages"}},"0.37.0-alpha.16":{"name":"@supabase/ui","version":"0.37.0-alpha.16","_id":"@supabase/ui@0.37.0-alpha.16","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"daca0bdac6c1b2e89377f41fae505798c701bb20","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.16.tgz","fileCount":3292,"integrity":"sha512-O5Ig4vLxf8PjFj0skdd1pLJHzlKCYNlaTdCZEy0V4ixJwhZGfW6fFLIAR8I5l99RoGgPg5K/IU4v4YVKiK+h3g==","signatures":[{"sig":"MEQCICVqj3xAQgvTazmVzZXxa6H8kJU7bW3WNsgOXiPR6CY3AiAxnIZbwraz+IdPl3bHIx+nOhM9xJx3Gzu60OpZ18Gx/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2564382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCZXGCRA9TVsSAnZWagAAorIQAKD5iSJViXRQJkkwTpqG\nMQAWPwCbUdhgGEKkVJ+Fa8wVsTS1vz/qiJoanVKxXZhsyXcpd6z7dX/qzPZm\ndmYnVtsKRUSg9aI3NC8ZfXgsaBMklPVMfbJU6cTD4/4TofcMIhLm6qMUr3qT\nz7B0aroFG1HOBLyh0P1OsKfoMO7D8sUhlOxNctQ6Voc4YabyrBen36IhNpGr\nB8KtF4ZeMN8ThQOqZOmhtUFdUCeNgWcqFtyIX78e3dmMEIln0njrtwQESurY\nzsFXXiWM3kbEJcx1gqkBtGgzmr7xQYbYYeUIi8ukLxh4Q/DT3cBWXggmFilp\nZFpnnOWeUNjD2Jzwtbe0u8g2GJkmcBqkt0icIbHrshsLCo7wgCBh47OweftB\n/XVB5Or9ZzkDRJimx1aiXq+L+1/sbKH2DkLgSmsYL0INtKV057Qh0vYVY4Q1\nxxNxf6qR5PkRjJX2JkZ5mHJzkhuocwZ7aW4w283n7G+QRx3CU8W46acBZJ6r\n6PUZYLaCDZDsukFc872DDNvkNQ2iWGZovMl1DwAqhhNLVYs/t/h7ivWT5/FL\n+feWL7z52k/JEcySrVjSObNz0+D4gOoPGQ7UMVfLobz/mFGita+iBohXEOYm\nWsbOsyZuHaxXNby7+YwwpSQ74gqcyxBgvQmvYpbCGryByVj7iX+SnPzmvGa3\nnRJ8\r\n=Dkya\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"8208a03f263dde3e413f281cb56d00a09b1988e4","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.16_1644795334449_0.6677103909857878","host":"s3://npm-registry-packages"}},"0.37.0-alpha.17":{"name":"@supabase/ui","version":"0.37.0-alpha.17","_id":"@supabase/ui@0.37.0-alpha.17","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"69e674a5a2c27b8ad37c0b78eb9528aeb85dfb23","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.17.tgz","fileCount":3292,"integrity":"sha512-N8PjnWyQwNcNycLjiKYnwU7cTuF9RGlzL1LEYYoG4QoX6cgtc4+J1iz6HheaPo6Sux8gW0TIDrDTAU+qYs5nZQ==","signatures":[{"sig":"MEQCIDYkcscnAhev/lbQt5QEx+QFWFIDtzTn8W6PfgacTe8FAiA0lG7cRz7mRhMnXiCPAXGaioCopnWh4L168h2fFgnYqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2568034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCaqVCRA9TVsSAnZWagAAcscQAJN/JlyxkAk7mYH2kNO7\nNGSkuw9bQiKFzme574GQm6QkmNl817nsZAhqwyEenLJi5zc+DUr6NUbUZAYM\n4GH1rRNF8oFQbAmF3ggpkCwALnxHT7IsWTMDfn7c7Bw8QXiXs8STwB0lLAJL\nC+Af138l74Y88ERHRiC77MstjQc/Q58eleFwuZ2skE+ddun1yZ25iKEtTa8H\nk5hUxkPZDfhBPSizXvaFh7evRP37AslmQc1Qv9U/9UL6HFW5lyyT++S5lSOO\nRBYvo7yz8kdbirXk/qAZNLHxKL+LTMD6ACiW+7Wyuuw2R899OUbiVqErCDwD\nsvTO/elCVO2ZK8F6cp6D8kTcXOtYrNMoiVYNrsHYjfMFf7QHSR80Ice+hWXh\ns3KDoZiNlpV3vvpySKa27MCX1bi58dY5zJ4/8/9BsFYTr9E7w2EpzgqpBKB0\nAK8R9FyDj+1j4iESLgzTz2IlX3S5RiiwAPid7LfNEcOSn7a8je9HI0sdoOdC\nZhoXySYfHQwvn3oJhSBhqsu2ZXLS0ChlTKhwe8rIqaKEivfThPHQfpMdiT/2\nU+WPMMiDKtM42lXh+fIvcwdqxjowg0B49TZRMsA+eKAGV/HPHL8CvoOxD8XV\n9vBFBkkyZaa1iFdpfVj6qt7/r4msq6TeC/PXNZsgnh8m2vpKoN1AYm88VWKG\n4dAb\r\n=vGos\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"9ed18c0547f049149efc839f27646b5d86b3f4ff","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.17_1644800660865_0.9403145021977088","host":"s3://npm-registry-packages"}},"0.37.0-alpha.18":{"name":"@supabase/ui","version":"0.37.0-alpha.18","_id":"@supabase/ui@0.37.0-alpha.18","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"baf26b054faf53229effcef5b17c2cd8357492a5","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.18.tgz","fileCount":3292,"integrity":"sha512-MHARhzE5Z4cKgIhLnPpQ8O6bXEiAJ4OAcWQvIMAzRj44Fogc0w1D0LjZkpsmruWUW+6unja2QEwhnK6A+mupTg==","signatures":[{"sig":"MEUCIQCxMA4MLFgxhYJrsgUuiNRBoYjq21EfSopVGCQ4MYaFbwIgM/v1WWH8Bervwc6RDMEf2BzO+OgUS8c5i8Li+UmxCW4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2568170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCbHACRA9TVsSAnZWagAAc24QAJlbBZeCHep+tzqbc4/K\nSnWhxlXjpyOyQn7ooZP/Ou7aGs6ge7g5lNoB414d5ikYccVIYwrGjSOyg3gW\ns56Xe/4sMneNGQ0th2Bbs/ZCqDpYFIoYtkQReM1/jDbCjw9DUnDYcogSv2mP\nt20HnG9APTSRFnaa2Xpp8Ur+S5nHG2R8yqcCDhrgL19yWWZ270eZLVfI6xcg\nlIN3cNT7H3nAf0N+MKNWhpKNRDfo98pdwHmF+XJAl+o121uSaJC5Bf6KLX+G\nQzXAqZcnUshYy/a14bwWLBwhJJBsNuL2bYdDOV87Apv7uy66VF43YB63uEmE\nXur7qMrFj6qDSAjZW7yQpDuHCAIeRtSbnjH1Mk0PnF2XSRRUDVny842YN2rK\nB6k0hxXu3np/MSSmq7R1m7hrEhNjNXHdk1t652/grxcQL45w91p5sKh4mQfX\n8ZtcFSS0AWwf2VlN/hNKGclHOybbJD7CdtlqMjqJGzZGb67hgEm3oGOScIFf\ncR9S17lxwDF2s/EtmbogPZ6vcyqD940OAMgvVc5p/6H8G2uPlUELZTsnc6wf\nh7UhwZc//L85uwbcDkUPeICrLY4ScKcGxSDa1uhVOKSMWx0pmzFzOFkp9KRL\nDnOZFlaMXny4QYBHDvof7UUauUJrrbeFwO5EQ5JbQ54qSyWM4sMGOG69O9Xp\n+M6K\r\n=5yUZ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"e82edb7ed5e3270da5264ed0588b9f825027e106","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.18_1644802496135_0.1291438434801362","host":"s3://npm-registry-packages"}},"0.37.0-alpha.19":{"name":"@supabase/ui","version":"0.37.0-alpha.19","_id":"@supabase/ui@0.37.0-alpha.19","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"fa29b0b7abf904363b0ca01a80150e1b7729e84d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.19.tgz","fileCount":3292,"integrity":"sha512-2ip/Z3OzIpHWC8nx8FOnag4wiwCdSQ3slLK0VN7oMLGI3MmIULFnkI63QK+vRpXlmPWwiWHOqpIo2bw/ggo5sw==","signatures":[{"sig":"MEYCIQD1xbT6kvh1Uv6o+buv3yOQmYTlZH0UlAB+M++d/7by7QIhAO7XJZypSnWEpvx6wtZkwgzXZ5iOpDoEmsJIpsKTPcL5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2568213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCbdGCRA9TVsSAnZWagAAx6QP/36/Nh0A4uMHAMNVO8bK\nwJzVCZRNmutThWnmtStX8Xm1PCD/Iw+iURstz3vdlCbvVeQzF6qrlyHCXRO5\nqHRS0vkYaY40+kdQYK9C/Tmw5owkseXhLGCXxP2o+FWtkVWEYfpYesJpNZBV\ncQM/2hwls36CBmXWn3TdXhhXE5TPUKN8FMiylif6SgozM76gORtq2u8cPLks\n4qOW0TfUM4/38FKzy6o86o8/di5vlFUZNMRFTx/VFvjQ6kT3SN3fNzCpbEse\nmD2n0nC05V56WG0IkYmy/7dboUxMYXgU3wSM1L3hHUSYLiEBoHuygatWWUyF\njl4XRrkxzhiG2e9THFeCK+VzSPqYrN/PD9WDJOF9o+zl5SZUItd9ICI5A/5H\nS6/JTtR7SpF2swlcPcmtpbOWl0brvDGt/rDE6xXwSxpqh95/kwItk3IsotiX\n3GjJblTfm7pi5pgA47EZKR8giHqZ8fqP0mlXrtt8ugMsCKyGT2sfODGoXWGD\nJhsWC8EqfsucLnH8wCs8jzkGNY59vMml5kD4RjkfG5opNBy/xGlGHTrWNnWc\nMNGJq3RMJJUhNMVoIfwG46cFQgL3RrmTcOqf7bqK3dL1IYfy5ZlA9KlLf0B6\nAqAO4Iq/VH1OpMXVSeYC4nAlFjQmgm8bSyU079HCyoCBAhf04NGxsDFD0bPO\nKzZ1\r\n=v4i+\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"3c067728bf515776d322042c11be664773f9e62a","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.19_1644803909712_0.6094664397008578","host":"s3://npm-registry-packages"}},"0.37.0-alpha.20":{"name":"@supabase/ui","version":"0.37.0-alpha.20","_id":"@supabase/ui@0.37.0-alpha.20","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"39b80495e57aa6c62120811e9da75980419c367c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.20.tgz","fileCount":3292,"integrity":"sha512-UkTopx6XwIXElRnsK07xo2Fvp/NY4obyHCleiS2Gcek4qUyIG5OwzOWqtz8y3fdaa1boVpOCGTNpG3VQDQUuAw==","signatures":[{"sig":"MEUCIQC7/WOLAskD8z/fEzvWmidl5xKmAPp+OmqU55CMqVqwZwIgTgZX32c11ENtMkiVWyMSq1wM2CWOcWwhvOccl5wC0DY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2569311,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCbqECRA9TVsSAnZWagAAbrIP/0WWJla3j472frxNx8Cf\npdKvdmzrihieTqQ1Gcs6dATQvsQxmT29+6H1ZrgvbWHd4amf1xrzfiqq/imt\nF1zNET67B9kUndg7gL/NSm2kopJh+u21knf3gIvMKGuXJKr+qVehmyjLxu2n\n98IgHL/3owCCj1gZHmWArdzHpp/RmXAZLYiGShznhrDA+V3U1SYZ3ZZDmfrQ\nzPuydhJdexHdBTKiXTsLpZBr6isWj/LGauJvf/yp6/Q0Ucehs1I17JqsaPnz\nLc/GJDluh2IVnXi0PuH/E886S7apaOy9fscNEuMNuJS59JemnQxeQKr2lc+x\nZKdhPNNK78THYujV8ko7dpzS0RhnUCAGWwC4WjF0r5UM5saZ3mARL7+z28xL\n3141AOKcZPdczA4T3CmKZpHKGrZ3crpYY/IQ9yH0EcLMDWlVwJH0xF8ncXt5\nOGeMFb85VFI+1LegYSBPtwzssxvlMlzfe5U4/bDmmbLGFv/gXR+q0K1bbyt0\nlveRjx4BqDPhbRTrS4hoYmVxKrClhCeC5JFFoIT+OvfVN0d/XBZKpb2qm9vh\ni5BgkAV7NZTTm8nwxtn+VLWzvcspXWWJZYFfQaGiOP6fvNpX6ZGnCuk3F1Xo\nj0CiMa5IfpxNHtFI0MTc44vTqS/vSnsCvNVKAbRgjD2+ZAGHDbc/lDuevIm5\nTuDa\r\n=TaI9\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"8e48838ef944f693dfa49d977bd81a8bd606aef5","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.20_1644804740184_0.2301660750301926","host":"s3://npm-registry-packages"}},"0.37.0-alpha.21":{"name":"@supabase/ui","version":"0.37.0-alpha.21","_id":"@supabase/ui@0.37.0-alpha.21","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"26c13f741f04b31b0fae1484e749d854604bd508","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.21.tgz","fileCount":3292,"integrity":"sha512-k/dpgh2yXfuXehZ0VM/9XDJXcHfhpFY2FkKzs53tIE8rWrgfBmvIvWdneaBFnkP7S+HY6VG6epeCQZujijNF+w==","signatures":[{"sig":"MEQCIEKNjItuk+voYXNeVYveN+hNHfih5bG6L5+2pYwPk9aQAiBbGyMUGZ9w7+eRySgpVfJ0va1KRiGar5DDkh4BrflisQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2569455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCsiRCRA9TVsSAnZWagAAEgUP/RagtTj1+bEQvPFDaHDi\nwRGFAkwGq4zzeFpFQVOj5ppPWSMNeS5J+ae6KaOE3CzGhuGVWy4jlIZD5CHl\nC6L2K8+izjkNshS4tK/99M7ylzYTIfS19vPjOyoHya5guLgZl2KCOtE2DwD7\nMiziCpk0DJpPa9AxpgJFQ89FeEEj9k+SkfJlcU8b94TL7fs9xCq2HGiL2Bm/\nR3Z1AdTmT+VDtzerOXADaVtUBHyAWJSx01hiEGUJmk/6G1zGw+jMmDPPoyBs\n8wEdmkD9Lx5AROI6boyYU/8LUpwxIuA5FdE6tEEJckfIvt4vPU/BxD5xbBFX\njMNLoY88SZlYmqJUyUWsgd5RccBfBcn/1R0upJi+YK9dXhE4s2QYnotkP4P8\nn/EcoUJUu/p1ivPWZncM65IfqjoPpZhmwOvQz47K5jQLwWyXeTgeFWJsDxpg\nLXS84WM53DOU1ZK6+hDE/US3klB0bTn/Lx+DWxqEIuMT/pzo10gLhrIhQi0N\n0BvpDyVL261xrnWvMjJgpmxeqTzfkykZnbj/N80AnUqV+tk86HZAkbQeOHU5\n4b3uGbs6R+eLeOdSWNZH8Q4reoNCOIQ6wmXAtHmV8oYqWZduahvK1VyFl8Fw\nWUtsNzKDgmfK5TJ0XxFVZ6hnL/fY5Cn2yncjqfk19uTJ38Ov93pMxg+pUfqn\n7F1E\r\n=BGnf\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"f9e8058017bd7f266ebe5d08a8f2d5d512840547","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.21_1644873872730_0.5066252924749437","host":"s3://npm-registry-packages"}},"0.37.0-alpha.22":{"name":"@supabase/ui","version":"0.37.0-alpha.22","_id":"@supabase/ui@0.37.0-alpha.22","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"984ed3ffb129c14f237aec3ce80ef3dcd8778b00","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.22.tgz","fileCount":3292,"integrity":"sha512-FgaWwSF1M5hkCxxiHz89dsnYUgUKaE+8kxlHO4PH/RfaHXc3BAihhgs8WFF+NSblZwr63Fwoh/zyVehu5O3hYA==","signatures":[{"sig":"MEYCIQDuJ03OR1tR6R50SRPbAQXOv3f9mBW4aFjy5MIb+gEdogIhAKuK5dP+PEDLS1pLELZKlGYkIK1YfDRXp0aueCCB4ZUx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2569811,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCt8rCRA9TVsSAnZWagAAIjYP/21aXG4aL9+zkkDNFrVn\noPIBjtR7wsXqucJCqD48EsdNLl/NdLxgj1eufVLKG2yEYnzfuLw6r8oHpMHV\nn/DhUQ0/Rf+BFvAfmwsEewYMTsrSHy6wqryvJPPARgkkQODC7w1ieiwZjisP\nU0tLr1Cglx5z/L7tZmgXDUA4T4Rb3Xd2ulBu9ju89VCVogo8aGq6a2KAUg0+\nioIv9O5vmzsM2DQf4L7NM+dMemBo00tErHw4NwyVFjuvur2IIREVXVMmTcyT\nHyVopt19NtprEGvGPoZmjg5agZR1Khgqq9mm5Wcw/EmNd8ONdcs7BoQdjYZw\nsOqmhM6rFXfngY/HN7FonMwsxoqWygwWt8DXg07cmMvS6ZkGHoKL47Uhyw1v\n2HDT9hDLEZ6DDg7zJX4ZszCWF1IQFk5HnDu5Q9nI3boPzrOmHPxzoyh2LU5u\nbRG5LGK7+UJIiSWI15/GB3rdtuQ//dESgdNbMdv68OED8XUVShvnqnEseGTH\nDhfqTV3ejq1j70aLtcy2GROuVyXjbVIJNcyufQx6nGzJL9F7dBaMYJwtWbqV\nRIMu1KckTkptoBk+gcInFLseR2sKyVXcDFf7i0fGcHgFOKvp+2d6EwgGN5yS\nKj4WPGwQTK4+LKO93zBPnXmalz1kbWb1cOYBkNQ+U9VRiT8Pxqxke+AJaKUU\ndRc1\r\n=VAg3\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"02efd177cebe0d14a11ca7177567275ceaa33c89","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.22_1644879659153_0.4072720064969395","host":"s3://npm-registry-packages"}},"0.37.0-alpha.23":{"name":"@supabase/ui","version":"0.37.0-alpha.23","_id":"@supabase/ui@0.37.0-alpha.23","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"5813d9900fd653cc09b2916c2353039ae37c380d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.23.tgz","fileCount":3292,"integrity":"sha512-tLU+NhhLZemGaDAazPNke5BBPY0e89Giv0FfLdcEEQ6xXv0W7cad+JX6bsjSGYgSIZe8USkx+FWb+e1H7IuBxA==","signatures":[{"sig":"MEUCIQDKeuz7q59hi4ZhpNFWuvoeiJ5RT1zkrpKOrARAcwYESwIgSL1l1Q69IzIrgqVfX7rk8Y8hD+4q5L8fAfimeoFtzo8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2570654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCt/NCRA9TVsSAnZWagAADhYP/RxztKCbCZ2ZylhOaGrZ\n9J4+sPuy8vAd69qL+g6wv7v7cB+SriBgC463r4jUcKqYOXTBqaIHOvuyvBlu\nFDhQY9SdFZx4Fvg8gnSGXNyObM8JLop4dP19SIwmy7AyYrj7y7tV6fpzfH9F\n8UMoVqcLGJDAvTNbRkoCHHaT4rwuo6nMS/LU0AtOoCr6Km4nzF8vlWjniQvw\nci1PDb1OvQ8aZ2Nm98CmpjGmMFo/1WXq9uraFe6ssPM8Tw1n8E2CW37MYpP8\ncF5GxjxMFyaAGlcre+uG/5X1J/JnuVta6hncltOrbeiT22jFL96hgFD0q08R\n7/yId2MVVNYCp7dSzTzxSA/3em01RjKktWGw21eGHDChWy80pDR3EjPTE92R\nQL1wd443rWrV6mhNglB00EanwMhRoe+lRBIuXf09MZKj4pJrRFVdiTGxTakT\nUczKW1EdvRq9dA7eyA7YIl+TRmB77hnvTeqTs5w4g2W54qV68oaKlHjRqjQr\nEmnMni2R1a1ZbWZiuoYE+S1n+C/Bij9c2+BrZqZBn5OvOnRVtS7gxNmR3RnL\n5WZzf6BTbqCPIgV3A6iDN7FbgehnCkOndPuGaRI1AJpbLx5hi3P0I11TUW9a\nkQGg9zrNGWDnnSDAqZXyqMfA6wQ2+qicESo7VctN/IoziFLDTWGi069WGyI2\njPEQ\r\n=Wfou\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"5e5d46ceaa45adce76b1f99d2681262a6efc95bb","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.23_1644879821089_0.12817490558681555","host":"s3://npm-registry-packages"}},"0.37.0-alpha.24":{"name":"@supabase/ui","version":"0.37.0-alpha.24","_id":"@supabase/ui@0.37.0-alpha.24","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"93b1131c41199e97334d62819c284f28b5a9e0fa","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.24.tgz","fileCount":3292,"integrity":"sha512-KW4MKJEPkHWaR2BXxw3Yycuws4qe4Ri/05u/AT9DjdDCOWDQjZCgEyosfREpuBH3bInp7puBdwQtdTBegNQBPA==","signatures":[{"sig":"MEUCIQDc1XU+yrsrNhQXHfK5Kv4fQEDPcfBI0RRM7Nc+ES5C3gIgX+KKkndHpjptArdjOt/LRbxxoaiOMRTsMO8eWT2Htoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2570872,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCuDsCRA9TVsSAnZWagAA2K0P/RjPSeZPxumcnk8hOZkY\nJHcACvjUcbNDIih7+fnVoxVO+t3/cDV3uAo5rpGvT6XFmnokX7z+4+XjgGm5\nkFWjzO/y6KMJat9314Pirius521DOmwX5rJtZRiWqFylwJeV6nzRU3KUmOvL\nXQzbHU5AsWr6PPeUcDU0en7kS338pYWg76AxYSwTdBEQR6ikwpSYW5XZZMHU\nGYdvbVruU7WVEf7oWfMp2wNe7VXJ7zeO9WOvWisANU425tEOdumMXBdENtAH\nJiizK+BSfpF2th01bkN8cy+QcTnkdBxLDrF/KRoYhhPy8MFGnoB0LC1PwFoZ\nE/e2rl6YKKsaZ4l4BkR6FpA3PQdxEHpU4BBNuheN1hhpROyXxJIuKoVECGNp\ni9XLmuP80qZ8BrfwRC87D+K5qGhkuwQ2nDa9EsMB3hdoMHXf/HOr73jU6AhA\nDtavesbz613EuMJpXE7zrWHzMvglXgAq44mImiFLIrD2soUOwpG4MNcBh8IY\nCqbFOyRQEzrRsLh956CQR+KRR8acYVx6YpHRjcY1H6JvGIl2nJaD71AvVGx9\nSR8d1yO1lpxZcacuoGsSu14vSFH8NOcOxR640ahTWjOvfsIvannG4u+yseRz\ntL27jfa9cXwn6qvXHXYrwwu4jztVh8eeInrvOsUZkJxGx9nQStqPejw2/Nkg\nQ3D9\r\n=9Wwy\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"20c2b9fd168994a7d76e8a6a6d6b1b107c7a61fa","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.24_1644880108485_0.10768368819399554","host":"s3://npm-registry-packages"}},"0.37.0-alpha.25":{"name":"@supabase/ui","version":"0.37.0-alpha.25","_id":"@supabase/ui@0.37.0-alpha.25","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"6c7dd4255a9dbff0f6f6d8fe7e321cfb231730fd","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.25.tgz","fileCount":3292,"integrity":"sha512-UeN82xYrnqmBQJJoAYH51qWBfFp4Eqmqzu6obdIFPsM0e2QwqFhLQD2VsvtM9EsUGZNvSi1BQb05MKIzrxoavg==","signatures":[{"sig":"MEUCIFQqumlQMGINSZjf4Zwj6t3UvNkdaZpY2Oi/uAlrqN/FAiEA2U7bONux/YZeZPG1u5XIY+SebMkpBNDMhOQiHbh41is=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCuRpCRA9TVsSAnZWagAANOMP/3jbLQHWpG4vTeD/A2Xc\nKa/MnlJM6TkEF+FfRBEP8jsV2qY2hO57YMCpeuPw3/GvEwUQoVytU5NG0mO9\nGFdJ0AEFYmkURwBV/VMJoRUsHTxdOml16tKA3m3Fy/995HGvQmRXv0PRaX8p\nZ0gkTcQQCFCpj2xA1aEXgDtEd8Ui+jWv9FgMDF0VtfLN/NtMKe738QaHwIR5\nK5kyNtOICQLoHoRki38w7I83xgJgYrKnBt1riSsvxwq9GFQVIrkk4LyWWghf\nbQeqIpM2zlWyfb3gj3vp+mtYG/pPYGrG4wfksXQ9PQIuqMhjLcdJ/sqmPdY3\nbZU5sUY70slNMhqBB9cp5dH8hvVTofneQmO/srpdgNPMoAgKQ+rKweJyUZ4V\nWYkHNwKpehOhvq575mQKeUv7HP7dpWw7CoTovSfbdOkURqWwW7yyudhim7NU\nlE3wKzK3DZwTqzPShIIa9nHIDXiwB80zuKM5H6Y926gZ/bxqTUNnTfDKd/9m\nDrYs2t5HLXEddJa3UjTkeFmcomiEQHwCnAOptKHyTFdSonO02bX0awUUUwev\nLKiyD/rQc2xBXK54xciljkI8H33meBUNWkYCromP+RbSHpFN181JBS33GYFS\nMoVqZFQPPaZWuBBxUst0f8uhqdsalHsSoeDRSoqfonLnDubEjxMbx4WE96T7\nj/AK\r\n=0z9F\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"89ac233e44e525213f17328aa6c92f5daa512b68","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.25_1644881000933_0.5513914216678875","host":"s3://npm-registry-packages"}},"0.37.0-alpha.26":{"name":"@supabase/ui","version":"0.37.0-alpha.26","_id":"@supabase/ui@0.37.0-alpha.26","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"6399abc5132f2885e1888df200b2045c6b803eaa","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.26.tgz","fileCount":3292,"integrity":"sha512-M5bnWN/0Hh/mXJUW68wFf0DJsbmLtUy26sy0vynSNC5V5yzLDVuCRwgkrQx5+gOrJSjTf+XwM/aAn2khj5Nbow==","signatures":[{"sig":"MEUCIQDX4Oo71Q4IwjtZ4OiTDJVJleVdY9/GGiiUt/4k3ry0KQIgFY6hnWQoXEjNjYzHWeYGBItKkb8mG0ji/KsmNgX6GWg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571207,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC/4GCRA9TVsSAnZWagAA5j0QAICP3WlXOzi2BfvL/4i+\n9DYuB3X2XLEsyUyZDQB77sL5I3ei7hJIty2ioBNkJptSoxcJSpBrK+qrLhlq\n5N5Im5irqtanIKDUkEvBYkbyXI5kluByDswdgNX6alFGvlKFB+N3UYubjzBM\nMjS7x5JWHrqQtlHK4jWBNyknx5bYjZATyk62a1j+JY88Se8poCFPYt4/Ivgy\nV9sVjAsC8Y1rFkKFGcoCphyIKkRYIaUapqPof1AZNB3kwRuZE6KnMTNnuNrP\nKeaqNBA8zy5VzGORTxcsHqoB2JMU1dYek0q1a1EHSdln9tiAtzvc7vfCo7O3\n6rAVs/neo/V/bE4DwZpuxcAhJdffV/iCgGkKqa+Si6xDWgFBO2IfHb62cYn0\npd+vQ+wNc/AQr7vpOeULUdNPPl0co2P8B1JYxx5AjzI+zVrG3WoP4JZTbOdo\nSC9KHmWJc0GggQpJIw9SmVVH7To+kK1MOvvN1DEzvbgXTVrcAM4Qc8lv6PWQ\nTFpjcZJxSJuldjUpY5FgnXtudVGxHSkEPApGJvn4CuS0cc9ggl000RGgPmQN\n8s3sHtryqPzkoDVs41Tymcelf/qSLjSsHztUnPKfGFHDSc3fC3bz4kpSb3rO\n51FwLlOUl11jA25E7im8XC/Q1C45hSdNvlK4zWve45OBv5yaVd/FlcReMcnp\ndVJY\r\n=oteK\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"68c8ca29751104f53fd8e06d0706120edbbf8d0f","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.26_1644953093825_0.3200984033999159","host":"s3://npm-registry-packages"}},"0.37.0-alpha.27":{"name":"@supabase/ui","version":"0.37.0-alpha.27","_id":"@supabase/ui@0.37.0-alpha.27","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"9917fe48c74269e4518adca749eca1a13d92bdc7","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.27.tgz","fileCount":3292,"integrity":"sha512-53b2YsN79AkA81onU4KCFcv1qDHUlr6TumMQtIY8lbZUISBstRk7QTpiArEcUG2uHi/72qcFq9qePa/AkdbzIQ==","signatures":[{"sig":"MEUCIQCRD7Vs4Trup3vbBvAlFBbATq4LXs6Pgw7Lw5B4WvtjCgIgOCqYmuSSp9Kk+dVSGvYBNEdqtevc2dZIVYu4gSDCwZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2570962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDAwqCRA9TVsSAnZWagAAiQIP/2rkF7iHfyYx3oSao+R5\ni1+j5oyChmzgD2+mY+YjoVjKFo6sw73QyLZ15ITkkviqTXIAzKUc7C1mYjJa\n6A9rTjOkG/P0F3gVS5a4BIpmnWlr7jddA/EQn1um6b0z/y9S4trYcHLLVTS3\nc+W4z4SM6zW9lu/e9fRhrxWlyqZHWnd2y/eArFLqpJOTpUlxttuXv68qMmEA\nNqQR6uMohf//XqYlcKY58KQpeSMuM779l5cx2a2sBZb6GjgP6fdVU8Mmdh/Q\n7kPDdDU6alujsfgFeKB7E76NFr7ycFy9cguRDd/4ePgLtb51VdKAbpoy/lSW\nlB6tkOBgTDeX8T+SlJEViEwrpg8gUVlqKXlaVO2Y2E0tGsKinShgV8vdfvSA\nxHN6lL8A3wdKjRW3nKqdeWXGd5L2/GIQezQqA4Q74Kn+sJL5Ax9SYL4FmREM\n7ybByc5okBnm3ZPOEH9WCl0SzGvU5a9MRKm9Cugl4L/Djbp2lPO9je/5dzn1\nXWPsRCnaRKPqtZjta5i5GFT0TjjDL2oxdET53uk71dr5lz+8K+Iz/zfWP9C1\nQfUiJjKJtJkDB1vQW7/FD6Y0ujhCSPbQ8bq9u9bTBsGAI7QTUXkhk6Pscozj\n0cRiZpyeJcYw2ER+DUd9IXtetHYBSqIOfDVsIAkdmFNVdr2GU85Yylh8yAD5\nOpWM\r\n=xbbz\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"f938f55276a5ea3d977922bdc1a090cdde2b7796","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.27_1644956714256_0.3734956714073576","host":"s3://npm-registry-packages"}},"0.37.0-alpha.28":{"name":"@supabase/ui","version":"0.37.0-alpha.28","_id":"@supabase/ui@0.37.0-alpha.28","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"428b34be59bbe17c5fb2022d195b3f6a7d1f467e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.28.tgz","fileCount":3292,"integrity":"sha512-SrJTuFYLfcBUX8AcG6D+/gKW4OBsMmNpbX/q/Xj8VTZEpF6jbkefEdDoETkDuOc4/Sj0K+MjGfn2Igm/qN5toA==","signatures":[{"sig":"MEQCIFVd3+2afAoaMJRGts+9hrRMrRpTsM8wBuAwmqJNCl5zAiAqdenakoQEmd4lklzllxYB4pE2L98RAfladUCuygPwog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2570983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDA4fCRA9TVsSAnZWagAAwScQAJnOAQCIaABKIREmdfvh\nqBd9ys0K78SxNdoKd9L7w0Hg/hdlQWakW93zsFjEVKPfcORLNSOeJ7Ju+wku\nJf18JvIM6VMCLqEI7tDvl4K5sutYYr8FXwpO0gIir+MstN8v+b3zbXAgkywg\n0jYhUrE5YN6KSsICdQfn+5bUYCeYPNgFPzm+U86FZZHrD/BbiQ/Nd0+as7+b\nPhoIR9fA2GXrfGCcwsFeoB4VKBLLsxph/iYMb6E0VEUXaAlITTa9aSsY5y8L\n5ZJ1NLAHIsFLcyPCXP34SpLyXlLrhpTA98aNSEyk+uLYHKsMnYiDL9a2MAmW\nkn+KzgW5CFNfNxvpwousNoPBG5JCyImrxSWELElCYqcCjbkKoWkTRRNlNaHl\nnZOcII/X6I4JimNXcio95FWRRrP+0St3wZPBQdO4Oowks2xwaE4CTm8/vBbN\nCga7YMzLz3QXzz2JOlPGfmnyXpj1LixBBR5Kn7w9We/0EYtU19OPcI1jgmM6\nS3EAOMgcxl6dU8ZUL6SeFbtZttIF28CPTO14rTRkH/jfTJNrUJO1DAfy9qlo\n8g9DMKR//9dqEXtlLkIvsgb9e13GbsAO3Y9bYIthOM8mYKKy/LuVxYyl9W8B\nWq2Avz/VLlLopXLhZe59He35+/987D+jEJsGfq0j5PavX8kVczmxtPF+ZBYd\nsygZ\r\n=LGI+\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"01ecbda59d8e153bba650a431a04c0708d6fb046","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.28_1644957215201_0.33031478059433117","host":"s3://npm-registry-packages"}},"0.37.0-alpha.29":{"name":"@supabase/ui","version":"0.37.0-alpha.29","_id":"@supabase/ui@0.37.0-alpha.29","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"49e11d5159a3f1ee528bb24cd39d83abbd074707","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.29.tgz","fileCount":3292,"integrity":"sha512-XnlFWVr8t+ou0erUFW+0InauiXQkGp9zV2GapSRBDfx8TYycgDX2kM2RPfGSioDj94FhHUhA8zb92iVcNUxWMQ==","signatures":[{"sig":"MEUCIQC4J/ja0Snfkd854yYuq+XJgrvjVN4vPHX3ecsgQScaggIgH/P9oexwBFzxXuFeTBNbKEsuL+zYXOuLsvslhJs+Mso=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDEQ8CRA9TVsSAnZWagAABVMP/379ICZXMCyMjPhB8MZy\nu/tXQooYrrNmCx8Olv9FgcseZdPVJwo+wtUyHvjciyA3nr4ABEFoDxejeIyt\nB9Q1of+/E6BWLHrHBftZ8CqZajY/YrpGQtLbW2ED8yCFMjC/jIT4WE2r7lbD\nR2GawySiGrcVfrRzlghfgf0E0zCG3gy7yQiYv8+P19HA7ARIf9uTaxr1JVpx\nt8/7/1ghWZr+5/Og1w9gPp3mHb7E/opyUSHgCkN5N9KJ8XxKoqla2tHtR0q5\nCX7ZMcfih/vlIEs60qwaW5nSNpmmGQ03yb7txQUz2O/7bOp3NK4ONpxXr4AI\nq5kj5h+Ntvak2YY2otMZifzPH/48rSMDLkpTeRpQ3Tor8iuXgOiV62zbx72s\nfAOJKh/c8N0DOtj4saRE2b5iF6xdS8OvCvT4shOowO8LzZ//EItRW+ua32r0\nwBi3eoUdgCJHUew4GvedEb2SiK4aHBbuxPHzzp4cAQWH1KRbB9Ufzt9F9EEJ\nYYbSjR+HGcaDqwEnMmj5kotSwfgCzpEAzjEaMnyLR7acEPSoEQkD5dBGbFNl\nPz5mYL0pFVO9OlB1YJ9f9HD0ZNTVz5OOC4Jd0G/D7PNiVCLAo/iLZwm6DkO8\nSH9PibXenxsACjN7Cx9Uh5TUPqydUPfGRYQqRLKZKU7Bi6NS158DUpxKb0sP\nSw+i\r\n=ikP3\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"8430138f91dea0a703628d8bb45cd9dd31f13fbf","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.29_1644971068271_0.8709900755209006","host":"s3://npm-registry-packages"}},"0.37.0-alpha.30":{"name":"@supabase/ui","version":"0.37.0-alpha.30","_id":"@supabase/ui@0.37.0-alpha.30","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"f01e2a641505bae75029179d549c87ab0b4b620f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.30.tgz","fileCount":3292,"integrity":"sha512-0Qs7wdNYrl0PbsWZ/gyEPIxWpKFWmyPAOaU4N0u7BkHE7xkUfN7Elj94IgDPWyNcPNHHeAzj9v55eywiSds/Nw==","signatures":[{"sig":"MEUCIQCIk/Z34cG66EGGySLI8PN/VldqYmqpDYPdjVo7J+5aEwIgO5t5zufJx4AfNByTgauFfhNG55F0PGmeUrgI89m7SJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDEu1CRA9TVsSAnZWagAATDIP+wXH4OrpR/weG8WPCs6Q\nCUCip5hF5uVobQ27pU5En9RF38zRjaDxe6xU/EDYMpaV2cG/I34jCUZicco5\nhosEObVu7yxpRN3adnQzeCMru8M0QRwDhT67cyCJtqkqXUH+PZu8nuTdeuHB\ntbcTl0yzprwFb5xTQAf/ft8/mDych8thiWiDEz/m3xDBWguPD5hlLJ5cSZZy\nCKBCQ/VHlCpdpb0gicM3ZyfRLxwFpKCLnIGFttY/ZXopnwQPqG76mE3u1wqo\nuupCDHlGlsSJE5FHIYnFpDxt+NG91JeQ3Uo3YBktvpLThpRY0QMh+n/m3wm3\nHKgHUYZFVujnAw/RYswbTcw0yT0HPGJhhAxICyfwjSHz6nIPBtTMXfeYsLZ2\nppDR1pZUy8a4YQbyG/pGcHdroX5GaRwBNEmYijGy18cx08cwoVtLwfUPBaR6\nGPamFK45TSb9x0B505a5oCV5BLzlJg860+4E8h3t9FrWga0STgEs+C3RuoQx\nQG+N7AIiMn7pIqDEzOZh8foQbrpA5oUoqQI8qfPn6cNy+BV5wkoqAP/L6E6E\nNLXT0x5f3eO4FCYTunW6qcmoBUe6bEk8BboQLhAs8iH2BS9s1GhLIMQ5cBl5\nLj21S9Skqdr74JG/n7S3B8dkvcSBExcnYZOl6ran90FPdP97UCxCBc5PEWkJ\nO+mH\r\n=rOEZ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"ac3b4bcd52a799dae4b300fd06343c548da7ed71","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.30_1644972980535_0.41126827358059237","host":"s3://npm-registry-packages"}},"0.37.0-alpha.31":{"name":"@supabase/ui","version":"0.37.0-alpha.31","_id":"@supabase/ui@0.37.0-alpha.31","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"caffd45c798972ff805e7f4109d212d8fd800e7c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.31.tgz","fileCount":3292,"integrity":"sha512-iuFtqOoGXpY83CSR8RwzanNxZEvteEgdJ1UkXuJXIygZjj/ALC0zGX1CCH0PDxn7Ix5SHYPgx7hWNz17ONxvig==","signatures":[{"sig":"MEYCIQCZ/yr8tofDglVTUlj7AObLNu/y0Z/kmIPNVnkFR2KIaQIhAJJ9k4IVuvSVfBEUbfW5G1zySUpx1paxluXJhvvpY9VY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDFiYCRA9TVsSAnZWagAAdpsP/0ekfjosJhZnZ26Mkq7c\nvwETyrBOmoa1q/XS23WddV9YYdyuV5eUf4XqSoUJ0znAUsxBeqy1CHdcKn2c\nh9SElP2JV9TKgsZy4qnJYXn4UDxFKEeAvVw3i+0Yu+t11Ocg2SKM/PQBTYZT\nV/pd4rUMS+cV5c8pDIhjcnerJC1XWbI3oL5pN7qXTpXXJ0yJG6jj9gfJGUb1\n94JlV2Wf1tDts+7CL6uUSI+zNRC01aLha1LDx57wGFmADEOdRKeV8rkj4U+p\n9LdoOHJUnyvDPHgi9V2gLMZ9sWo4ugdaP2Jo2vLN1KMBXfTmqjsZWKDk7kC9\nSEchCKrP1N2OIISlXNBhFPSa+CjPLsHKreaFSDbPOr3ZfcRUiXrHnXYcAnwx\nQwVpL/ImsdJGovyYtgykCSVNCr8K3FG6S5+x1N6RZR+L/mUrnCSPzErInc+/\n2VxLk70AHIudogf8VWP4Us7sZbTywftUJBu4w21YX7W258uAHKb2APS4forC\nvy1W6DtWHCULbtP/b++ghsfMKOarqwNKr70zZJr9ZFEnKLXm219w7vl1AEGr\nOsUx/bbJGv3dtIaA3U8AKtClNPj17NaCzEeJbkXsowTRrhdlUQllysaBOZqg\nCvFvRofY/1Ftxnze7zZOy3ceVGv/36Zb5AVv68ectHuUCzOMlncICKacZYBW\nArnK\r\n=QDpn\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"78d503297e0e02352ef35b0741b3f59bbd99c5da","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.31_1644976280350_0.5086778548025321","host":"s3://npm-registry-packages"}},"0.36.4":{"name":"@supabase/ui","version":"0.36.4","_id":"@supabase/ui@0.36.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"8e851b568c08ea287ed45fff54bc1cf5a164c4ec","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.36.4.tgz","fileCount":3457,"integrity":"sha512-7Wq4D/5269q1wpmSo8V57hhWEXB83eKKEW9NHBdSS7wnsAb9hK+m6D/DN8ImpSdybDheHOdT/C4xjc2W6luOxg==","signatures":[{"sig":"MEYCIQDCER/kzti06IhcSA4iwy6xWMmbJSKL0pngSLdH3bdRDwIhANZZPxGjIcpFGALkEIn68qU812lyF0SKoH9hJcXBPU9r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3162608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDoq5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHaxAAopNBoshdzxvEGK+j4HkXwVr1LyvjJAqROwnetc51gXd7rcQr\r\nHZmoH833kZ7CCvLc/2kyztSv0zZ1y0bwmKqF5T22MgFVDjWRUZNA7RP4dGUx\r\nMl5OyEQo3r/osetjTHBq0/XDSYGlnByMORkiIxHuJc/bXz+IWU5kNifGlvAS\r\ndcZXtJ7km596mqvOOfbsK9Vka753DC4UBmue3VoH4NuLbnYFIatp8kA7RnUa\r\ndwzCPRR1G8u32hVyQh8+6PGR/rnXmOBNQje7iJr2MWgajmWTmxUPSzgdxsgX\r\nkHS9Yid9Izs8XWykQ463zTEpBqeZ0dfsPPvhSM6ru4py8ExmHorPnX0yVulN\r\nmmzGKFi5MxXXyuLb9shxlfAn0eiaoZZqq69Rl2U+Xrq0EeVCUOlRkOiG/j6h\r\nSQEj5kS0BV3sauetH8YgRGYFTlMVe48drlXdhv1J1YHcGm6DyKzCAMOAta0a\r\n4EwBR92HbZmvT5BsWT/N4hLuPQeupBw8SYWckk9rrEdcJ2VOJx2Z7JVDZSzZ\r\n0+PvVOeOZffFWbLtQrgdscVIFvtp44YMhs/9l4upkUVCviEOZnCesFbwFAaO\r\neVPQVvNiUDwORE2fFxoWB2KA5k9dEAbwKnCxvR10D2bCuSuO49d59jpVfnBC\r\n+gwYeyT5dPWD8bUjQF4PyJiwhEW5Pv1BtpU=\r\n=z3gP\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"743b294760f5cf8e9cf11163bf10ff7a4ab1c214","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.36.4_1645120185578_0.33532681839496337","host":"s3://npm-registry-packages"}},"0.37.0-alpha.32":{"name":"@supabase/ui","version":"0.37.0-alpha.32","_id":"@supabase/ui@0.37.0-alpha.32","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"50a52c6c26d5b75b364175ee5da41de691aaff9d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.32.tgz","fileCount":3292,"integrity":"sha512-4MpIsL4ojm2zdovZEwghBEUSd4G9oDdeJM4ren1ZmHs8XSH9Xpouk+HeUwlOID/i/ByTb9J2jTx/aWaxUgSD6w==","signatures":[{"sig":"MEYCIQDrjRyzK4SUticQH1tL5Mrsi/UkWNiwdHhblZvTqyrkHQIhAK9tZq2tsnU0rUFlFDIY0PjbYmkDEqHk0VU2PjsgvvRo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2571804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiE+UPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoc3Q//Z/5nrRx6EXqH5Zo+GBiuegnOFEXAOPjoHXi59A3KQ4pcHU68\r\nFKjOqLvOJ+vtpNCtnqEThPAVOBDOdvuy0lirFt31K4uyarqi2COnpweGY47g\r\nZ4b4tpT1VcMGIGrLX0D2biCliTiv9UP2cOj1kcchxMzjClykM9CqqA4G/Veo\r\nJ5zCovc0XUWCN88zqbojDtlqzxolUAt1cbbjOLf4BBX/zuHXuKkSO6o3pUqQ\r\nVzG5ph3Afzo9iHCP/xMKEqk0YHPOVtR+UnlpHrN7Kgrst/X5ITxuCIFtsX9+\r\n2PYfGEZBRqqWXBZSjIIMLeApYgH1JnCBgAO0Rpfw+OX0nBzSe4zh+N59qb42\r\ncAtAUYLrWvsIH8O0pXOTiRnUTJILVBSmlS/7MUWmnETSgOHP8QbYDxvqxIxm\r\nyNjJB2AtTyN5sDdQXTBE2Hm5hJi67DWbjPETCANoVpCgf4ijx8ruRcr/D8tY\r\nrbcvUi8I2jy4mTwm1QhvEGyxQ6uYmEa5v6w6AG6gPvgs+RUSPk8hhpsPM83N\r\nF5s9iWFZWydgJelcgYbKu7hZlNQVpDkqoES7ckRdy3nFjxp8eLZOrPpFWAoH\r\njL5nFkM+WC7wMXZOGa/hXvgyrdzrJmm7hqPVcLeFMKIf3TEOjvEcpfHnHXS2\r\nHbrce12etuevtw7lU5pliInhakjr4Eqxz/Q=\r\n=yOEr\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"dc7e6d104b2fa72a562693e54b4f29609d332706","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.32_1645470991341_0.9943636034641772","host":"s3://npm-registry-packages"}},"0.37.0-alpha.33":{"name":"@supabase/ui","version":"0.37.0-alpha.33","_id":"@supabase/ui@0.37.0-alpha.33","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"11e3c113b37322c8e078d9567bb859c8e99431a3","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.33.tgz","fileCount":3292,"integrity":"sha512-D+Wsp4+QMfvcpiWF4iAcfJMQ7TXsWmSfmj/EKMFNWlpD0v2q0IYE97thjkbUbU0kPxxBoFs9Pejvsw1Xm5zZdQ==","signatures":[{"sig":"MEYCIQCrHZPjQBn1GJME2Tbccve3x6OgKZsyIxwaaFd5qvY3ugIhAKrBj0VonpfLZubZc3Q3cZjfsyDCfrmbUuf13SMWQVYD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2572516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFX0ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqJxAAiYRyUTMYf8lD+pB1dzP8nTXr36aQTBLHSr9RFIL6Vc7MiDO0\r\nl/qesIVfUpVl45WTUEf6iuP6EVf9mRz+oK0p5KP4G8N9UImZOfaZw2DnqVIk\r\nguYW/io2Z49SyQie3gJMAmaQkif/oA+bJh0VmXOvMecaYWwmTDPhJFpUl+KY\r\nfwvQE9sfBWRe9lJGFotNpTQxQa8x4x4WJR0cXcFbRajOT0mxTSelgZ5Rh7Z9\r\noZptvMjhgWDf6qKNxLMq3Rl2t0r+pp/hmqisyO4GZ9aNvIOIV+TJx3IluinA\r\nWxL+824/UZF3/gHs9qQq2UyMLyh2cHPPqsAd8cFbe06hji6xEMKz/G/KsayJ\r\n2ByRqj2oRYyCY2zQjah8OvTf2giO5uolajXR+Eb5IiZXLRrNp/8c1tr9Uhrk\r\nMfqrMvZrlshqNxFM42A8+OwGIAfiJNX+suXOdlxvEtjuBQ0eplRcz7qdKacS\r\nQSDHzChQT8shMF6Ej9j+2jAHI9rq47qoQ36rKeQzSCDmZi5cRuXI0ofF8XmP\r\nCiNEBcpP6MLU8m+AfuWhBrLk1PlRb5O+HjMz+NNkGk2gcfdngYUs6sbFwXjC\r\nUZax/FjclcpznZd1SOxHsGUzb1hUkva80gvzdAtAOvvc+eNNUbYNU+BihkKX\r\n90u6Zusq3IhcAaRi0Q/RE1ipB9nELnW2waE=\r\n=i1Fr\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"9364206a5d30bd187dbb0a3e837fdeef275c526e","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.33_1645575448991_0.46970994539672994","host":"s3://npm-registry-packages"}},"0.37.0-alpha.34":{"name":"@supabase/ui","version":"0.37.0-alpha.34","_id":"@supabase/ui@0.37.0-alpha.34","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"53036bd4e37ca09b5f7d646e7141b63e2f53269e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.34.tgz","fileCount":3292,"integrity":"sha512-aYygHmmugk5bFXVAJg/MGH4IsU0OS2CTF/YYInL7K7hVtBgl8XBZmFQuX4Nae2CS4JhewsTAfINmDUC8WWCJeA==","signatures":[{"sig":"MEUCIQDVh8I/8DtxdbY0OinK+cpl6K2WVvzJTdLeVXS4XPaj1gIgfgWoyzWveLZncuGl+IO5xd66l7xwPwAu/y1FUOH6+4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2574192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6+mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6KA//S+9Mw3U20wZPMOqW+isQ8CMpH6pwo1sEDHBVOh2BVFFKeC6w\r\nXnFOy4Crt9V2c1AZ03MvGvpsPmi2G23LU8pOqcSMhPrCF3a5Di4byq+fPds0\r\nOyHjFCEJzNnU0lVvPKiKtDSy4ToRDcmmIgSpesjoE4mnguA4pP3HO4aSnYOA\r\n1JChFNLkS1E2fX0YlBR9iUbz3ssugk6wvj5BH3WhIVJvBxHmB3cAvCHWK+Rz\r\np18W7+H/Nxe1QEP4uRRJ96UYtDP8/sq9IGRVk1Rqc/Onfdn4xnQl30l9e3GD\r\nl9TYnDm0xUMNSws/tWbn+fdJ9tkl9tsYnaJBVldI0WOxI6/+quahHmmx1XCM\r\ncO3f59BVe+OuCCfqbijnb8AMzwBiSuI+BhdIOBZr8+wqxn9AnZUm+7RrsRmq\r\nGddHRzDKB5C/9WCCFikxFluDkJtYRkvKNZa+2HD8jrio1oh/y8Dx5WjDphMS\r\nXN/DTYwI+fB3xV/jTOcu5CncX9KPtTK/mzGNXMGkSwKtJXKI3s7JJvDW2Etf\r\n8Htni2JaFHzB9g/eqAdrCWtMhahDP2BMpByAVqEIKrgrNthzkRRpWd76I9iO\r\nc4iwG5ZVYjD+NXlZuCvGhNBgUVc8FX3V4cUg5OeF75hXaolKIYbmwa83vew7\r\nHgfB/etREArs8kt9tZESer6SIzdKKc7afH4=\r\n=J/hf\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"ea6f28a73665b088ca6c290cb1f947dc463790fa","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.34_1645719462708_0.9765674326179372","host":"s3://npm-registry-packages"}},"0.37.0-alpha.35":{"name":"@supabase/ui","version":"0.37.0-alpha.35","_id":"@supabase/ui@0.37.0-alpha.35","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"be6bfbbad959016631262d221b70455d9df509ad","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.35.tgz","fileCount":3292,"integrity":"sha512-XCNQuVaXRpV4FaaPLUwrAZhYFTK+6jPgsNhn83ymgmQBGRN+0u4MJKoHULTMQcOWdgflfze3hs50EnlkMUM2hQ==","signatures":[{"sig":"MEUCIHNbdD2p+W53IRY9S1QNt9j3aVG8o6i6sS3Kdiwdz+CeAiEAufQqWqTZTqmUYZ1814XMrijqNV4gulod0YVLcgNE7C0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2574192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF7GRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocxQ//Us69sZz2LKoFt/oGT2hX0mglHnTlzPIGgSY395Igze1rAUwh\r\n1kN9G5ewjAfwTE6Ty/qDWpS2oBUvT5sWB5uH/TjG1E02mx6YIzmKzXLa2jgZ\r\nBqYmtUO4bxbHEZPbw5fcnCg2N7tXtNKSzRMlabGptAYh5MXA9QKYeGS7t+On\r\nY9ykmQ38vRo0kMwQ6HUoLfWoTU5EWt6FE2gD2FYFBVDryWp0eNBk5dhvf77v\r\nghB01B938jd7JZvYLCf/v8Ey+HFp4mIayhyqSkqCsyxn9aDPFGViwL0xfCVe\r\nib9jx6JiBxvHY9KlqaXiqnsA3O1dETS4jTet+kmLPFnKb31YWY80e5OvaS/V\r\n4XksogBzPbqMSQTevW7U8BInrGPtOx5GjUNIgiScui/oKJ8NKLmexoS+Ej/Q\r\nrA0yroSyzK/8pwC6gBtS54fqBip+6t4ooHOjCbDvVtjGV6bGJWnr6a732J7b\r\nxhWbl4qlpHcMhOO44cI0Vg6frlMMzudcWEx4O/9Prhuab3TMEyQKsfIIE5Dj\r\nJVNQJ8HsI+tdM/MjCGTz1vwkZWpQKaVH7qR5I1VJHJjK3rti/YHp/exqawe4\r\n5jQQu0JK1RCCvXrNZ+K+j4rs+B12ekEtB/pTLRgv6kUp8eqrE/K/0im34uja\r\nv7gMs6hVxnV9wLvSmAHPaWJNSN7UP1cLztI=\r\n=yAoj\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"523c046f9a824148a39ea76df2daaead534da48d","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.35_1645719953661_0.38762866233260307","host":"s3://npm-registry-packages"}},"0.37.0-alpha.36":{"name":"@supabase/ui","version":"0.37.0-alpha.36","_id":"@supabase/ui@0.37.0-alpha.36","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"5225f039f6be688d2c58df84d5cb49511b998968","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.36.tgz","fileCount":3292,"integrity":"sha512-uTlAeAUA8J0krll2vb7mTxKc3SkKFbuILNJKhT+hoYu9QAOcC8RK+reVqp+Bvm2jHVqrFUVk7E2LhHz9oP5Tsg==","signatures":[{"sig":"MEYCIQDL0hGmxODr9x0OnaiYlhF7kF4p814Dmseen+KjtxttXwIhAJy8ausiqpIjSVr0Cf34kHyTAhawqBgnu2pmDBtd579k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2574282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF7QNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkkQ//YGMDIRy+6V82nPwSDQA0R5cI+Gvn30HdZJRwBZzoq5Ty7KAQ\r\n6V99SbYPiU3+sQuYKdHT0pKWtQbBW19W/tLsB/IXzFKopTKkvlIq+KE4oyni\r\n5INaVjMYF+p8ao6YVY1c1IgTw1JrwrZ4IxG9D+7MWcXv7zWP/ZRKhqCBqZsW\r\nz78wEqDehS0rTy+eAj3ttevezdpj+A1AGDioxn/TcW5/2bFyugQNdqF1jqlq\r\ndirDBUF2Y5Fxys1I/dEObd3me7fUDAIH992ZTF41gMHcZglwnGjVqnf3375o\r\neOldD3pL5A0PR/gcJ18kY7eQf8s9DH49A4cmIBqWLEEAw312pV4/wMNumXmq\r\nFLY6snJqX2/hmorGcBKAb2hhYOQAieW+BBHK8v45EP5D+1x0P8kAgDofN74S\r\nzX6ul6XR7hpPpPJwJeheIG8HJI2j98I62lC4kZFY1rvpqES5nkz14VlqYcbI\r\nTHGZIe3Sm/XWf+tHLJjBP2mEZwd0zEtX1p9iZh6Lda/Rd+DsGU+CfzDkpnu7\r\nEd1beZKVahaOpGefD+7OgVszdX+EBBQueI5IdHZG9XBgGzMdwDtEr25N/LAc\r\nq+a6zYEb6sxZ6TiRnnUmASWek4y6uvfbCRbdYd077wuZaEUNgj9jO65jgZB0\r\nDTVe6wqoG7h45lNck7nOB89DDT8EvpU912Y=\r\n=rT5W\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"e539344fc1541a49e9536f6d6045569cbbfe9e4f","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.36_1645720589061_0.6022884783035387","host":"s3://npm-registry-packages"}},"0.37.0-alpha.37":{"name":"@supabase/ui","version":"0.37.0-alpha.37","_id":"@supabase/ui@0.37.0-alpha.37","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"0677c9faca3d49f20b115eb4702d5f24ac60dc48","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.37.tgz","fileCount":3292,"integrity":"sha512-tU8M5i0xNbiyNLENXOVIMauOY7NCO4i2MxhpEpuNkOMjR8SBzBf2ew54yAfBQELbMjqDl6djxEUFcis5q3jGUA==","signatures":[{"sig":"MEUCIAq+D41KExZuotiBbCX482CKr1Dz0gRYwOThWU8Xa7A5AiEA2Xj8M+a4xFNy6x4X0EzQWT/+9rutU7RIr9J4v5/RY9s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2574350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF77/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr12A/8CvkEJ54Wp+aXuwDK53Tam01pQ3phvVGs4+LrcnW9TKcTaFRN\r\niSzDnewCaBTenMDQVYfM3gR5O3JhGa8b3b3uNTGr3F3VNrRNfAToEH2xB0yX\r\n/Hd2NC2wEmxWSugJj/7+kMTWfjpHgA1vPGTpvde2sfaE41BH7aehosplZO8Q\r\nxH5NJoDcowAOAZ0i/ShT1FIqu6f8gyj1rsioUOeGMuXzoFYAPApgYGuDfORu\r\nm2pSmFfU/wIrzQsMWnf8P8+GDORP0Nx45OlAS87ZMdjbd/4lzZBUBL6y6lkx\r\nQwVNrhLvPIzUQAOWLTbuGaq4LBGYnGK+Wyjqi48GaQNvG3YDdrwKRtEMeaBT\r\nYSmCZww8aZIzXAasjCo0qHVG3IpX07i7YHyeClOvprmymfsVGszmTGeT/rGn\r\npZYaHVWyBiQuN4LtzYJsnWlaaFPrUu1IIjt8rMd83Ynqoq4BJ/CbGMgG1KW0\r\nigPhP5MRHxogad+Sp3Xq4f0lJQ9Bb1l6LDUwJGc0SAQ5qOZCxh49ua7MiQMG\r\nINJe4ShsSenJTL6FdD2DkyF+qV4rUO9ETFo32sHkDcT46+swxGLqDA1KlZxQ\r\nWi9sFKl7KS1kq3r/y/Ru4NRNvWGs+vf91JoCUHX43lQX8k4CtLw+ZAnQzLC3\r\nbx2hN0dmTk1CBVPGWCg+AKxL2kXxaVc9zhI=\r\n=dUkT\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n```cli\nnpm install @supabase/ui\n```\n\n## Using Supabase UI\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n## Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"d75ee2a3a9223e641aa4b636c5092e50facf8e33","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.37_1645723390896_0.7833592979508741","host":"s3://npm-registry-packages"}},"0.37.0-alpha.38":{"name":"@supabase/ui","version":"0.37.0-alpha.38","_id":"@supabase/ui@0.37.0-alpha.38","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"deeea9d5c52504a5113b62697adc772cf4df8bbd","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.38.tgz","fileCount":3292,"integrity":"sha512-tB7Qe1UIClLs/fYdaDN+C7BRydpuhG8d514dfd3kwxVXgRAB7MhqvI4EtFiF8UfenOyRTaSqNok2Fs0b7x5JDw==","signatures":[{"sig":"MEQCIHGgX91q9S7qV1Y0ZXfiw+31HWkBrg9iTQ73PtfXwQNtAiAhAlTNgmSerhH/pTrQ0xXxQyRyjcmICrAKgox+Fb78NQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2579610,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF+PwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGmA/8CdBLA5o4NT87uQNTMJAxO9ns+dRAQCmESY/l6l5aAeobGK4K\r\nGgyrb3IbKgxOcKmynZ63s0cA+46YOlyuFW5uvPWbbFgPZU+lTTOS+R2qdTt3\r\nCHOXaCFAD/tP0sbdOUbSe8qQ+0ciMLvwUERc5bdfkLUZe6BFDsG0bHe+bz2c\r\nMYiC5912SVJzv7N7hY8+EtoDsXZoGR/LFLifowGhm8fH25GkBBhc+cNFBJKo\r\nfnUCJdECIz/hJHH9B+ZWum4m0Q4hUvEzbZMQ50FtHsDBII3lr/CQu7LSPxX1\r\nbnP5PwEe77GF+XN+C7kf4utY1aJJZYEcnlZW0iUJ4HZfrwGyEshjHKxcJ/n7\r\nr89/DDw2RdTtakIlLa9zsBHgOwUHwnlM2kr2fXdAYU4z27MzTxwREpLFUuD7\r\n0YfS/wv42cde54Ta0He4jDNPc0p5toIXYSZ0YIgZiVOBEJhDe09YhETcEfKw\r\nzRnQ9AucRutpEBT4ky4vSm3aCIZP430uXYYXeE3bU4Jx+WXuHNExpLKxbGK7\r\ndGxJb1ZUDo8pCU9v60q2+Ih80RIAi1hxINAfsBE2u3SCQZ8JDUelUQFPhHIU\r\ntSe3SbdaMB9LsAQoa/IIgJGFoDTCYs2oVxehtzNKOndYV+hd6Mqy4v+0kp8o\r\nsf/RzgdC9mVfoBR+Qn5E1LJSD3f9z51miRE=\r\n=dR93\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"739e02892fc65ea98057a34e695ca36f999ee0c5","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.38_1645732848105_0.48905297951150284","host":"s3://npm-registry-packages"}},"0.37.0-alpha.39":{"name":"@supabase/ui","version":"0.37.0-alpha.39","_id":"@supabase/ui@0.37.0-alpha.39","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"1731d42f487b4efc276c15ee58fdbaba2ece98db","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.39.tgz","fileCount":3292,"integrity":"sha512-U6D1UO73xEVro7EXpkiuxgCct6xXOg6KQvJmPpXZ5cDQnpDTqD8QZoC3UOMpiqrVYaboPs4bfMhbu0MmJXSECw==","signatures":[{"sig":"MEUCIAGQQfcfGS8ofdCxhIZLB2o2h9ATG8Fwq4M8jqh6LyGYAiEArj5JMJSwPOD+kJGdP2w513l+lOYXM4AZnfr8ehNfpUk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2579449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHPIsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo93g/7BwHI7VPFsqPQsFT1E9J4TTNO1SiaurdQsr+OeRYwF3m3L9o1\r\nwS5JW9nzkYhWXtelKaVb1hcPkWWeDpndO+PkAvE1YBenouNR2rQQFEJWPZgi\r\nMsmF5Mn9T5sICl665X+fumodxcNE0eEo1btwcrY8Aae/77fBhcMocn4uZuwm\r\n0OJsYtKQN1K4UvOqM1NmYdnClwjazbPgtqwMXDpF3HQjBDvF7kXjOjYkCmHx\r\ndQjxDdMAuTGVfUY06iMZH91jbgd7B2wqsAhFhyZBksm9jiELf6wLoDFCZBvu\r\nAJxRmxWW9lhljV6eZzNR8890485OiA475kfL+i7jlWUMsOSJCU6QgRZpvBTu\r\nRquwIgj3t6A9jGRXn2vPmsxoV1T7Y9iy/R59lBSTxz23jOTkBNkdj3FMZiTU\r\nfd3jftgvkQAbYo+0RB1omKxq0+OxbBwiHTQaLACJCGapy+U7YPz1gq+eArx1\r\nl0WW68zox32K6mt+ZKBR61KAY8/a15lUu5bRZTZNnzp/BU0u7/d9EbZqBck5\r\nW1LnzPV15F9nd6ko2Om3o4uTjOHHV40x5H+pXJgtCnCtwSZy6teW/Z9UAMo2\r\nr7JDSj0h5Pe2L28aw3hMH5yOZg4rVjF3h1ypQ53evGcr4KOEsziEqkiMCbUA\r\nU8HAJhcQyhSAJaU7eCOESqvBP+SL44B7Imw=\r\n=Eajd\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"5f2a723c1de62e232ee6e35b29b4d94d062ef7c9","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.39_1646064171940_0.3256196214061349","host":"s3://npm-registry-packages"}},"0.37.0-alpha.40":{"name":"@supabase/ui","version":"0.37.0-alpha.40","_id":"@supabase/ui@0.37.0-alpha.40","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"b03e6b478cf91dffb83f74c9b3a7ca4151d1fbc8","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.40.tgz","fileCount":3292,"integrity":"sha512-spPy+d7/DdJEDUGG+q6pjDyqEYJXsjA4CeCu8YC1JrNQsN9gE6o8dOVRp8TY2Yu4MvVKbEg9VyyzaL/9O0j1ng==","signatures":[{"sig":"MEUCICAyZuifNl2M+wLTv8QzWlRZv+RYCcu3STU1wphizOvCAiEA5EG/9pMxuACVzkfJbsE5A1+EpC4OErrOF0PUMNayUE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2580529,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHPlJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNLQ//ZKviV9Zqf8Xs4lyX53kjhpuCAO0fIP8HCKf3GPPNrVBenxna\r\nGNdy6CSvNcy/H9amegScftO3baoWq8fwxvYsMimRb1QomqMH6FSRBoTfYqH7\r\nsIGjK5PLzPBWiTy10yAEEeEqBVQGwjBKNzlXsf6HFnRt1f/8Q03IXPrU15Xw\r\npeOTs0oGBi6mGewR0S5teE0OI4D2zhMgUi1z42RxtiCses55N+EWDWdIKYSA\r\nxkE9pekyGoanNGmgI2nn08YG8uhrcQjiqj8fi6bSzXj1B2bo4RnsOipXPIup\r\nSn4Q9y8PvgN9jAAcnVhyKpSUcDxnMPJg6sTvly0qL2Rh/CsxjPwl79SPOaHP\r\n2mivptOdNuZRa2e0PxgXsJaNNY0n5cAi7Y5GRd3CvF+c4DkVjfv4kHIan79c\r\nn1rfZcIsFJ1doPsoiOVL9FzajC96EyXcAyqsMQe140jwdZvWOKrvYYdYKLm/\r\n1BpkHyV0ehJ8lVBtHt4VFi/MJCpJbtBoMXIC/CuGanexo0w8XoqD6T+NjRQM\r\nDK0QHfXp4bEk7JpzU9lznHjBDzWXqKjtKwQKeSWyyKTH+m8S7pag2tomEL+g\r\nNNJQZm3tO5cbG/p9Z6F/9Viw6cLrKq5HLCH88Kz9Po7cnLulFP1IfeoHJjjW\r\nMcQyBWY/hTDgObcmQRO197leT9KHSeeELks=\r\n=isdr\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"84068fc18e9362916a14bc3f73b56739c46e81ae","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.40_1646065993717_0.4505578142504201","host":"s3://npm-registry-packages"}},"0.37.0-alpha.41":{"name":"@supabase/ui","version":"0.37.0-alpha.41","_id":"@supabase/ui@0.37.0-alpha.41","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"dbcae6371d309b6626453597f8e3ce25a23ca77b","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.41.tgz","fileCount":3292,"integrity":"sha512-ie8FfK6tUtCAlGmITwNwzhv7GStfu6xGhGUbHDq3tk0HjLuiKKkVg7a2OEdAh4TcJIYRBVBN65XCTvbfSvAUhA==","signatures":[{"sig":"MEUCIQCPG5mDfZGQQ7iNA3+ekwLC1vi53KaV6/tfEdEQfJ1PDgIgd9aaDFAxJCc7FY1gNSgrYosY0ao0UCHK5rY8HxBmGco=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2580475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHe7/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+9A/9EmbuesCtmE2C/padp6FmhfjCc2wTcVWGtFWahvUlveix8FuN\r\nLEYNP8FcSXmi9pLcO+RDX1GoR34Ml+sx7yyIM+8Ep93/obZj92pPRB9O1lMz\r\n4Qe9EIh222+qgd5+dAtzKjShg559MYnOgXDuC8Lom5sYfdl685prO8jrWsMC\r\nmrrCLRsJC6JCLXp3jYYonIIUS4KOj5SoNH7OLZ76W47UCUZ4EWbgqj9g5lqw\r\n+2MHvzsd2WRX30W39J3g1O0S7jechZOcbFVD+WpRxzsC/eTxzPhmbtqabtTV\r\nQ/hLhzncNsG98u0F0ImEQSFeBhJFVqxA9Tmoo0dO2/uDx4W5ghgRcrSAr3o4\r\nIzJtjF1D8WnGIy1YHxnLDakDDUKBPgVUSptiqUpj1fCgZxdl/EWYQhVgfAcT\r\nijCckguzvJ3N1HPT/oYc/4MXikDOhEQzAQ4A0H44O3K4vuQZjTKhQpKdaMrs\r\n/HPhLoq0E9h1XyLabu29zq1Qh4jAkr1E4G5pPftukwLS/4HUW+TQ2z5P70gm\r\nKyhhbt9z6XDcOULTRXLI23GvBuT2sfpgbQDv304raCb41vMPCn15e5NNWcIT\r\nkLzZKTj0v5mcnRbfTeIHeOYGjIdEs6XWs+VsRAg91W0cxLTAuwMYw+BNXANL\r\n8/ZXrC5AN3faWy6cNOxQ54XNg9oiAlKMsq8=\r\n=CfIT\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"db616f395175cab0ebbea2936bcdea986aea6d05","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.41_1646128894976_0.3445188368596215","host":"s3://npm-registry-packages"}},"0.37.0-alpha.42":{"name":"@supabase/ui","version":"0.37.0-alpha.42","_id":"@supabase/ui@0.37.0-alpha.42","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"eaeace20b9d114314ec6d3d81d812102074c9ab7","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.42.tgz","fileCount":3292,"integrity":"sha512-e0YBcbT5BL+RhXplkU1qkUWDBV7GqNmvw66CsKU/Z0NF4Ncw5yigvWvLYSav+2PWKxBWK8pIQaHf9TcKVXMkIw==","signatures":[{"sig":"MEQCIB8NZ6UgRlE94RfylLvrNwhygOS5Pwue7YCdkYcr0lXzAiARPk1iS9rbwzly/VxG+bn9wcLS16LhfrfhTtweBLM8TA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2580710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHtaCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmos5A//Rlasc4KEG4DBjGM6j9Pb/n3IP1s+WatUpHNAaQ4UI0ueo0AW\r\nXTsk3gx1phQ59vlDOftY/FXhtbo3fbH01oEC0C+Rx2cGBPdbXijkmumViDrt\r\nKD0KQoL1R3urpjjbRLacOxlH0vdS4Ki4e2yFj3YgDwQiv7fGE2vUa4NKYE8v\r\npY9fK+7NCddR3qqIePxMv9CKkpWca1ODX4du5pSnfZ4oAQem7NWVSO/JINGk\r\nvVkvKSf+S00uAR3CpxcAeaZ+ln413S+AatAP1QJsi5AViHOpNGy+a3onDYOt\r\ndn72kIGtMPlxaRzY4OsSsEJeZuuWuuWoRe3gSvu3yAGAB/kQ1tQnbsZqqe6G\r\nbUpLsZwa9X4bjB04Y5m/cBlZSvuqJdEhu2pXA0IBBpT3KuLkQ9VW0oOnDiHZ\r\nnXqiQW5Dz46ZaQQ3PYADPt0Ir/5zYkZiVfu+dggqNWmisIUdV+7PGHwr0MX0\r\nOf1ju8HPC4kznQy+xEdfYxcfZPqbS3qjbS42iBP7N8ZH8ls5Jm0jbAiUbdAV\r\nGQNIxshbe5RFATaubq4AnqwJNjxJ3fk7atJfnq0dbxriUOKpvTcdl8YAK1zH\r\n/SeP3Lr93FpByIE3rH1Kqb/2w6UHzn+v3D/ZAFeTzZs0kGxK1Q9GDHxmDxwU\r\nc3lwridF5suelqIl/pgAHu0CJS303ZrnoQ8=\r\n=j9BW\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"9394b15a922f9789580a6987fdf1b4bf48be9bf4","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.42_1646188162349_0.8421401037828771","host":"s3://npm-registry-packages"}},"0.37.0-alpha.43":{"name":"@supabase/ui","version":"0.37.0-alpha.43","_id":"@supabase/ui@0.37.0-alpha.43","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"5140ab8630a3ddf1c73d3d131e95f7fa6676e788","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.43.tgz","fileCount":3292,"integrity":"sha512-sFPzzxc71S/E/HOLSho5g8+dkZ3MY2VW4RxFiG37U7YgHmb2ItYyfc4O2j1NNSkoLYHJkqxEtDVG1tjJQtdmkQ==","signatures":[{"sig":"MEQCIBgH0qPmEUM9oA+wKUgpjIpYpM4ZQ/8OqIykwDCKBlz8AiBkgj+BbcyI1KPb1GPx+IK1NySYodk6ghCCDDdDeXJ5Yw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2580750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHxLpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpkjg/9FHD3+YmUGkJZFkMIumCVIPU3V/i4zI8xBj6FQEpYAvIkIvvX\r\n4XS+z5oRxYYA0fsSgUUWGtxQ1v94+3lMk0BPB4dwxvn+gb0LhiwdszA60KDB\r\neN5B4vgirF2nSWZALUBiFoyTbsvyMnjklPd9/HDkJdx2uZrRPyX/8tQcPYIb\r\nJLzIv2/9FDOmE7tsv95ryR5osIc8gpjgpti2O/xbc7x3nrBV3Z7d1JWjjdeS\r\n8W0SbQ0ksnZf7nzi6gEd55jcSx3PFG/jrKx64/xxrir4hLZCdE6fbs79lR1E\r\n/TMGee6C/kRZWLY7O/bllJGIbQk6ksqpnfa0mxwRkYsFj4C11v02m/A+lNiU\r\nwe3lwMJwE64G9jN1NbatSbl0jflNFWrefFMOnEdXDi98vQ/1eZRBVvp3TLJC\r\neP57PktRIiop+2Pbeiut3uOtF2iwYBO89XkEi9l5idrIgj6cDd+44hOwL2Sk\r\n1Rjg+0Z8yzPMU9ix9RhH1MbSmYr3aViKBvBARwnC8w1QLbSosqSFJfSb56g4\r\nh4FmB+VRqK8dUJ0VEhZYSsC5kGZOsnFQGK8nMxErw7XAprOh43d198U9z5Zf\r\nEdercHR1aZqjxWYy6X/zosBn9WG5Q45iTnXXeumjG2BNJ1NDSVoYA7ygK3jw\r\nzEMtwr9/MW7yYYbLhjrGxQ6LNAn2w9cGLdc=\r\n=4TsC\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"e62d7e92c191ef06d2e1077e3e165660e78128f7","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.43_1646203625474_0.40772150901464044","host":"s3://npm-registry-packages"}},"0.37.0-alpha.44":{"name":"@supabase/ui","version":"0.37.0-alpha.44","_id":"@supabase/ui@0.37.0-alpha.44","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"c8f9eb4fb89bd7e6254326c83f8de903468a5932","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.44.tgz","fileCount":3292,"integrity":"sha512-LljtRo+iJGFH93OsrV/pK8Uf+X4IkJ1IGItL62/ux38HQDB6dhSvj//kzVOnR2YUh8w0PF0VkV3gNzVFmNvevw==","signatures":[{"sig":"MEYCIQD2ndcJVFt1y4GXpP2On0RkgZC/Jn0lmur9GDdgLxTpFQIhALAiusLS+wNvIWaUYYA9uXNSAX6BU0Rom2ACKEGW3/JJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2581890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIPwbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSug//WY0sM8suzBG0+rTX5lGfiglqGvpWczKMd74m744lkTKbOSe+\r\nugbq0FWCA2hJlxDLfm61L6ThEjWTx7HRPaKbmU/P4eZaIHtkqiPGJSkNvhrJ\r\nIqhKyYeh8g26IlcPMfmc08prs1i/QelfDXqti+nOu3cyt9wK9cLyOKGf5u3i\r\nnjiDszCyIR6H6nzERww++HUzXKseL7F2P0qGC+dJoMrhc55WUa5S+HwfvBni\r\nZ5SkUfJfMPxNFZhiUhthkIiACD/OmJ/fbMJAg3Nw2Gvfy0dyzpkMk122PzU2\r\nwzipxnTOzVZVQL9G+R618jjG2q3105ZqmHxXaiFpbMUxfFd/jC+YiflD9/W8\r\nhBSLBO+djhztTClK6m8SYAfsPBy/1TFqW6xCdC81WwUmvPV38MpeSov1bT8K\r\nsEsTl0SXFK/ekuJul+QHPCVnYWDQC4pgTtuCD1kqMvt613SVQvB2SS/TV7UF\r\nLGGUya2IH9LWKl5jZJJrZqpd2T/nZY9+dfw4oN+4UGunITXGzt0DBAGAfwjk\r\nRPLh2VlN9W2Qy97v1gwKpA9VHSjS2UEJbB0TpzXgFfo9QMoWd/E3kiEnP55Y\r\ndD/Pmu92stYhrL5pRcbzgHOD6uBS4M/OrIeVe6NiI+kN7Ov2QAWtfpvGVbOS\r\n8woWv9S2iqJXRtBCewdkgihMdVOL8K9EeTk=\r\n=kq3g\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"899ccf856d3a7d1102881442fe2540544fe25c29","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.44_1646328859451_0.12867388809146152","host":"s3://npm-registry-packages"}},"0.37.0-alpha.45":{"name":"@supabase/ui","version":"0.37.0-alpha.45","_id":"@supabase/ui@0.37.0-alpha.45","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"d65e6c411613e58528b22a00ba5d2ce9d33e1fe2","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.45.tgz","fileCount":3292,"integrity":"sha512-EQHu4HQ8h6YppWO+72DmsJuqEHwkTtZo/uK31gtyI4/1cgrtb4mg0ccdmRdyo1j58/5Py+ndTPCd6Pwf2URpKQ==","signatures":[{"sig":"MEUCIQCrnOrneOZJqT7J26ybxp+I+uKOoU+UeRGwIexcV/Ac5AIgEPNYSfr3kUL+wpkqgfyuKtCB67UPfqIr9RGuMDPqMbw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2582250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIV9+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3+w/8CPwGULTaCX/oG/vJAQC/oFXI/bcpTG3OoVE3SoubxrqSPt/c\r\nMkqMaL4V+t+P9xBD8OTerARQZuCFsZ1RsyN2NXsbRlQFi/psCtjOBqNfZ2oj\r\nlEoq7yacDTsoI/Bo5sSvfop6T0aqzncA4YLOnA+mwqZAsOCjWJcu0DsPPPLi\r\nBaDZ5ODFImFyUAE/DmZ9YUE8+JPImoGy7G0VCwz/ebQQCNUnC6tEL7VZc5U3\r\nGJc1oia7yEGWt1rYROybDWoEScP+hifhxKRGC8W+VBsNI/WXatT3+9CnzqXW\r\n3LQQ1cr+sikPNRxxPm9DhRfyW4d+BSI1Y7Ih0H3Ek/2OtJ7VQ8qDQDd0Rx3v\r\nB4EpyRqD5F2wPP7UMni0/+AnR4AMtlgRYD7plkoelyDGSyyk2BE8CUT4N5Q3\r\nMvCYWyZvZXCOlDKrFW/u+nLU+LedpBG+P1jiej00veAQ+ZtYDw9RvBaUTufD\r\nhII8gu8GsLNka4igZxfSllzydTfGoqGdtg1l9T2Kj+biAGeXlrW2o7mI//ph\r\npRLChfHeLLOyt7etWoVRAAv4SOYL1jbctxP4U5jnpn5/Lj5Hvxm0/hhJtglP\r\nPgqQO8O3qh4WNBvCwrfU1Kioi2qepAPnuAzbkW3zpWlIPBJF03QiEqn8hEiZ\r\n5YoIgF0rfbGMcL/UETbXUPRrApVexrJptpU=\r\n=B3oJ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"52103194068cade850d7a2c7034626a72cc60ecc","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.45_1646354302470_0.7011204542735665","host":"s3://npm-registry-packages"}},"0.37.0-alpha.46":{"name":"@supabase/ui","version":"0.37.0-alpha.46","_id":"@supabase/ui@0.37.0-alpha.46","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"eeb26b2b800b8b62829ff2990509fdc09b8bee19","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.46.tgz","fileCount":3292,"integrity":"sha512-bZIb8tN71XXTd+QZ3lURH8iOPrrKIBt79PvGA7lRPXMp+SCJ0doYZfqH7001X9GW57eIr/ko+BaD5fYd+zs6Ag==","signatures":[{"sig":"MEUCIEbuuQmX8ZjI9If5ONnNAtqmTzwk2NyN+eKCrAiGQq83AiEAhxsrL00BA7y/mXMhx+I6IHkmskLzoKyNzKAJNA4YY/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2582397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIWObACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVAw/+ILPgQ95Qe/nL76pAQR1K9jy4ZS7j17liaBtrnoWLtNX03n8V\r\nt3DTNTkJz1RZWzE7zBKNFcL9qOicrwkyboyGlgYElZJ0QWQwQYvTvORYSmz4\r\nDmku7ccmctChi7NIBNjxm8Rs+J1IqqHKmTuEok17OOjDusC9jDzaeLM3Z9ht\r\nzn5ZuepWf63USp//Ibv3InRRIgkyAUziDQXkkdUZQP7FnVseHWPokjB395RT\r\nNdKNe2eFy7UB6qxInjbpsIYZdUdm1I/sEgo3a+HKQa0yIXaOtHXCW2jKOWiG\r\nlbNNyl+EAbqzd0AcqqcIZ9SAOkPsQ4Wk+apMHOpfGubo7+WCjRiIdP7749bI\r\nwlCaShfu8u99Mko4heTm5lzW0c1qNy4zyLb6yiva3xlh4x4sp6W2eE14GPqh\r\nfmBU+USpW5kgiRAxBWF0x5Gt9T0xHCKzA1xAT/xLZIYSI4gNbwrwkPMLkQMw\r\n0Lx2p7tyQOa0+AqEjv3TBd5UCzKUzEggg/ftEsiDRbR10nV4qZsWDcdrT1PK\r\nWyQgPS7AfKY8ZAm1L03eiCfuc0SoOd0iKKkxLDRm5vgPkWxYbPy551yG8g0/\r\nuAuNR98ChWQRN2pt1GzEUycesXOO8EV4Te2pZAuKlS6llARnak5E9s5ACkkH\r\nKgkZFIhTbmx+ND5PhOh0kAp83LzMtuBrJu8=\r\n=5BVZ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"c30e1a601ee6778405d3c4da187ec2ca512d195d","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.46_1646355355587_0.8372401407068715","host":"s3://npm-registry-packages"}},"0.37.0-alpha.47":{"name":"@supabase/ui","version":"0.37.0-alpha.47","_id":"@supabase/ui@0.37.0-alpha.47","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"6eaae423f9d185735a84214a0ee92ef54ab1cded","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.47.tgz","fileCount":3292,"integrity":"sha512-PfqcvxLDmfo0vT4+Vz4CC55hk4dDMwHbyW3pj+Xj1YbBkGWVWzNWH4F+xOjFW1FMGyu68AMfmzzRhzYwiTIpqw==","signatures":[{"sig":"MEUCIQC7D2EqLyPdWtFkWvzvqow2wRZpyQvgJ1Ho3WQVBreOkwIgJ6+QX95J9nvUi+swk7dvS5I/B1B8c9Gm3gEKVkg0qes=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2582397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIWjaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqkzw//QXCMwCFyI63J637t9yiwWlp4XQfko4vGIqT9vd+gPMXOu7/Q\r\npTePLVOxO6gnfPHiohgRTf5nx85ibZO0GKOxj0gwL3jyAmrg6ssrdqaxPPKy\r\noCxT15fmT1Lckaq72JaMcsx5u9YJC6OWY32VT4UcaGE46zeLJIkBXb+u9QRb\r\n6ZDaXTpEEt2PE3dJLl0aaXB4/T1Nf7D1dxf8RDIK6n5sa5GsHWysvogYqZld\r\nbQGYVrJQQkU4rvDyunmIo3MJDS4fQUPSj9bpvic7kP9wWlo6Su5+rA8Z/+sc\r\n0bZTupgWAYzGNg864vsx46JRyHZvDo4MAabMfVfVkPNfiRJkDKBKxwHNJB9P\r\n8w58inwTY1uYAjEN/fUgR2/SjYSxLCjFquN0zti09d/7VCvc5bWud8CSW9Wm\r\nwA+l1Sx9urMGXOHInXDWfZvn/bRSgMmnSm9NRHiRkJOlNavcsWro+QdwZsDu\r\npHQcmrkoZauorwScdts9c6yUpSuf06D7pUZSHPbh+yuirctKo/J6SZx3zQ8C\r\nMeXfKJkCuqBo/ILoxWlm4WN9iZ/S0b67t7jK4sSWx6S0rKQwjzL/izinxzHK\r\nrnPPuTrIPTWvmX+DDW8taWmWFy/3+WGABPiVj2relUKlak+espA81fODcXvJ\r\nOdPvpszhh0nAEsihLr9HQxiLqLHj1dYt1AA=\r\n=32Ma\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"a6acb86528cfb5fbfe3b38e51b912cdd67e9f1a6","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.47_1646356698036_0.9598369216303269","host":"s3://npm-registry-packages"}},"0.37.0-alpha.48":{"name":"@supabase/ui","version":"0.37.0-alpha.48","_id":"@supabase/ui@0.37.0-alpha.48","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"98407f2e2feb507282010ba82d6d407d3871d929","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.48.tgz","fileCount":3292,"integrity":"sha512-r1WHNV1PbRA9nymagZUJu2Hw4/NH1V9if/IebeH13r3kI4RVzJLOQzpodPyT41ilagM5xqgiqArUaneJ0d/U6A==","signatures":[{"sig":"MEUCIQDoP4MuulFcm30il5nEPhmHWuj0RouUi6teO4wq9+BzwQIgQOu0HW/pkYTwla1gY2lFMzKtt0bWuwhz8ux8+pq8xO0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2582316,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiI4VCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPug/+OB9J/ach+0+zGGczuo2Og6ZTMOhQgrVkFjIadOV/gmbinh6h\r\n1XFF9FL/HkbdOxhCApujKnSfVsYH81I74IWXBCnwkzkzdffX1T8euCyHBa2J\r\nwSD3cSsKZ/MnT9F4t16AIwLGgzoIhsOaMYNjo3pBcP0RzjkoNZd4v3DK9Ofx\r\noDoXyNOO+a5FpBOdU60/hd2dcpJs280QlxVJ8X7tijnj1yASj1IdlMMAhOkY\r\nzt/Nauvw+k2MvR8KHNG+C5LhdgOHZHbGuc3mmVa3qpACDsswxS1zif32sEbt\r\n6E0XsrUHXfJ+PbEmypG/Tf2knTIOt3XSeORD+USnmf1pghNOcBf4MaBI94Az\r\nvrlJr0zIqb6nsa/Xyc1i9mYe8JaliEuY/vZe6ut/4460hPbN3Tx308CKL+MJ\r\nMB8u2qMM+Pd7vWaPuBEoHyrvOUU9ieL5ED0jZy/0Qpvh500jnr/WLaDF/4SS\r\nzaQVin2XvTj/lgHYo8AvOXNW42Au7pSUKP6mu8nB9URuwd+oEnxeTcDcWa9l\r\nF2Fafyu+85T+xDqR9R8l0Mle+obWFDCYQhD6NbfA244Hd84Ym41dItKWOrW+\r\n9kLPRsQjqTnVSV77fJOPVDWuY8HugctHQ1M77L90ucqVhIwfLuXERHSnSxaF\r\nCeIJxKJXiNg+4ZLeBvFD4x1eaCZKeMJY0Yc=\r\n=RGKK\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"0ef14c5f4da9fb93cf768f4d18f4df238202d200","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.48_1646495042225_0.4506812716024582","host":"s3://npm-registry-packages"}},"0.37.0-alpha.49":{"name":"@supabase/ui","version":"0.37.0-alpha.49","_id":"@supabase/ui@0.37.0-alpha.49","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"cf0a275b937bf8e7049fb7ff771bad0730679ea0","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.49.tgz","fileCount":3292,"integrity":"sha512-gBQYEjUUjI16Yo50XUmRdwrmOiJPri+6GFUgZXxO6j09N2jGCU9kTQWAlDnZ5p2iw85kIqWIGMWldU3PJp5PQQ==","signatures":[{"sig":"MEYCIQDKhfeHsJzRoq6rFnwlTc0N+qlk9UvGwDwYsU9mukmLfgIhAPM2dd06XOx2XnYcKfBa/ghsByQNUfm2FjYJ1vsW/bzS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2582691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiI5JTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqkyw/+MQ9n8sgrFamSLkAoP1MGe6Z1fVqCTONFc5IQ8KQWHtUj07zn\r\npWBE8d08ravEoSIqwIDYamqNlxOTO/S3TPyJmRpAtvUMRW+yuMCkXK0ooJHv\r\n4tuCO43KrIWashKIjWAbzE+e8/wWvTqoqUR99DBXnCWgyaFZAjTI1/2kLwda\r\n/6FpL6L5YzhvuNPDNYBvzKnxbpdPALOtHjruCvoaloE4kdWONQ/vwe9mDoBn\r\nceU/ptCF6epqO85wlPluWzjNuBnFWz4oOHpVod/te0fEyzFmtfFPS4GvxDBd\r\nzeIi46bp4HE2GM8LoE06/TxX+dNFdbTHG7UEoTlHGA16Yi6dm8RM/nBh8OKv\r\nkWvgrSQFJCo0Do6WIrJpSxKCoXN0/k/Rxnp1184w8Iur7xg/rb7TBzG4iBIU\r\nYy35DKmX0pVhYIhSi/QaTCFCau/JX2aFTZhJ1WJw3Wtj9bymEekz0+1nmOi+\r\n54ZDBU55qusKpc2fOPf2FnihadoSUdJSuRYwP4M5Ld0eH9GOVf9tPsWhgVhK\r\nbn9JWOMPu3A2yP6/ex1EdF74uGkBQk0FauyunKmpOnhnYO/IE6ng7rABssCp\r\nYgTuRFEZ6cQqgbuU/Qg5tPi2kfFzBVeB437Nv4rw7gPqPlSXfLQQ9YiCpFDv\r\nzDB46JPeDWHQsOx5F7enuOikqXvFTnVvnMU=\r\n=y0oD\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"1205434db49e28e3da21c01ca13958550358d696","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.49_1646498386825_0.04542275566693066","host":"s3://npm-registry-packages"}},"0.37.0-alpha.50":{"name":"@supabase/ui","version":"0.37.0-alpha.50","_id":"@supabase/ui@0.37.0-alpha.50","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"6ddd126d8d4a6827c97abb22d3a651002a34dea8","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.50.tgz","fileCount":3292,"integrity":"sha512-d5jFxIVCRrZ6cHQ6qpuvyaexTmqMnxDWm0hg7vj9D2x5qcmySRCTC42uhpKXz5fKre2TUl38pFT+UpscWw/OyA==","signatures":[{"sig":"MEQCIBtrEtsTzj5DiHkz5P9c4eDZy4pQHD71xgDxlDPa/EstAiA/RAoeKo6+2a5yEFHwT4BLxMLZrAJgrdRTgFZuU7YnnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2582740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiI8eZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ5g//cOLq2AZXydD0HKvAc8RlybgM//KcJ/MgsIH9Ddhe0g2jwTfE\r\nzb4fomujY33mzESWT7nhGutZD5gCjjAqCujDKn7RHf7EtZPAaxv5OE9qBmPa\r\nera6kOZ1C+y2D5679Nob8/8QPqONGGujfN3XOVJcEPzSdHL06G/kAPq2H6EP\r\n7ys/vFkmReVvLUYQTyrxxOaIJLlPTO8L+ipE3dKdwLouAsSP7dD6ssRsSO1h\r\nne2uP7Q6AEi4cfJwhZOmx5R0z8a6c9tRBPMsbde6kZN5uFDBhK1b456z+VzY\r\nvyYa43/9FHj3n76VmZrcBz+H7McNsaHdc/PjN4Zv7gbUVPmkIfdMixczELnM\r\n6gkNzNxoLl3UqXB4Yl8Y9pyGoTyY+H0dzXVhBClwMiqsU6a4zSJeXYri9/nc\r\n46cNj5NpBl4FdJbnlhvbXvZsuwo+rAdhjBa1H+GINvbakNwUDmPt3vtJZRcE\r\n/Q95QPCvchLbThRkWZvrx+j8hzIxG7YpFDSaiZ3p09dOunbZKsJ5H0T6TTOE\r\nupTyG+2icVtTZDEcvEzwnbM0KPVYIPOjwnfj54OP1rYbF+vuwy2Y+OnUt7BS\r\nvUSozt6WVyjAgJ8Nt4imGgAOvn+UbZ7AiihloJ/SqJUnimMClCr3reD74L1r\r\naXj+tjcAGDEbH44PcuiHRgf1mPnbwm8iYjs=\r\n=zQ8E\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"fd84fde10b3304cb77f00f885d31bced29e5fb05","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.50_1646512025133_0.26683662297396693","host":"s3://npm-registry-packages"}},"0.36.5":{"name":"@supabase/ui","version":"0.36.5","_id":"@supabase/ui@0.36.5","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"10ee6925bd6e529dbd5678bc457bff26ee71120a","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.36.5.tgz","fileCount":3457,"integrity":"sha512-SdjUf20sCVw0Ap+x4YfGmjMunUz9ZEipc0bwGxj2f5pEWf12qrDQyhhMcoWCWgjWneITfrjFcejV0jA9zTuiEw==","signatures":[{"sig":"MEUCIHyNHCKs/6plyrYxOI6ikXp/FYwXBTlgSAKHMfJP9C7vAiEAsfP1IpSH/3RcZLrq3r7Q4hXnZwEPmLFH98bmXpOuYFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3162640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiStutACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoV7A/+KVMDxaBssKcazMWUDMwx8lf3TvVJ+cEBiXQ5nd8+JrkK3eQJ\r\n8f1OQFz8KEgcSIUg4PSM4RCgh1qwhYaVUZc69VkNvkl8FBTbrni2qXlQqAwu\r\n/6jqLqu9Vzk9gpXE+nc9GHyPD8lpOY+H0YLOaRqk9joSU/5F0dZTx3/dDDZ9\r\n2aMQDwBu9eI4jVBqMU5tZ5S/8+5JwNPpT9302t/TL9mVo6ekfFsjRz3Y36dY\r\ncv6i1HKDEFBcVUYeBDMjFN0lURikw6S7NWy/4atUOb/f4Y7xUEwPTAaN+WCG\r\nJk+9YBl6t7xO9hlKZIumJKmV7bOEFA+f3j94yUWejoZHwmK/2qLN9/Os2+Rw\r\ns6REcD9K9jru1pCER/eGRb3kb812qwni9TMBQREEe89ZZIAZijWnKuWt1Dap\r\nwmQtrvr9H8y2RHTbQq4YGNrgueHNAqYDQCkUxl+aV6QfFImnq0b5mC/R5m/r\r\nbZjWixTqlpzPd/qlyvanGRWdRXXpqvBy+3eQLR15MBdzTKl0Wq7gOAbCfsIY\r\nl/JpJGyktQqITeHay53frz5YhTcHUyOTMSByRPwWC/CDEH3x9KbdMC6+q5Lh\r\n73ux0dqdf6YK7Y9TbZnnZlM14XZqPmFdQhG7OKkpbtQcXHdpxABiiE+/6N9u\r\nnmcxf8aLb2sXGD6b66IzXTLmRrjZ0SNSas8=\r\n=rRVe\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","source":"src/index.tsx","gitHead":"c280fa175f2327a2c823951843f7e5b30dd6b9b4","scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"lodash":"^4.17.20","fsevents":"^2.3.2","prop-types":"^15.7.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","rollup":"^2.28.2","postcss":"^7.0.35","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","tailwindcss":"npm:@tailwindcss/postcss7-compat@^2.0.1","autoprefixer":"^9.8.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","@headlessui/react":"^1.0.0","@tailwindcss/forms":"^0.2.1","postcss-preset-env":"^6.7.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@radix-ui/react-dialog":"^0.1.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@radix-ui/react-popover":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@tailwindcss/typography":"^0.3.1","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","@radix-ui/react-context-menu":"^0.1.0","rollup-plugin-node-externals":"^2.2.0","@radix-ui/react-dropdown-menu":"^0.1.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.36.5_1649073069415_0.8849601143228554","host":"s3://npm-registry-packages"}},"0.37.0-alpha.51":{"name":"@supabase/ui","version":"0.37.0-alpha.51","_id":"@supabase/ui@0.37.0-alpha.51","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"d2a2c12a1cd414b5ae3a7b7deb68d8aebdacf7ba","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.51.tgz","fileCount":3292,"integrity":"sha512-9N5k6m3iEwR8HYyH7Ekz6EPI2VW2CZZh0TOZuvaKIXSfccgp2w5kcNcRoyGv/t4c7j+8VAyS+H9cRHHSLiwLzQ==","signatures":[{"sig":"MEUCIQCe6qAuMv36eChlK8xL9D8U8aQ+b44yhZ5mo4NLHeNlvgIgYkEjJr8xl1WuZwoA2vvPD8WGesnufn8+aubOVKMLq7Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2582970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTVEzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqgpg//YYz9F/Tb+qEQUq9ZwwL9VGQKhkjKw+kpatY/5Dv34a/Xla12\r\n6Tggd6j58wgcldYcUValqRg2iTCAhg3G2VkqyI/1INqOOvVWGaZOpPwRTBMv\r\nm2XE7xxCxmKb81isSPKD4R0ma4FRLTJl4eaD9wYb/A8dxIHCkAEmYnM07m1H\r\nJxe/EQHKO6pTMkTaScpXRtKdRK2DlycLyLziCVanJBqASIivAng92uWBQjTJ\r\njMyjFYjVwWRSy2JUSDqMtHE2DZyde8I2E7ZJk2TZd+FAe0QCITEZQ0OnNBYa\r\nJxhMQ0QNakkz/BYIFENFT4cufE1lZUced5g3w9dNQZRwuumfKBxuEGr80QNh\r\nf99bltN5FYhyXPgBL2n1I69pQCuVrnLFp3qU2DwKgq7EeD937XdtdwyO60+4\r\nDXiEcKNARrbm4Cty/ZlVFD2qcGvPmOohqcBjEuQ4Q8lll4I3MaPN9yQ6n319\r\nF/Pc+S+iH4bup76QJFqhrirCPnRwnMjIb5+Tr7lDQILGdTOaGuDhm93EPNrP\r\nAPJE7w+CnN4k3wygUlfEkpWOUsjcPBBlJp8sfPLvRGXBvaIzZIF+vqpXIYoN\r\nDL/F/Hxloerrbg7AUvjKHimnm04X05ZJP+kqqitizSiVqqoKIRxEax1+MJ5G\r\nO3XO2YK+I00wBetfb6XjGlGzwGSpQM86Pac=\r\n=PpSi\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"b306ec73046d3a14cba3f9b8d1a4d6f52d583d89","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.51_1649234226943_0.9578104297821513","host":"s3://npm-registry-packages"}},"0.37.0-alpha.52":{"name":"@supabase/ui","version":"0.37.0-alpha.52","_id":"@supabase/ui@0.37.0-alpha.52","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4c4d04404b76b586cb0d45bd25b61574297ed242","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.52.tgz","fileCount":3292,"integrity":"sha512-KXCT5E2GD8MSE8k0JSfwImrPDDfRYWF1ymO8tyHMGiIwEImigsxWd0zfXPEWmCtCg4XuUtiKEOCrVr/MXLUTWQ==","signatures":[{"sig":"MEQCICCInPobOv68pnXzcfLtGDpRFnvJp1Q55B6HeMbiLCCnAiA71w3v2R/cKBEa54YIM5wIcD8ylpFDyrqWg8XSgubgKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2584018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiexLRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVexAAha7/gAQjGDN13ig21Zc1JGocaBe2feMzzS9Picbi/SLK7A1u\r\n7luKsBGhKvf8X+XESHEQ7GdpSIgtS0P7aADIJNHJiy+ZZ3ZGI5SEg1lRE4y9\r\na8SBw9Hyl+K+TBDaX9V7yA2xNwzmGp2j5a5+PQeslcEXjsbhsPUtuP8a3Etq\r\nVhs13hAlj1HR9YXzJxLwuMbLCRSWOoahU11khJ9xRGiWqtZuB6UUDhMpyt3Q\r\n+r8abihQ9nX2oIQNPr8f1y68C6pe2hcfAfDhEcpMAsKGwBH4swg5zdRbYgpf\r\nJ4v+jZk2mBHTgYKSk0dMkT9zQpI5lrmsc/5MpxmdnVApBNz+MiIM9pOCQkez\r\nRJIjB+cnQmQhnpgiQT9fIjukm78ey0VuKsto2/Ul7/Dw8uneQscbp5r3nocU\r\nPqxCEZJHJV+8Kcf9lU0oHcdOME7SWvHZATE6Qw+orGJTaF2ifN5Xe+2FiWeS\r\nWznbo1i/8oUjUcro0UYhY/Svmg6PU4/0toa2Fli4JLpYs6t03Qx69GEhWjd2\r\nEOS2h7tMVbeYKyh6tdIsqYkxnyKNtXaahdcBa7Uj+IGxle+rKUdcYVpBnz4F\r\nE17vQC0s9GOzIUntdkp4TodkEjsku8W7j6HAeTUtbLyYAokmCJpsQLUCRSHN\r\nS+OfvMGwh8Jdux9UiFDnlyQCshJt1l06eYY=\r\n=Mofk\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"cae30c0867707805b6b3d626d33f130eb253377b","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.52_1652232912974_0.18699919023769596","host":"s3://npm-registry-packages"}},"0.37.0-alpha.53":{"name":"@supabase/ui","version":"0.37.0-alpha.53","_id":"@supabase/ui@0.37.0-alpha.53","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"864e0540713abab6d46a6f4c9b8244b2b45d3b3e","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.53.tgz","fileCount":3292,"integrity":"sha512-4ANsI6KECa5FYUZ+ZUQlCiuBRm79UEuNLKeEEl3rOBd4l8s6Oy0kHAIV65LpXDB/5DZAApFeu7bPhnmDODJXzw==","signatures":[{"sig":"MEQCIAo9/Fbl61AbYGhx5K/pcwuq625SlYzn/1d0pA66x7VQAiB1TlKF0AsO1GmJXJFZQyL6qVk//wlladVU23s0Ze3Ltw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2583981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiezVjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1FBAAhkSA/CKuqMY+zaItKAq2brJotS61kZgtWpLyM1oGRfCeDPdV\r\n0Mbz5Wd7jpOcb9vIy24U9gNSPXzayrtuI3hAUTXjN1zcnJXI+5qfN7zGDKKF\r\nd1rFaqRlbrUzqrDEcSLk0cXMdBPCS9JCoPzl1vms+cWADBfjhbQpm0dLjbKh\r\nBvQ34nRIc86e54lO43YA9K7grAaRjkMdh5TfAhMDtTdthy5yhW6rzjjhgptb\r\nr2GRFWlTIsbyKNsZHSjiC4Z3pMsQoo75cVjDkjy5CUPOoD1OFdtDwA5fKig8\r\niIHF6sKFVTTOpP/9fKHkGzNk036hDlr8ZGdxz9x/mj38AFlxD4Lx50olUSfM\r\n9jU/KGjzyZlALSDpDuJoxsFUMnJPh2onD1XZW/pDtz+GxbABDyyywRIoM/JG\r\nv2yEKKMkOzUXhtcf1YWy+CU5V2HBhVEAs32Rv3/JvPGso5pluRvrNmw3W862\r\n6n3ISY0TW8tuczLvEfcNrdwEiSlgsQurzqG8/0BuY+uJMPPOC3MzmEfODneN\r\nGdPidCzGBUqKDtf7ck1OZC+O3v4Y+TprTPrLVWIJBg+usSOTV1nYe2zX3ESx\r\nyR5Q2b/aSj8lUeWoDIYU0t3dphgvBEsi+W9uvVZTz3sCmaKKzbaAxXU+rxDw\r\nCBsOVb3V7JiBPSXYQu7mUB9snp5HFQupiqY=\r\n=uYdd\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"5cb89d78aeac6d0838f9359fdffe1c3ecd472e72","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.16","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.53_1652241763336_0.9817185636757295","host":"s3://npm-registry-packages"}},"0.37.0-alpha.54":{"name":"@supabase/ui","version":"0.37.0-alpha.54","_id":"@supabase/ui@0.37.0-alpha.54","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"c22057fe47f2bf7ff6f7d370b928cc84bd596bc1","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.54.tgz","fileCount":3292,"integrity":"sha512-Bdnbg8tIEBLjRQ9MdV7rjf3Fldool65g+uE0lM7GZwVhfrwVQKDuxqc8JvTIs63abTQBJmeQCIpoUAAuIsw9UQ==","signatures":[{"sig":"MEUCIEIhYF7S3FQzr+glA6cF8/XAZh5Zwj2/Kfvq0noXS+LmAiEA1PnX0QgYD/F9cN+Yl0zLdcUFjVW4o97vfg8XMQ8oE88=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2583936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJ5zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6KQ/7Bu2Y8xpx/qZfrYt1rLQcaYqgWRBSqOuBGuBzWiAYubsRRoQk\r\nzo0+1lyxjSiFUMhWSC4+aBX7Gm/hzVV+OFZ8BNJ0STNjZOGojpFpRbIPqJQK\r\negx399PwkYHRzmOA86oVq6KYCx5um/6m0hlXljzHSXCY8b1HRIoDAmUp0Ips\r\nBEHJXH9jLgOic06dI40WinjNipT2f98/aW90wQSR2Lzf9amz/Oum1dR0DA4O\r\ngHViFy42kwkKFPtrFtBALaFCzrWwfpfIOqy2cMvXlDeSzhHj/9+WA8uBXiKf\r\nQC8qZhyGC5G6xeVXfvjYAI/jCip/2RysZqQ4EilEHMfqE0i5BihodhHtnssb\r\nvoC7QHLwLFrLUzcgFzOZiTJV/ZARHuFgmQDWYpJo3H7mNc8820lu4BaJK5Jv\r\n1nb+SGrCzuC0buVfT+eNkN2C/jZZvjhNYjjnEa1H92SCsVa93x2D3aKWd+UA\r\nEyyoaCncTB3EjZT4tbzZfUrMRLF7Yv2y7GNMq49G6uUBRTHH8K3/q7o37Ng8\r\nP+tCFsRv+2S5m/J92tdYrfkwJ4FhDe0j2uv06eAAs3GImMZUHL/59jiL/w8L\r\nsExajeIvJmj6v6cgUYMQXuvdaNjIYVurwmf1B2SuVCihnvm5AckvCHXmqfhi\r\nUjoaJ+VXHnnejRgLoaHw+KSx5AqtRInzCMk=\r\n=d8dK\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\nThis is what a regular tailwind config file looks like\n\n```js\n\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n```\n\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component. \n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1 : var(--colors-gray1)`;\n  --colors-scale2 : var(--colors-gray2)`;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1 : var(--colors-slate1)`;\n  --colors-scale2 : var(--colors-slate2)`;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually. \n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!). \n\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\n\nconst index = () => {\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">\n      This is a panel\n      /* content in here */\n    </div>\n  </body>\n}\n```\n\n\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"cdb5d3a8b94a9b4ca62076e92038234cf18dfa4a","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.54_1653382770688_0.7681442222890136","host":"s3://npm-registry-packages"}},"0.37.0-alpha.55":{"name":"@supabase/ui","version":"0.37.0-alpha.55","_id":"@supabase/ui@0.37.0-alpha.55","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"e04902824f6b5742269dd45ed80a9efeebca0762","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.55.tgz","fileCount":3292,"integrity":"sha512-TInf8ZEnQr0C3PPyCkqvOyrV8KhB2JjCwzdfBKYkMrBEXPYaRKVzAch3ecz4GOsanAHSI0w9t6x6MBAOVVg07w==","signatures":[{"sig":"MEUCIQDc+B/BNO4MB1Y2v08KPJaHfcp6KuU4swADaEeCcRe4ogIgU5jY6f+DVmI99XABLV1FQ6hE4bueAK6xQpPddAXCiT8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2583883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijKVnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzzA/+N93pWKYsq+mzeQ34Q2A8nGXgrio0UG4i3JLJiUao7SML+a8i\r\nR+YkxXvGf8N5GsWuBPdslOz2dzr8p9e9WzUr5bR3lxZkaQvhJptX7e+DszOT\r\nDG3fedi7vt8ZBnwDTnhWzqCXPVrYCj//u3pPjA77CiQbTy+aWZIDdMhZeWgo\r\nvms4/0jDwJxFTahxbiqeuf1xOJ6ua1TW9P1mRJvS+tGtRQtKL2N6bSPyR6+Z\r\nvW51mmB8oDAdIpFL6gjoI9taGNcniqGDXvmhNiCdCEyQFD0AWkPRPP/FTTuM\r\nsvbqOYmjmKD4H2M2mcKeTkVZQnZrbS2TupuUjXpKMqEdM5nbRuiKwTd/xOfN\r\nRaICzKC6bsV61PaX55CvDIz1QZveu8c3/H7w1MKiE3sIkYi4aynJbyLFU1p9\r\nlzJ9Gd6BVMc1vu2JrgDlK9TaovHQt2Tp3jep+83mNuOyK1atv4JCGMyceMsQ\r\n0TcLZoucb9IM2mc5e/31QfZERZLOmmGzRP28Ow5zWZc917ezKcJXo8/uaaXy\r\nBENLsIP4N+D4jKyeP3gRjGpjU2EUvm1VLDl4p/9AU4zzLGGvD3XZDZ2fPea5\r\njuLv2cT4z02WCRcDQE4po22tiyIB+JpoupKFE6i7J7xjbCGaJtRjfb1d1Ynj\r\nLAImo3u3/M/THPyzUrk1AW1oeL9XGRhayMw=\r\n=8my7\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nSupabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"8c5b6175e1527552414d4f06aa8bbdc712da19e7","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.55_1653384551142_0.6940453603491552","host":"s3://npm-registry-packages"}},"0.37.0-alpha.56":{"name":"@supabase/ui","version":"0.37.0-alpha.56","_id":"@supabase/ui@0.37.0-alpha.56","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"da0f85b29ad4c2ecd3d5a4a639c77f5a09040c32","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.56.tgz","fileCount":3292,"integrity":"sha512-bXiDAiUMV7h2PhYZORGBXZkakU7qnhc5FzshtXN7cKgSnenAiXRhj1W2nIMjUB23RYd9yjvthrpE91HfAd4y4g==","signatures":[{"sig":"MEUCIQCos22ZMN5Fk07Gtp98zg4/wzbj7KjdI9u8qKitJBoLSQIgEqN32ldQS+M92lYY0j8wjvk4hqjiGFcoZTLkKmNxI3E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2583889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiju7KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmcA//dGDZTjObq/Evwu8SrRiwbjX97T6DgqcwfiZDVV5p+H2aBon7\r\n4JRip47Ij1ApxAzJh2T1HRJQ7hr2Y76ozEgq3W17iRphsAORdt/rhuhAKNR0\r\nFHi2F+d6waXj+nxuzIL/dqXtnqqh7c12n5xJIkauQyoMSd9iXDgMGwkCddfv\r\naGMLy69dbn5UAlTGkLoR819eXgJ6YUQlKPDyZGIxtzm/gWErA9caQcbNs7IB\r\nlYsDc9hzFGP2ZqevcUX6Jto96bM6677PSg3qMtqRhP4kazKpoMM1GFnkVFX0\r\nxmnomWGC/loHlo+hbO3X+0cL3juYYTqhMRdLs4wzo0Y70ZdgEf0RZhD7YhJo\r\n1Kw3nL5XwgiUv+Q9tzoW4Z4xZdpt+/EwjVHjqzpm09FtahAeZZ+2gdQ0lu8C\r\nCQifdqaLbubsUy5j5vz7iKphmESslUqkw9BMDoww+SclHM0nDJgXKOBwbSqt\r\nFfROaLell+oWujUb7JoH8bzGy9ONSUh2dW2d4ICuF12kZvszCzN8szzyt2Fd\r\nIh4BTOsswPEYpLsImzsWt3XzfzBtIxdcv103djwRIWcYTQsUTCULBSEgOf8P\r\nnNqEu/RX8JofD4WWS3stD96TZEYp9xirJSCPkK9yYVrKyD1y6OJOI3aPF6Fg\r\nY0Zawm+eEsJ18logFHAmLjg9BiCqgWrkDG4=\r\n=iWbw\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"9aa286f519700f3062f259142889927105eacf92","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.5","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.56_1653534410731_0.3920360636874378","host":"s3://npm-registry-packages"}},"0.37.0-alpha.57":{"name":"@supabase/ui","version":"0.37.0-alpha.57","_id":"@supabase/ui@0.37.0-alpha.57","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"51cbfa4244ed8c149134b92e6c25fd5c8edd646c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.57.tgz","fileCount":3292,"integrity":"sha512-A6NdTZUTRecAwFKXx/SX0VwRyPpVEYdh36UNnAsCIPFCcphry+CIvrxITLMjNGeJgsnvpEY3opBHGx75umj3Qw==","signatures":[{"sig":"MEYCIQCPCrHmksfozdnf/4M+z9yrKjOOqmgUOJirX31ZQpXLdAIhAPV1BQXYTyKS+YfPBL247bcDXj0JXsKb8xbxnxtkjwDR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2583889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijyBJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmps6Q//VIRDsFM918FY6+HRcIY9+Cv01EbQej9suXs2vtzHCL0bFrom\r\nJkMSPLJGJYV+pQDdSzRytjwapwmXb0VysVrnz4HJWQeW97ZBwki9u0hYOHwH\r\nCZQwkNhuPl7s3ncTxTJpzcv7NPYvWCJ7f8jotlVa0nLoGpiHlh+NC2T6Fi+S\r\n7u2UM3R/MDNl7uUe0hJ6NcsTpHJOA2a2POPXc0zpKY3Pa9XzrDgpYkeRMtXS\r\nALxdVUjpWkxOUmAuqOJlePfXLdkMoks9V/0S9HyfIl2FlakcbQLSpbLzmFHg\r\nG/p2uylnocTImWcB0GK9jhKxBsrNimm/pJJ8s/VVNPAyDyNBMVxRlLBEOX8+\r\nqKa9k+3G90s77oijg2vk0J0qTQGedlp0qqaQLnKbASjhUmPIONapEmh7Bx6m\r\nv1e609TYiBRPRG/Udy9VOT/ifRpo1wRDR9C8UNlHWcwB7pMesFZwzpR7ROGa\r\nOwJHo+YpTlKkdE0WvqKaYXvrBTqpMkuOR1LVt0u2Epf7jQ4rNngy7HvyapvI\r\nKmsyB7BqEn5WjbsvRjFP08SFhUJ3+mK4VlXjZ5Mux6dSDAR6R2AxASarXNBG\r\n/ym6sxwRE/QFLiQ8cXYBNr4Y+0dBSBG97vQGMLBGy0rVMiNiXgQk8oH/pZFr\r\nSbml2bOcbpcWt46laOWc+uSO9c4pJbDssfY=\r\n=uLVy\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"81da906446068eec64910eb29d1cefdc7a3ee30f","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.57_1653547081464_0.23686274587442901","host":"s3://npm-registry-packages"}},"0.37.0-alpha.58":{"name":"@supabase/ui","version":"0.37.0-alpha.58","_id":"@supabase/ui@0.37.0-alpha.58","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"d2967d293299cfdd879eb5f9867a16b597f526a0","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.58.tgz","fileCount":3292,"integrity":"sha512-owL7tiqmNUtIRlv/dZVh29LvcgsftDciDjOjG/3bpZ59xgZl24MmznQ6EIaJaZ6dQzCKIX+LqMLM+QSo/StveA==","signatures":[{"sig":"MEUCICNZM28e3NvfmCodAw9joOr1PQyPxOGyxLo9yMPct7ujAiEAsp009oYfInSjx80XD7LmvIEDJvmPpgIMd/ibKY6gF3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2583953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJildPrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpC0g/6A0DQavP++Mo+lVZhtZc5sMKVDID7Q1sxWK0GUXbFr3lza/yj\r\n/Fo8XijzwRbvA13Rb18hfBhOYY216Q1wcodT8pvY51BK+GYg+0qVbu/nqoDN\r\nrFCgBj0xIr+n/q8V6WcMScnRTvR8rEBfGWEuNjhKEUf7qeKBq3VNIcgC47wv\r\nQUu6PSRfxz0ACexyXQhyoC0+231OHQa8la+oT0qwRywc55NPqJA6IS4uJQ6S\r\nDXHvRjWsdWx0VdS7ErdsnL1lRT87kjNxJvGFjP59yYCwjOt0NvuWGy7WeicP\r\nO+x1MLP0UThLWh9GO2QZ+M53fMDwmZikc60mN5/HYcP3YX7ohhNpkRDwCYp+\r\n6tNw9GeF/0DFixUav7ixDO5kI4ODchS3ziTKrcajSlgWFqDkxo6d2Zgqmy8x\r\nonhwISaKOqnEH9TcZPk+KobiDVLRxfvnD0edULgOXjxgmh8erPQGVmQQvj3n\r\nupn8fkRgHeuieoLtGLhkOhwhu8/qraVuh5UQmzbhSEbfoxoVaZ3IYDjPc0SX\r\nmMKaxufURf0Q1r+gGXEWJEmhXuFW5rK1SAL+/RaB3bvJjKrKVJbl0v86qE1O\r\n3lDi2I5Ij6qIWW744953740+iobonXwH5sVt606DGVexibJHmU2R18368g0B\r\nHnPwYEM5odOhb0lEy62MeMPXbOjSOEBl+I0=\r\n=+I5p\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"87776677af000bed91998403b8d3f936b8b10592","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.58_1653986283446_0.3264806984212085","host":"s3://npm-registry-packages"}},"0.37.0-alpha.59":{"name":"@supabase/ui","version":"0.37.0-alpha.59","_id":"@supabase/ui@0.37.0-alpha.59","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"b47451c0be492c2b1d6bdfa9628a7c08c8af53ea","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.59.tgz","fileCount":3292,"integrity":"sha512-z/vJ4qs+++asy/e5UFOxD0MucoL7oAw+PIDEjt/5OIX5crz/kaUJCAL+sshbXGpCMH0mRMGSpYA4PoZw32nuug==","signatures":[{"sig":"MEUCIQDCSekkBDiwG4QUk6paWeEumnj6PagdyZoDD48QN6wVdwIgUjouERCIog7GOvbW39OrKT+/KyuksuFXBbajKaiC3Xc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2584900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilu/3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/jA/+JOS2uwn9VJiw+g83iOuAsYo6HMDR6Asou/90siCMePKUsS1T\r\nBDtt08sOfz5eYNaD9qmqp+f5Bb7kH2YZyjcbF9g7AdL8HaNX4GyZyPL0E9rq\r\nZwMzaWFdxjjvqhC85VCwQEMCSW3M0f07urRIef/i+DYGqB1EugHWJVcoOsnz\r\nBeouXG7hS7FVBXdJNXyOOY/cJSjlJH6GYUpNO/tcMM4iyL0ai8yfzjq1xTDj\r\nfwf0YsCGizKNy93ju6DaQ2QxvzCLdbTfPt3LXv4+TVVW5heuWbJUkSaGCR18\r\nsyPUwHmjwyOvtbSEMd9u/+xjFoS6edNy7fShROhBRSZBl+PoNf7+cJOOgnoW\r\nlLRlE8Ji3SwH980ZD9LCH6P8m/J9tnEzergPJJ/aHV5olduFpi05DFjuv+oy\r\nHGikfgAV09pHrJwDGPft/YQdfKeANngqpOdRjiui4kY2IAqivFunMfkLnSez\r\nEztAn+pMv+LRsmvNs5KwNKVImPBVVa3sXL1duIdsRYoFa8cgcDetwMJ0B6ov\r\nO0LqjvEwOJPefO6uhUWTl3B/6peCVH27QTADln7Adtd7PnCtv/8gVL4mS8K9\r\nzCWhJicRzQJ/6yYWpmMJlQwYnyTQR3MOoTc9nmW+PzDntY0CXs77eSMIpJLR\r\n3py9Al1aG3brFAKbnKz5h3G689Lf7Lsn+ZA=\r\n=KVhN\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"7c69701b5461b51a8a51e6eb7954e7d2258a7a1c","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.59_1654058999668_0.5412952569022909","host":"s3://npm-registry-packages"}},"0.37.0-alpha.60":{"name":"@supabase/ui","version":"0.37.0-alpha.60","_id":"@supabase/ui@0.37.0-alpha.60","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"e0b66a5b50f3a038faac461663ea7e46b5ddd351","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.60.tgz","fileCount":3292,"integrity":"sha512-ei4ZldqNqyHfYNIMcVlHum7Ja+JtO8w8RDiICk/ogMx4sKbdMpPad+iKtpeJIg/7dpWF8Ca1rGDuzSjAQzbGqQ==","signatures":[{"sig":"MEQCIAsDKBq9t0CuIvQUxFS3erwuIOR3NRKWcR1gvEJz/giQAiBr8IVSmmufCQS9ckGkcR/uOGfyh94DbtYSA25vlTEDmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2584898,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilx0nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkTxAAhfxo9nONj+MDwdoSqFZ4B+XYn528JZOYy8EHqYlEsGq+P/Ix\r\nf5oPIYc1EJnE2vjzNC1EXVnOycDc3NTJCJz3qAazZj5CbRHey7nk3PS4pZey\r\n0wvFJxciLZfAaG9L2ZYta/ayDmO9CtQBIGXo+Y4URMYl1tLVRw5NblT7akPE\r\nWzH+zy0Xl96eAXm8dsSuenuXQi+gR3JtFKCtvTKxwyKdA4D3MJEIQWEp+5Up\r\nr59L1MVwC14ll4dDpmRA4ZdBjJ8PuPApkwBeSo1aR0oki0mQ0lJPJv7M4kgf\r\nG8UNCQySaQs1buDNG9hjdzVV/wdlsOCs8gkfdXAMeu+DRFDpEbYGEfnQKXqk\r\nEX21NFkreLvp74FQynElWCJnJazCMZXGQSJjx0Sm0IT+AKXS6qBCXI1j760t\r\nGLtRqkRlopm1rSJ1LGf/SctkUOwmRD4jEaTlE1v+zoNGu5E5Tkbmq+19UgKb\r\neGPFx7iGltLzCwYgkKtEsAgRPuG41vo+Rx83SVnjPni0nKutkg1ZJ+Bf9FeL\r\nmMzadjAjERXIgYUqtKHrALeBVwYGeLJeP2bvUOsddTpEqHcuYsFUbBSZ26n7\r\nB825JKOfUYRnL/MovI4tPTL7aKFDHD8XTwXu3YQDIl5XrL+IAlRIw7YVGOzv\r\nx72bciy/S0E4hyVi69J6x5Wv4mIa8ohXGMs=\r\n=oirC\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"620f9a51c792b8963688de649e66f1b0aefd6a2b","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.60_1654070567131_0.4724027013488592","host":"s3://npm-registry-packages"}},"0.37.0-alpha.61":{"name":"@supabase/ui","version":"0.37.0-alpha.61","_id":"@supabase/ui@0.37.0-alpha.61","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"da08f414e71223aa36c489062cf6f86c591732cf","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.61.tgz","fileCount":3292,"integrity":"sha512-dO8gaZ1WcGoEWy7ccQhM4zhNycT0vNgQqIS3Na4/z/BI9BUh13r2abQsHaV1htksEed6l2U4EDQLBEEdaaEUeg==","signatures":[{"sig":"MEUCIQDzxe/fmSL3rc36urHsi8Jy5SWjB/FHrDqUP7gxGU3h3wIgbKySPdTsYfxggpKxu2b4vqFxk+IUrhEtf27lDHDeKPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilyDIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDhw/9GC1EzzmhsSbFPJ/qR6SPmBWddzvbedNue85YgiJcUqWiQc32\r\nX8TZX6qiYxeg07brXzVnUj+79y3XIHzyU1Ax3mep2cCMojuxWQF5kvkpfxga\r\nhvp6ylQoa9DvMTJAaq/nntHuKlZ+K4nWY401i10bF8H3y08xIW+5HEWM+7pn\r\ngpZAIRuqrmMQK725PgXjomJXHtifp8WcB5xju+1jXbyvXTCDtOzG8E8QwjBo\r\nX1Jt8OquaL1YlqkX+AWJdMIKNbM5kZYcgeTgpYyDx6cfZ7LJrbD9QtxuSzj/\r\nEm1yHCphbereIwa98u0q52lJSeIsrABw97MC0udetWYMbDWCKq92j++/faW4\r\n1D8dCjpuzkyATSp7UGyOE3dfD09tr45rtxWCmtkLpENvFMIyUKnM544jYjRi\r\n7wBx4F/O/yU2KV9noZX0bWwLS8NgsGoUUinf9VshtIkK/HhMhZO1j5gzYCEc\r\nYcRg0lfJtVYy8ljxru636EjcOfEECO00ILLxPEfIQhvgarj/zI46RX6B7tnV\r\nBHWl9PQEiUb9a+fy8pYjvq/1KGEilJnzCaNJf+srKWrc1XEPx+B6VPdNhGYW\r\nVdy0S/qUWYTrY/wjNWbNhxp0cdnXo/mBKOBTMXUkAR+rTJJOmqUQE74kJBJZ\r\nkoE/T1jfINq+pwzZB9ec8SVGSd37Uu4rOhc=\r\n=2fg4\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"e99006e78669bf5725d58d166fd246971ff3ac64","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.61_1654071496534_0.5519740110544715","host":"s3://npm-registry-packages"}},"0.37.0-alpha.62":{"name":"@supabase/ui","version":"0.37.0-alpha.62","_id":"@supabase/ui@0.37.0-alpha.62","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"bc7f8912fde3ae3b4149b029374eb580950fb592","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.62.tgz","fileCount":3292,"integrity":"sha512-E2WihX79wSwdgR+RKF407yhLLTXuTnTr00l8Zp5633VkrqmuHhBHWrUL+ujOVYNJhb/1k9goycTS7tYst5EzLA==","signatures":[{"sig":"MEQCIG1aCutTvyBq9MoQClgqrBtxV3Qr1le9yG8l6BsT04Y2AiA1rXjI2yV+0M1px41sTG+5sn9iPit924O4eL0c0jlZJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585175,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilyR1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXOg/8Ctk5L3Ch80qVh17BU+thkp9QXvh888d8EBAEwKMTy87UhUOw\r\nYsRUd6a0yCmFamdjO0/yuFzwRHABfQfc/EsE5wZjxYR+1uyz4CnjPwFhk75q\r\n7SY6onGTkW/cb3pr7NRzCdJj0XEJkgOlhzQFNhu27xfmYivh4ykJP4u5fIU5\r\nMVFiylCfnp7AjLpaXlR7tn1UcF1z8w0/eY854flecDzN+1Ih3JzFG4CaGMXA\r\n910RIabrs8zAHt9vOdKyXf2nlGzbdoQtDb6Qm1wJjSEFvdk/8F3CRdMhflJ2\r\nLadJvWEF5CI0G60H4D0ggZU5b5A0T1Lwlom9RnSqNzR5frpwW2mXUwxRwC7L\r\nUFKdPiBGRDTOPZI/TiZ6LeWtZPf+qRhCxLLXQrdXRAEO53DvyRSJ0uNnZhb4\r\nmRynk8x2bzfnvvroA1okP9ht9Qgk471G9ym3JFx+6jfxVYSK5csYNTthXsah\r\nK9fYP0pauO+NVPgfMh9JfYEVETVONXREmOTsQPlJiA9ZhO/PVDHwN1ICccnb\r\n8fcSvs7mQp4GpX18QjTw8AlRrsFedsO6czTHfRQRBPsIiuETdSy4Ve6/Pi7t\r\n4wWRlHKTbp9FnRr/F/Cn8/bGgmntfz1biJ0k0nsOa89JJn9PPgx+W8OK6zev\r\njm8Zm61p/BOdrWKOLME9IGFjsXLdponOnBI=\r\n=smUP\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"10d66223e46660d91b9d2d3bce7944e59b5500f6","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.62_1654072437682_0.9671106225549999","host":"s3://npm-registry-packages"}},"0.37.0-alpha.63":{"name":"@supabase/ui","version":"0.37.0-alpha.63","_id":"@supabase/ui@0.37.0-alpha.63","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4b0d94e0c0065ad175c8158fd8b025e08a42b8fb","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.63.tgz","fileCount":3292,"integrity":"sha512-VMFAymtFzdZaviYFvEOfZYKT72A2yq/S023aXsbm0g7NIxedcCBhu60dYS3DlHV0zqzFvkg6b6VHlfRk9sKoEA==","signatures":[{"sig":"MEUCIHWike8yCAqHbhtT+sPSqQnQjequJFGJxbybJtpfhERXAiEAszGhNwElQzz4R0ENalkZG+m8/uSQjDL/nofHyQL4cM4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilybsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmra6BAAjREFNluN7T4VPWBTc+NF3bp+gri2SbCMQYECby0s1igE6vcN\r\nwQwAYoiBUh8CTez3qh4ffZJTvAejBhmUuSx0HK5j3PiZIDnAxBXT0sva4KBt\r\nMlgr+/O+91gSmYLOVPacbmusHlQfhq2acWc2I4r1mtgvZ1Isb+g3DEAczDlJ\r\nYWrvGnokk2NKpBVoFvKuEdxWf9+cNaZvl2JCHLXhwUt34twZkhYHBGlTTGDW\r\nNS5G3Bn2WqXCIeTvJc27BbeivsGXbzWirrRWbbDP8QInwDZvkoZ6jXuljiFC\r\nTW84joRafMNBEJhpQbeD9snIg9fpy0wQ6jOAq0VlPHaJYsghwqJgg8FGLtSb\r\nIiMeBGKdprOgCYUK/6jZnYOBbHfbzYU1hWyt4SpB4aMvb79H5Puu10mtfcwr\r\neyzFRfQLwJmy/g/+bCzWmh0Ddy/Zw/hJSdivfXwF9nNTlf/qXhG3riTPcqin\r\nA1oLv4VkaOdgv14d0AUWPZT/h83NuxNKcNlSADrvTvZ1uAfKSjXwBJeiON2R\r\neRmBWhP5rZm6mp8xKeTc9H7ehrcmctGMz0cHIesOfylbBRJq/CWBYeaVUc0f\r\nuqlhb8IsUMi4C3rVhSvqstN6GzNmZMKLd+D/J4ygyQ3D3eLLFGx+OV05Kbbe\r\njpHTG/Rox+ClYPIQsikDK/x64iljJPEkmcw=\r\n=qTBT\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"14615a7715d06bedbd3fd12a86f58b2c9218a2ce","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.63_1654073068392_0.8170034310566978","host":"s3://npm-registry-packages"}},"0.37.0-alpha.64":{"name":"@supabase/ui","version":"0.37.0-alpha.64","_id":"@supabase/ui@0.37.0-alpha.64","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"2093bfd8c35c7e81d19bd8e54598bc4cedc8c219","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.64.tgz","fileCount":3292,"integrity":"sha512-fB9Z7CAk6Ul4AA/WgyVhLsbxeznyPLS1HGGgX3UKU6yzGRhJdXzvrAKz1M+eFUMEjUuOi6RR7kIwelJL/LVrQA==","signatures":[{"sig":"MEUCIQCjweRHzakm2rsZ/L7a8OnfUQKBnMSAeul+IR9Ik/YC2QIgVLF4YDYMJ0n2ahdRdIQm9Lpvr28DHBIBIKSA7uSy/EY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585545,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinguDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWhg//WKT64c79cajlWyX2h+kjLKxQBWjT6UCc9eALjLJH9/in69NW\r\nHhZVmhzVL3ArBxyJ7Hv8KPwC+506+p65l45Sr5koZlh/va8ceBa7YNDx0HvW\r\nFKzqBZ+N4+bV+LRIMjYbzD8tsNUC5/QGbqz0fod6cNV3eT9J2gRlie2x5/KY\r\nUQpWWBP/tjOr2CC+5EFL9CIMDXxX0ILne4OyuuovEZUIPdSFpTz36Nb6VOAt\r\nbr86BcNzRrNXxcmXAKldiLAUK8hVubSswCNDExQtuhMx0fyPfHuA7OeDXK72\r\nv9Qua6egSTz0iB5LeEm0cQg/Q2T365QkqujwlTNumD5hJ2ZulKfdTEJRz5h3\r\nT7jZAaV49luuvhx+ICki5FPtF1HUh3rTiCHuYAywlcDMusHNyXEl49UZoLXt\r\nA0VFFrxcCQx+2/h+QhIYodC39O19PdV7AQ28cCt/01g8RvmzwHJ0wdOX5ulR\r\nEkssj73gFNQrwJHNuA/rBZZh8LKxYbGh7X+lLL3YULT0EaQj/DYwSypPtWeu\r\nm8eYFKS98IdWD0DtidTyniQ0nVwtZaANAP4jI457whocfaI5oXbFSOFmv2x0\r\nTfP72Tj53cSzyqaqhSia1bPTtOEMOjHMNoA/iSlxEo/tWKO1SE4aQYl4HQuW\r\nlKkbRk3VE9t2GMa2ZFe4qaVF5U7YWw4lZWY=\r\n=iDo9\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"4c949ae24ac76d67cadcf0d49ab7deab8da869f0","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.64_1654524803169_0.7419647543613235","host":"s3://npm-registry-packages"}},"0.37.0-alpha.65":{"name":"@supabase/ui","version":"0.37.0-alpha.65","_id":"@supabase/ui@0.37.0-alpha.65","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"e205c07432fea7b803ebb94e5d44022b7c56bddd","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.65.tgz","fileCount":3292,"integrity":"sha512-11Pm/Q2j7JnhHtZ8uZ/tXF7uHenT4tJU9LCpfiHFgiPI91C9Kt0s4QvLiYehNLr8TxJ/rETz5uM5eODY6t4wmw==","signatures":[{"sig":"MEQCIBtZMSFeXJZMXHicv9zGTcdKfG6Cp01KRpROZpFTwZDIAiAh67oY/aOGCowsqJCCjJSDlgzzgozOywdzm/R5r0ci1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqYFEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzvQ//X3iZB3FJzCnCKwmoo80k8Yw7c+9onkI/Q2xILd3PXMkfiR6r\r\ntDTKaf4dY51EfboO4DxZoPdmZ4mbBa7/seuVqJUxP8rjAijj9ALnKAB566Q3\r\nm2tqCc4d3LAb/ryvSl6oywKWkOHvWBPD6s+n8vr44MCUdjMTjWSLlac0h1Jo\r\nX5ZmrvOTAv0Pq/UYZm/TxdLIxryMPS8wc/aGwPc1gqf5YOy3TmmSC/x4sylB\r\nJAN1jCcuL1iKu78hlTyNcF/c3WUexvMP+lhLP+ESMwhIQpUMjmOtaCEFGf7e\r\nsVp1PFIoqfOT4qgLWHxCYJcDyLNKwWuzg96uZaiYGfS6tSZEU1pJWm+hdrft\r\n+3hJk4vS1qBYYeWedNZNQ4DX7/dc3KiZjngtsGExAg7l3IaCYfitZ+mvDhHr\r\nxm11DD8+Bbd/NJi8YYumQBlq+nC7VZmoQfrBdBE5CfIw/nS3x4wMLpY+3RF3\r\nTpiXCbs9gpSDju2WWC7QNJnGV9jaMndDnUtLr+6QxxkPsQfeW/HTU4LXPhVP\r\noOUoMJaQoWH3hOWv4qbvfNkmmImXQ4Va/qyj7N3ycOUS3x5wrWArq5o2meYd\r\nYD8rBBNQP1N3IVqmAyujko7H/+QnJgJ4uDY1qUnhXPGt+/V0DifuiaEBtpNG\r\nGvYx+S/dnWbJdAeyjFiTNIl+Ag8q0ouiYoc=\r\n=KAvj\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"46aa68e88128909476c1dd15772c7153f045de38","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.65_1655275843928_0.10946496101937941","host":"s3://npm-registry-packages"}},"0.37.0-alpha.66":{"name":"@supabase/ui","version":"0.37.0-alpha.66","_id":"@supabase/ui@0.37.0-alpha.66","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"0746fda913d3bfd941def57c11d5d56798d83e7c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.66.tgz","fileCount":3292,"integrity":"sha512-A50Zry6VISQHTZ9ilvbDNEs9XNvhsXVV5G3HirVYO9pliV5qJN2Aj7Gjjd2UzBnwENkYHHutZnFZghWGtffO4Q==","signatures":[{"sig":"MEUCIQD852yIio9QsPNkWghD+atwHs5gjt+QTKo+qYhX48nKhwIgOI+304YSOQVWQlYYIz4De5AFV92jbZwm0r+xs4Dgkto=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixrisACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqzqg/8D2lhxpm1v+JvqQziwjlytJatCENveF8hk9EDttbvm0bIN2LK\r\njY1VqqGy407T26R27y9qH0xkq9IqoxIy+5jCIjD4z0iCLzx7iAqoutmOgAyL\r\nTQRiYTOnLt3dFrHtYoPGaY1Ynq46pT3KqDp22EXwnPj71slBefVVlddwQ8+G\r\nIpdgi5MEuk97wqrnSW3BUuamcbj/HNPfbHYf/6td9mvaeQNV82/IANofN3wT\r\njDgPjb5ay71Qd1y17Xay+tPQoIi87eVTsASAIGZw+pFoyEJzpMsJL7P1zznZ\r\nqR3YdnnN7L+P1bJnsIOlsLqp/67gLRMlMfwKAxR55el1FBbkM4SsrG63jL0H\r\n6HZSjX9sT+EzEUcAdjvCCjmjAu8n1UC+xjlrVnFdYv8PHkMc+rFbzcPh+prk\r\ncGS994faAc8SVDYhkonNoZHrqJScMdjJwJiFZyYyYjpKmsR2hWjUIep9xyoz\r\naz9ektZT5KaM2iICSal1ZYW/+bq8fdjLRAWEoCCLp73B23zgYwtHvkjuvMH2\r\nA79ebvbUiwkMYZLc4t33MX6dVJ8ppEDNzGsJ7DCPnGSPyHdR5nZ+DttCJRku\r\ndrHgs8YvprXX8ec6CxC6sB3IgH58P0CMXqYiMIBqDMtQKVgz+lapkeK/+J77\r\nRuwt955COOG48MDclOTFmASrPx2vWFCelqQ=\r\n=HFT0\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"71869d25521efd96e5300270560ed58b7eb7208e","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.66_1657190571869_0.3530882717653472","host":"s3://npm-registry-packages"}},"0.37.0-alpha.67":{"name":"@supabase/ui","version":"0.37.0-alpha.67","_id":"@supabase/ui@0.37.0-alpha.67","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"1e9f7669a35c408f729d373c4c4dc75633814c88","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.67.tgz","fileCount":3292,"integrity":"sha512-WnxwGq7HSrOFe9wdp6Gp2zuPNMxAp7PYBJ27RVxXnVGdfpOQhldxLLkfDXamgzAiPbNeJsMi/v7V26mMV8VM3w==","signatures":[{"sig":"MEQCIEtvlj56EmDwe1g3FEkufOnOqKqro3ABPw8vF/pVFigEAiA/LOI8WwmIiYsR1F79nzREa4x9Ph4zb/gynIWZ0V5YyQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixr1wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohIA//R6TECCY78Wva23ef8DnYmLZ2nnI/0aHNnAM3839c0msAoFb4\r\nVwSACcIoIfML/Uikdet1qZ4dPdANb66yd4v4LV3iWBsI0E0dfUwou3XQyXS1\r\nxlB4RqA7fjklIHGcwWREms5UHL1Wk6bu3dQhgdW5ZFnWJsxTccdKAwuwhgN2\r\n77HXCnlZJvs31m7t6iFXycvvymg87JcmVj8j6zi+3Q0aPu5gTl+Vs8xb5b7V\r\nQHHRSPWpHA7bD3EeWZHoXJrL9lwVrpF5fu0YcFtH5lhovLzYEBaOMNbA5kl1\r\n5y8Ah3R48Z6HJDLOrT4HxLda+wZ9M1cUjyayJdI4bX1fHP6rGjMCVt/DFWhz\r\nf11+0ViTb+lnTeFICBfNNl+084VaeQ3LZLWTKMIlNz3NcXPQvxgqYq7m2ODz\r\nEVxSk2wgb+GYapOEM4B00XSyi7hs9S0V1FbmG1vURZAggzedHdLBYQDYeVk1\r\niYMuUY6VqFKvV8CnYyTM+TcxJdten+JlQ10+k5GoKauqrK+azc2WMWuOeAZg\r\nNtOelSXtH5zD/w+P+XXrXsnHxuFqJMo+fAc24iQrlfA++vI3dqXdZfyKHX6g\r\ncEopWOgkiShiFD5ndMQvEoL1UsfGDC+jCnpji7bZNfXIE5YRhihhvDDxhqEz\r\nXzWumAZLXwZockg9uoKZZtQ3JnJtJm+DNVY=\r\n=V0JO\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"53b51f5c9746ca2a6d2b3fda89082010db9c2b73","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.67_1657191792397_0.8435444910514849","host":"s3://npm-registry-packages"}},"0.37.0-alpha.68":{"name":"@supabase/ui","version":"0.37.0-alpha.68","_id":"@supabase/ui@0.37.0-alpha.68","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4e7d6ffcbc0d8ccd5cf9afe11e977c90dad36c83","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.68.tgz","fileCount":3292,"integrity":"sha512-ZkmFKqZirGgiM1NaOTcttUkS1nIpU7FOyd4pkyEJhblQ1KAvH1a4FlpsZi4xz0dNg+2quOZYBAfW4H+1MMeFEw==","signatures":[{"sig":"MEYCIQCc4rQKxzzPbvh9u8ZL5OE6Dteb6e29fEsIy+Po7iR9RAIhAIj8U4nRjevWpxrkHrdzuaXH0519A70Uo7BgU2iONVfr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizSuiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEYQ//amS1UVMIFJAjJf3nUUddIiQb5/mZboDD/tQMR+qyKfeuom2v\r\nsv/XH1vVtPJ7G1pWBptli7dskU8M/OCRBPsw0F7diZwLI7hulP4mUGTqM9pV\r\nv6j/GlwVkuwy5RbPHJ38WoAFRrfmr7ljZvUEHXENqMrfRbY0QT7u+Dny1yK/\r\nfB9R2VnbCYU2oC9rrjqvfToqzZY4WJ3waczG/zZpK5/d04J6khsJN+ytatWv\r\nGMEVgNqe1ZfqwHoCY5kcPdy/pgQiyKoau8QpIhtNBtIDLQjfD8DBzi8Hh1iu\r\nDBGoejFXXpLwaExCxPoVClDS+OxgiZPZLffgpfF/eCUqERUMHWFIhhprvNkn\r\nuqDqrOHBGg3sqj7CE42zMMOkFOUGNUmw6gHy0e88KUMZtzB2AjKr5XXRO+u+\r\nnIw750fHfj+WGXE/IOseBBKH01vH1MZH3Doi+k320kpQxAJ0970JF1Qe3Gs5\r\n0Jqc0fzchUrmU5WMR/pDKA45MsOgfc8Lm9HtrCRkmEErvu7Iz0+qp+KmKvj2\r\nRXwkgiKYMlnATyIAXYX8bggh1M/DKDwOtXwCNJGNrpsP+zSR00x8NvaLFhss\r\nyZNaEqT9h2EfAS7tCenjd+nOITl09ef29nuLZvd/7clZF+aqQjZeWaZoVCZv\r\nSPZ4xOewrCP+syRNH3+1s2OCD4woIkGR6Zs=\r\n=ra9B\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"f97f1c0f94b8d52213e8a3eb649af8500ab74be4","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.19.3","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.68_1657613218649_0.07987845184638864","host":"s3://npm-registry-packages"}},"0.37.0-alpha.69":{"name":"@supabase/ui","version":"0.37.0-alpha.69","_id":"@supabase/ui@0.37.0-alpha.69","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"09f523a403f698b145bc7b0c0aa2f2ca9a6eacab","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.69.tgz","fileCount":3292,"integrity":"sha512-O2ih0iR+CynIyJfPu1M/2+DJr80vEWYQsRPhELMBUltNpFR9qwM/vkkA/uesywMxJc4rlfeQ81P4F2L9YU0EEw==","signatures":[{"sig":"MEYCIQD9CdFgaC+20WNikA45P6xG5WwpsHQJtxr3cGPYBVeXhQIhANW4q/n0V0rzdYcFkrFjtRKpI3jPX10hYAMgrCPBiImK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2584321,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0SyZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6lg//QSKv1HCYrUTphVNRkCYixFo3Dn4lJjELXIu5B1OAxcWi5Mtw\r\nkngTspBqGIEP4fIurl1lV79hPLoGHzTaIPYZvj09+UAa6iV6EaP4c+kEAdH/\r\nW9X6CZP156Zu/jQRafCa/+lhhnarRkxD8Q6u3SQRuF5qERw/UfbnM4yFVahD\r\neLwlX5NG4KzEJl7b3sIegAQEPr0EFGqS0jjbrJxzJVnlGcKqBZGrYLg4KKO0\r\nxHd+r9Ivte8/mTk5Fuy8E9v1UydwEy4c0D5PF2TE2xWiE4W7ynK8RlbzEVV/\r\nCHe/Y894lw7JKyppdLQNainkpgXzbqfcpVuShDxYfqjXG++pdRUO2WiC6e0a\r\nN2ktMtN3gh82mHGH+qQgz1G7FJDrNU1PqrF0cUUwkp2XC6QMlc05PaIr0+Iq\r\nSwb02UYsv27xG9soREolfAHHtC5V7N3OX4dL5OO8i/WLVQMHyTg4p1DjJgqZ\r\nO7eEKjwU9grtnwfcKGRTjO7nwOtYArALIJF2v9Q0yFM1NF3I3hqwbNtbClWd\r\npc99I50mgr6Ry2SU8W1Ev724YU/fGMGbudHNXhB4flXT+MbihRGMLADws5tX\r\n67KcGjHD52F+M81hUD7tkeSD4+jeye2g7/iOLxcl2o/7ckU/lQ0Ce8aaJpJv\r\nDYQ313h1OQMAs/JB81rmO5kLA29UN1DtV+4=\r\n=FkPF\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"cb6b73a9af4557360fd5eac3029a7ff1104dd7c6","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.69_1657875608948_0.12475819700054469","host":"s3://npm-registry-packages"}},"0.37.0-alpha.70":{"name":"@supabase/ui","version":"0.37.0-alpha.70","_id":"@supabase/ui@0.37.0-alpha.70","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"012fbb66277decbf6bf24329ee51ae3eb5bf1289","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.70.tgz","fileCount":3292,"integrity":"sha512-ZIWRHW+1nkPffFeeNOWZ2iuQ1zBTSyWqbDj8XQs49KXPJy3ZIfXNJK/gtuANYHNKeHWswDmboIG7uKQGEAt11Q==","signatures":[{"sig":"MEUCIQCnF6mUMEvSDQqqGFSKJ1J6fhU/lYEDoUHLkRJ7FM4BLgIgPz70y25WJjXqa4pav7EIjajRX4valSNMnnQNiVWXdJg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0TU3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+jw//V5inCKDceJCFNLk1u6b0hB+VBvlB5d/NMgD1S9EWFZt/e8DY\r\nll19D6NQqf0GT2q/nNfmMeyLdY8e7xbiaMSFz4dcn8gYXcOz6/tEwMBeWdeT\r\nNaxJkrHOR5CB0EqZ6Zy/oNZm8ZmNNxti4zSwJ0KcbIPKwM7AZSYD7VKIuyqO\r\n/30sh5YmyV0ZFM29z0sFN7FAATMrFk1y6OFTZVDyM4nBe77XtxAnlSiIqvFD\r\n39xRxWzTjWzW0fm4Xx6ckJPXyXLiDTNWFdmf38Dz8cLifOg/sfgaqIDIzHym\r\nswVKwMAOWN7Hgg5HUyVMio39wFNVQSMAuZGFtjc3iXzIn1B8VxaUF9hzb4kX\r\nZBi9JkD3t3hxW2tM3Qv992qwrs6CZ23I8C03q6E0aaiMntSrwwWgcjpu6phv\r\nAC4ZA1tae3qP5kooQxZJyJwHeF32z+08cqK/BAQp9fByHfRkAOTps7HPhR4o\r\nDIVyrcQlG6ugN1AH6rsWTg/z78h+9KRb3Y/XvlWYBWKHAJE/M4fEmzVEhfmN\r\niox/UkRRuYW+4NwA+POdZl4adSYM9XOIG3VIVsTMAkcrqCkjrSdbjwAHpi2B\r\nlmnen+IRgy4AiQ4ArXmu4I9AmmrRWUCrfh5W8KtW5JVJGm/uNFAVXwWmoZOv\r\nI1gi3YFmbZLaf5rOS5OKy1SWABeNP+pKhdY=\r\n=XZT3\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"b0c7d9089387f0d2a847c68fc5da7a8814f7d7b6","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.70_1657877815579_0.7135538304239675","host":"s3://npm-registry-packages"}},"0.37.0-alpha.71":{"name":"@supabase/ui","version":"0.37.0-alpha.71","_id":"@supabase/ui@0.37.0-alpha.71","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"2d5f898546e94bc199d5ed216a2e9c83eb446af6","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.71.tgz","fileCount":3292,"integrity":"sha512-myK+91/AsvK77SPgQYDj9wXU0Zsld9ODmXNKUlcILY51GUYTpTipMppCj903ax824OYaRr6eBWhBWM6mqFThNQ==","signatures":[{"sig":"MEYCIQC3AnF+lUU9g3/9qooDNqPvk6fFVwqYre7wQ1TPVkolbAIhAPFQdar3xTQGiHwPMV3dqE812p7o7bHznCUdbdIosdTl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2585679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0TXsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquiQ//QBektzObXROKr2m5syDnPnyMlMt6t3PBvTQeYh4T5qyTykkP\r\neqJYB+6A8y2Rhjg3gyJF0udQAkYGAdkq0U80TPUtB/gGZhw4GWu9MljubdDw\r\nrtjGvhAPU4nI8TkKmcXwJB6qgsGtQjciYR8dfuIsl1pPM7r6qgYKK0BygBlc\r\nXQ35m+sJfGr2gcUqWQ/fA9uMWZODFD090hlv9OH5N5J2vAZLA+0sNDQlts9R\r\noucT/mLKZGbfY2eSW8dhdKzmH1gy99VQtkFOxlmGDNvUhHWOO17zy9b+RP6U\r\nx9nA9dYA917okBeuKPssYfJ4xUu4or7LsAQN4CaFsq05RmONk8eQSApdS9VD\r\nk+rRWOvukldgFApGE5pZU6FHtBXZuYg5VnotodwZN7uQ9HRLIPYjUuVSBk0x\r\nz/Dx3QtiQp6hz7cpGvpW7yUZw+P644csKUVQ4YBOMQ8746zdFKIxScw62Ycx\r\n9vMMCrIP7ZV48QBOytdjoQDbnxupct33znuwQaFw+uPL1d4pbYifWkvzBWB8\r\nUEEj6tqDi5YSbJBJNvMd9Bjt2IUrv/N4i696Xt1htP0g0O0RCcoMkcEknWTp\r\nsHIa3pGMI2Z8jht5XRmdSKV2WVLUOHjv5d+NoLkprJuNN0VTwRZp5MI15PVD\r\n2+m8IZGwRs2BxI/ao9DJqxomI/m4pa/WScQ=\r\n=SLmz\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"2e9c79df27b7bd71335798e587d7df2e8c104192","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.71_1657877996475_0.5138513042182931","host":"s3://npm-registry-packages"}},"0.37.0-alpha.72":{"name":"@supabase/ui","version":"0.37.0-alpha.72","_id":"@supabase/ui@0.37.0-alpha.72","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"e269c86f8a7042d0e383e027b721a06c60969ac1","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.72.tgz","fileCount":3292,"integrity":"sha512-DhE3Q00LTq0+4SSNuc1p/v53f2TRGltR8pGIx75PU2MjGFNW1cIkRDlsnO5lvkNL61yx/0Mf3goHzJJTvswiWA==","signatures":[{"sig":"MEQCICCdjm33KJk0bitDs4ClrAtIJlVG5VLJi3IMIqmm9wO+AiAi10FAbOD5PZO89Ct9rMfKXayFd2K4XYVQeF/bDCmpnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2586143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1O0SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpncxAAnk+Lz/SAAsgZnnakSgH/X5AyqQOAIRWIxB/cbFV13bmiFTBR\r\ny2GuZ9RlykMms6vZA5SpzoW2VdXoap0gu+QEjZ3OOCT+NaQN86UoSSq8+W9k\r\nbg4odjz5kWUItqmiLzP0vuhK7Gm6tz8GbMuDz0Q7y4WflHOFLSSKdYaFhl7P\r\n2kq8mr1YS07kF2raZohQ9aQwbWI669cqkWo2q0ztdKPMWhabZQQETGXaR4F0\r\ngJu1TxxJ+4YchR0GYxtEA672ZoUlq7Xv4apbb3Lv1FbUaJIBcbS40jal+G8A\r\njuprlHPZHecv9y9Ga9bZjeh1P7duUY10AmKqOM4fj5tJ1jhNEAd99oTVHSZS\r\nXG8tHRJ1yIQ8n4CiJFLxgcCwjiObURX80l+g78ulw5XdUMjYexQCXE1gYGJA\r\n3WSj20FymdxfVGxsUBz80BT4L4kbNxPDhG2roZxTPzYZkDPKLg9RPHxxnbBy\r\neE9lVPF8t4drZ9yNcuVUAgmUrrybn/uuJRP9sLisHVp6mYQjIuBAakzF6SFl\r\ncuZvKWPdr8T2281zzZwJmfBN+x9r0kBVKWD7m3RL4+LI/b81OfUKZE7P7Mjt\r\nsWaM1HfMZM/FeTJQVs1tKemqfelOtGFcTBNk0EOvu3SuFpBoH/4MMTYyGkx8\r\njE/Ocxewm9yKzlqqLiW9UbxzX28IXap94Ts=\r\n=gb11\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"fc1b794e1c8afaa9e84839d82db1a315f144b7f8","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.72_1658121489982_0.047881311802691284","host":"s3://npm-registry-packages"}},"0.37.0-alpha.73":{"name":"@supabase/ui","version":"0.37.0-alpha.73","_id":"@supabase/ui@0.37.0-alpha.73","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"aa9d2552881f4a1ed0e112dfb17d9bf5131e9256","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.73.tgz","fileCount":3292,"integrity":"sha512-547Xec9xsgFlpiMfTMg1ICN9wffDAovf0IFrZd6C4ptd+smv47XXjN05iefARLi8AGRN5ztLSOEXzPdLxAWr0A==","signatures":[{"sig":"MEYCIQD39P/MigFsiuzx10T7UoGfrRnOapBYLKzljJ4xZfyWSAIhAPR+Mo9RqlxmDQgEpZuAEggCSOwLqlp5MXtmj4kj4+Eo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2586169,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1ln8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJzQ/+MTDaBPcOjb4MyWa1ZUDaGNgToCGE2ZXfsHxxngnkf0oa050Q\r\nWLwVxgh9p+lH7FoKNDVfSAerp9PJbRjhvq0rmYXfdqElfDomds9M25uPrCui\r\nThlhyrbkilcZQLPG335C6zqBhMAgIrV4hPCV5WzyUn0cb8qDRJnStNrWsBjb\r\nxbEszJYY8UOKVNFfsttFl2Xc5ZBCVjVbIR4KTtdeJ1ux1eL+aoQkP76OV5Ui\r\n7LNola81zA83x1rZsoAEAvB2sbi+emp7/Mwy0YlhYpU7X47KpNUsOZHqriHU\r\nRPXizxEy0ZPhwQuPW33wNXzdNj5VSU6qiWj/oAf+oggADoXX2XTDW/o9yvbj\r\nxeqDGyVsqF5nAVsOqgsAuCjYThy/it0y1X+TGaAZVt5V4KO2f8cskpYfT6gi\r\n03D7rGsmYkXn4KnmWviJWn6FSKJxf8X71IvNrjf9bxAWCmF69QKoWfE92tIV\r\nsfT0AEL/kUARpIORe0TTbDNNCe2XoPRsr+ZLYOeizUJMEtCgY5n7YkYxpb/I\r\npYWD/2FmKrOV/08JRGWwp+cICyWKRkj7Avk2u1rkyCUDbm0ucltOJvoHYDBR\r\nyNH+8+BjPFnTh92o9TbwhHOuYR0iBtnUp0EL4tZ91jdb1lgrt3SrEKXtQchw\r\nZ/zvfew+hYXAOe5khEgdDdQG1eMD35+33Yg=\r\n=4t99\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"d687bbc9c4592e717c5480c0505d252d362d9e02","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.73_1658214908109_0.18662396210718168","host":"s3://npm-registry-packages"}},"0.37.0-alpha.74":{"name":"@supabase/ui","version":"0.37.0-alpha.74","_id":"@supabase/ui@0.37.0-alpha.74","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"ccb3270a8a3c2b1e7ec930475e06971f0677fbde","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.74.tgz","fileCount":3292,"integrity":"sha512-Tjd/rIIqLyK0yw8gHH/8hDxGl8AEWN8jPgaI9ywBMZ9KXUaiqfSFMJOxd+rx7iFuMwGqvFedl4oySMhbduAMpQ==","signatures":[{"sig":"MEUCIG9ZAE+p1AJoSn5JL5qBNe29R6b3K7SFMsNMsSlmEk//AiEAzNBiMCumtt9owhA1CHPDUZ/XlcugVu+djrwrQjkuapY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2586143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1mgrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7dg/8CgIMcTmmWkdbqpXpRCdHZPq4VSrpNDtYElsGTKqKgMJXeyN5\r\nJJfnfxJasuSoU9biyayd+vwVSFZnRhd/EtpjkXzKaeYf/AkO6XffSw0eVfUH\r\nVhaHPA/BeQYP1XfLaykij1mUlqNS5MOdI9Dbm7Iens9x/VzctjpCDGfl8Yq4\r\njMNKi8RzNgzPg0gSAma3SfUVvRvw75AjcvUM1LpQBHaS8be4IjbIKQu6CaE+\r\n2Bk0RDPl138vEn3IE+2Dlwki0EyZG2DVGU2PyCEmeP/GWK9C/t1ah4Sv1ZDJ\r\n6DN1t89ffHO+luDGFuMmK/sktA6ugJjy5lqmMdJBO4EmpWfYElXNFNg2zJ2H\r\nFSBSVu7Zknxm8PRZQyuYuWEshqXuV4F2DZnc4w2PvwYtEAfab+otqSQHo2k3\r\na9Y8uDRkrDQ59+NBWTWLh3NwmMpG2q/h22PespC+b94WCdT0o7SAHdK9iZMe\r\nlygN9mYVURt2XGU07z4IpdvV8DdQYYKITi+wlB28oosEXNi/KSjLLRNUUnjt\r\nqFlWlazED+REvZx6hTVzqRFw8Et1YaEkWRu4jJWBJvXWi67SgcJy01cuVTs3\r\nGPcb4dN5koKG0i6irJCNN53XAGJLBI8Ulb1p91dXCqrX7uopKt1QjjqniEba\r\nVo7Uy70uj2k4H42TBFsmlUW7NOjKhyY5jxI=\r\n=eQx9\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"489cbd09d4a368d8a0debf2113ceffe51612cddd","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.74_1658218539119_0.3882057383222446","host":"s3://npm-registry-packages"}},"0.37.0-alpha.75":{"name":"@supabase/ui","version":"0.37.0-alpha.75","_id":"@supabase/ui@0.37.0-alpha.75","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"e934ccf11618d8f13ec0f27762be8e1ad6f52e7f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.75.tgz","fileCount":3292,"integrity":"sha512-AS8SpOXu9AdLrGUaNjdH8e0UB5ZclPkgA0yZRtdyINI18rP8IGjzmqPSIlrDpSd0PavY5Mhz5hz0996ei6Zkbw==","signatures":[{"sig":"MEUCIE+II5A1zpUyMo8AhBpGiSa8tFinF+d4zcKCKy7cld2BAiEAicx4E4svSLOPO501GQzLcP248RV2IhnNu9zC64jfK9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2586169,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1mswACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaCA//QRo3t/AoVW2fy1g1ITpUqK0MKV2ST5f4C9gg5IJ0kEyMcnia\r\nSXsq0q5q2DwAmLfV02UNSXlUfXSxpMpIuMhzyLBkLizmfqzIS6YJ9bQ7JQNO\r\nyIRbpmpXMmzQ+WzNF+FJJaySUdeNqOIsULNw7+VkHpMOOD6eKx2UnHHzUXW0\r\nQmymlZ4u0Ue70THhBr9yb7rW/v0nsCvKrzDAda1GThrkxskh9Fl0GHMam4DW\r\nDMDDZs40vJ+Zl9/1QK5A653ekhLyrTT3lvxr270shr1QlCf652zBdLgsHN/m\r\nCdFSWu3qxR7859OVB641MZh7w5FUSDI3LdhtWgMKOvclV7Vn8Rvh4fDAm539\r\nx0xCQ+6aKsbxINkDaYhVUIcGSP3NODjXjFFebWXb6g3d2OUyUI9ZoLDRoNk8\r\n0KZ7iX8gZas3ltcchVkEwEOW/lCBv5StCeBG/DcTWgCuHbs8lgKRgt9jTTZp\r\nS122WVTRu5yo+KMohFgQb9OiAyuR1wHxJFJRXeW273jEELa4f5+mQhNW+Tq1\r\nVowg4dCLKIqJrN8vLzixsTJjZZ0mJnVf0PpsTfWxm0nyDYOv0+Wx3TDnhsbA\r\ngwp2R8II6/PxLndgyUFkp/JL8lDu08E7qeDzmPcxqiG7tyivXfI+0MCa7rDP\r\nLAQx63wcGnEESh1VLTTjh/YDTtL1D6x5V70=\r\n=zC6s\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"6f4a00d6f6e5af94a82483bb3af738d961fed540","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.75_1658219312032_0.3147799656719903","host":"s3://npm-registry-packages"}},"0.37.0-alpha.76":{"name":"@supabase/ui","version":"0.37.0-alpha.76","_id":"@supabase/ui@0.37.0-alpha.76","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"ff2cd046e07a810248bad44064aafe6510fb681d","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.76.tgz","fileCount":3292,"integrity":"sha512-K1mzTG/2nnBd0SrC+BpMb0qHFSIIF+WtqR0oG/mZXEgvNJhxZADBrDtIr2hjSSx86ZrsOdgjxiqtzisAEg+65Q==","signatures":[{"sig":"MEUCICnHngkFCZr0qXfOidgInRLmBMbkeEu8lk2lFP6V1PgdAiEAslTnLeewRscuzvUNJhr28ZNwJ+1PVq9czqCho/DTQME=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2586359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi19ddACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpxcg/8Da2HyQRofmLZLwcA6fa/8OQml9DkmeU8PgyQBy6lsepsJCRj\r\n++TjnvmvmwkZQAS1NDh/AA7gMhPP7vRaIK1Dh0qaSYuhDTOxRMFIKOcHFuE8\r\nKQpHPY1HPsmpcIk3SJGRU8VSLIkX+z3NW2pk2JlRsFO9flC1b/BnJTbvMc78\r\nphMNQl0LjxI4glQJi/nT4ni2K6+9g30GAloXXPLlREDU5KgCwv3aYXdnxTQ6\r\nBQ5I3VLbop6U2SxUFCLV+PbGo7CYsb2kzqCpmF5DwegPFji5cZ+Vjsojc/3e\r\n/YeaWwdsS97exApKJzFCQ1hURRl/yR7RLFx+h0MbdALm9igtAVVkxHZAVkXd\r\nDdzMsS1Jgy8lJvZJXjuLrrZs6nTcDN/1Xi+wXRqDzIpBQZ4NlCZ3ZwVLG/pF\r\n5x2q2Q0AVpa5mU6HsBbNqBUBinloftYoOIMy8+ZEsPXEf9XYkiu2A5jaKZ0L\r\n3d1arC+4xHAziZJtlxR+K0VT/bFR2ggAOW2A0Tz17ntlZtB3Qch7QP3XYrSn\r\nbTBHTHPdOLNymWFCK+QY4uc/nC5vTl+gCGz2r5xwHUj7WTYAoNqyS4D2KBW3\r\nY3L4EvOUS0tplpmNbnh8c5hpAP95KAEZC0EjfFVlJ0t45OqxRrXukEV5AzMC\r\noNLA2VwPZs18EhYb26v14wlYg5l0g0Wz8VU=\r\n=Aiw6\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"fd2309bfbb6e17eebee9e416f6b8f39f7f6a43e3","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.76_1658312541086_0.17152484681125735","host":"s3://npm-registry-packages"}},"0.37.0-alpha.77":{"name":"@supabase/ui","version":"0.37.0-alpha.77","_id":"@supabase/ui@0.37.0-alpha.77","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"aa5ecd3e2d12f530aff95a41a51d8e67056f4fc8","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.77.tgz","fileCount":3292,"integrity":"sha512-JPuZVDoAse/ENY6NjUABoxWFw9AmWvkDn6fDkKuqMx2CxSz2MxPWyabyDSWKhORa3ycFexLQ0W66bzfkxif11Q==","signatures":[{"sig":"MEQCIF7TnH3+VnfpCZbPiU13iOniUD0Z+TcgUMSWej3RNH9NAiARbmcszdjBKRZJW0W5jyNKIjZqT3U2Z/saCMjrtUSE1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2587163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7MHeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqo5w/+L7Gh60Jg0D1WSedvcxP1gWRmD53womNk5D/Kuan+FezJZ7q2\r\nqInHymog7rvYpZ1h+Rpg8D48/uBnh9Cn10Luyxbn0u78SJbw4ihRahErw0Ol\r\nZSqBlXmFRsuc9cBD4LgmRrm0tlKPSgsvj0Thvw05VzdqS8RrCtynoXDDkjq7\r\nAwgUEG0uzsnNOzZiwU+EiyG5H7O3+IBlzHldn7R+41YwP6XwpyV1NCQYUdSD\r\nSJy2JYacX5lxfaZg3bzrxLHF4j94YtRalnq124R61fFiiJ/0n+alAo6o5x7W\r\n5czYr3/cEbzgTL/F+2Fv6ZqaPH8ufNny/AUEgMTDFIJ8vqjbLY/JQgi3a4oD\r\ngm9BVXhdZ5QhYTxlEtU0rJpnwbPk7SmIBu9IKqKoF/yS2ossbjIuDlgHmQy4\r\nL2Fvea5FDIFQwhuAhsNln6lq6uP7MJt9OlZxKnapyZKS66oRnAVd5WcBNL5m\r\nxiLA0DWsvBIbFRk66WR+Ja+gjx25KhFgiH/rlmpdyFjOBoXiCWRx4XXbhJja\r\n7p4Q9aJNmppJshM/RTa5r1e/Soe7V4E3jsA55YrASZ+8w7SsiI3TTnf3sY56\r\nB4rFO6SKX8nQBTjLvCatHsVm6w/e1J94o40Tq68GQRVXnVd1G+vxRoPrJD23\r\ngtO4Q+HOvLj2aO8HxOJBj2oMJsvXKVxLWLI=\r\n=FMgM\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"484cebd1eccbf32dfa7c45f4fe443826f06b2a39","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.77_1659683294266_0.35368327114169307","host":"s3://npm-registry-packages"}},"0.37.0-alpha.78":{"name":"@supabase/ui","version":"0.37.0-alpha.78","_id":"@supabase/ui@0.37.0-alpha.78","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"d4a1e32b70d8428bf3a0419646e53bdcb251e15f","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.78.tgz","fileCount":3292,"integrity":"sha512-6bOvx8e6H8A45xgT9GtsQCO6gRQ7G/yrJSbbLjAmsrpWaGqYtpuZ7DgpnvLGCtJuUUJ0j+1lsDPsgJjJkIpwyw==","signatures":[{"sig":"MEQCIAzrR9T34j9Ujk9Cu7mJr9u1EyRGicZfvdhNWzUY4ibyAiBTGP2kXqlg02qMrWkvqBXQ5SygEc/yto3A/68qrL3YYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2587125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7MYLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCxg/+OLPDdSRw4f4As4NdO0SRUxqULrlP/7FPjlrzDA0o1CgKgIzQ\r\n51aa/rglFFBOEklwI1y3EONHGOGnzYqVpVTYthS1PZVgm2qOpVN8Ccr0+vHH\r\n2LEzT2+/jzz3Rs3YxbiDZQbNOrwdD2yGdyFWjmfLqCnwdG2yQMy5/g11AiPY\r\nbCA6tWcsKnBnJf6dvjH5cwb/LPl5LtoZyaSoQP3bTsQnXefui3oWBgaisjVQ\r\nTXojrIp/hwhcrsbAnVZPsyigyeFN4A3bexjGwufMHfgKUM7O1qSa28jS7XZ9\r\nR3GNhsNi5fsaeF3AwCJbjCXDZuqWIJfYRGwRw9n5IYBURAfBWVkJ9/KH2Aky\r\nWgtduoFXgYOs/CR35fXLmKMRFFGacUCmgnmaRsSqTThYCVaImvdufNM/oqqS\r\neJ9n6hsmf6bdXqOj3kDnwjLLd57ilFxndlVQCp4Og27uiHvWSBkiCVXtq82R\r\n2vHJ8Qadb0qyJt5FCs/n/1cgxiOMvCGX91jqUluLBu5Ubc3fjaycglZugluX\r\nLmTDHQdHmnPgBn3cAIwq26Zpm/G6NTts2+DZRgcI5fPt3IMSAYhvYo0fVIXK\r\nPSgUyfkFuJse6MWn5idsksSo5rX6IpCx2k+epVvj6YrdWh//uqfciVvwGqGx\r\nrYTOHUnBVr5/CI7kYhd0OrE3rmJ5720+4mI=\r\n=UA73\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"7e81a92da12f7bda06651a99e7dcfd61eab36f3f","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.78_1659684363115_0.16443414605102458","host":"s3://npm-registry-packages"}},"0.37.0-alpha.79":{"name":"@supabase/ui","version":"0.37.0-alpha.79","_id":"@supabase/ui@0.37.0-alpha.79","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"3289c0a835c8e89b9554458abdf578dc9c97c5bb","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.79.tgz","fileCount":3292,"integrity":"sha512-orN+4rO8iUMhPXSr1x2FbrOCuh4HLA3K+jmg5rJElFMSHUgANL+G2UPANKU+PId/ewSDlH3lnrKvga0Se3XC1Q==","signatures":[{"sig":"MEUCIEUiHYzqNwX54TkcFHZ+pftJqCwndIM+6dOFIpkEG/wYAiEAmTzjG9W9SJGOYN9/LHt5+N1gkYJoQLuZyja/ZZoVC3s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2587151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7MePACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4tw/7BcAuMUYuBF0i+a1HoSyJhOuV6hSy3gWHAlsRq8HZuZeymAPO\r\nMrr6sOCXg3iy8yy+xn2OVMHfv/2FGWL/dz4T4XNsrB85p3U3D5eyeY3V6ul3\r\nKGBO/sXerp3wgsfeM4tVmOTtJivAm6oGdjSH4PjFPEqPvIjVMrj1M1C0BXP4\r\n7NRjuxmTti+8iv5T1mGmBfhKPyMXumJ8HY2QUe+aVt22lJtH0bzMT7n4H6xJ\r\nqS/cTYEMEEt1aUejcucExhfCnfyouo/8z0cKrwUJP2OT9Y+NoLFwoKDQ000o\r\n2CpAOdfeNgw3HYk2PJGE70fuWtx1zJBpfQ93vwIGC78tB+jH/sybHZ0dGgYH\r\nc22PaFcznHXFTcN42tIC+44SJEbaU79fZ+7QdR11Q5DQkzAcayC+LAj322Lc\r\nUvwPIthbX6PVCcj6mmbVleMJXtCQfSwYH1Yio3ql/UGRYPIKe3h1RF1Xm1cs\r\n8sQQaO0XeGdHHeeZMiCHoSYITizvCD/ZoeYpamTj6TgiRh+OI/aHDIv36bqP\r\nJ3BY8WJmx5817aU/vrXv+7hXRhesS+IPZjn7RSzLiWdlo7krai6mrnVAZTE9\r\nWmYtdGMKirwGwd4KXgOGB5PfWJa6twIYNIYCzKJwZVoKbBMXL1PZ5/taVdUp\r\n1Bg7oC2WlHB4ncBIEh8pWGpnD5PunkvTmPI=\r\n=pKUD\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"0dfdcbfa86ba7ec96076ffe250177f5bc9c73458","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.79_1659684750906_0.9989105377086569","host":"s3://npm-registry-packages"}},"0.37.0-alpha.80":{"name":"@supabase/ui","version":"0.37.0-alpha.80","_id":"@supabase/ui@0.37.0-alpha.80","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"4def8f9d3a401c12c455522a16a31f397f5fe97c","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.80.tgz","fileCount":3294,"integrity":"sha512-oTBX43SipvCOmdG4UTt2yM//Meqfof4j7Fgmdi6rAn2EGpqo9xVqWxqlCLLvcbaK94Sl0i5R43zZEWz6RJoUIg==","signatures":[{"sig":"MEQCIELkHwDAxvmmGaW3S4rcPIH9owzNE3vBdMfliKIKVj0DAiBsLcqzT/KeOp4uqYLznOZvIk7kKbaaQyzFdUiySlH6bg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2598117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8XPPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAfhAAnqjsBa2AA8T42gUuh60KapKTCvLYCm+aqXrSt2bhJj7hCVtL\r\nInboEsHcW2U924nMJ17a0G7gOQiDwtOqZofqO6B3dJvMzb9BMnxMRCl1Lq7/\r\nM2Crd/5ZheM6sFoy3g8qW4GyweWQgIyNW2QbAve9uCAO7th05ADBxo46Xmy/\r\nDeZcrF4sDrF8icfYIlgx8oCfHkWQBrNxsVmtvuafA0wHmlg6h2TBUjr44kW6\r\ndeAgP3//5oWnTrpuGSeKRAexFtkYclgMaY4Z2aBTBZkda+FBVmlo8kWkMDem\r\n9pW0F7nWEDRFzFrBv4dWs2fqyIRPXO7omIWwD1QbysfpHcXQUBqUZfV0+vbP\r\nQT7uuimp+17BIp1GW2Yz39aLaagF4mHN4kw3LcVl2aI6cyF+22aCbVT9UZea\r\nVX6Gdl7piFXqZ+ux5aF76TinGcV+Iah/4VP4ksOYtx0J6j/gqNgYR0DDzQxY\r\nC21Jdmrk5mDh10m+esoFLb1iiZARDC+FIaNTMQXejuyJMXdXLk90Vg4UCTpx\r\nXBI8DO2ND0oMy9w1d4m17luIgwa9rc9TBPdAkN7J4gjQfJXw00a9tlzl+mgQ\r\nhXVTX04nhqakQDr8eiOR8oKUt9j5GbVuQGqPTxM96oDb/mLJAUFzmy7cVxQ1\r\no113s00T/Yz3kwhbQzpNWMEIKH4XWO1hCCc=\r\n=RBHZ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"5be592862ee145a652194271a9d67a73f7d1c65b","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.80_1659990990539_0.9144211364182329","host":"s3://npm-registry-packages"}},"0.37.0-alpha.81":{"name":"@supabase/ui","version":"0.37.0-alpha.81","_id":"@supabase/ui@0.37.0-alpha.81","maintainers":[{"name":"inian","email":"inian1234@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"dist":{"shasum":"7dc8c6729f1054da2b0cec558ca6ba761b30ec63","tarball":"https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.81.tgz","fileCount":3294,"integrity":"sha512-CxqdikE6wGw6pGQ6b3vRA8qnvCK20VyeMyy8Z4hJ/Dg2qRfgQqbrv7qS+6A1S8pg657EzCCo0DIH75SijaU8eA==","signatures":[{"sig":"MEUCIG31BwWW1ehya96jW9MuUzb9RI4YT4+hzfjuOvTIiy+OAiEAji75dqmLgO8/PNAXbuzm9I0iYa2G3h09yHGiwh+V30c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2598261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEZeDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3OBAAmv870j/Ftg9GGCvIPgK9ZfbtJuVGAsyDU2xTFSH3ZtNzytJG\r\nnbC0AhA6cWbKvTTglsLz6r91Fys4XG9It/UwpAm+GuGIz4409IYYCAWyKWPH\r\nW5S6NDmbZBekvN+svR28G9zGiOmcerbuw+6nUhFAipzKq7FJzIYXD10x++qR\r\nBEbFXQ2oZztXT42Rg8iUevjCJksrp3dwMaTyYERYfyygrD+efWvqHcJI/gE/\r\nRtWGkBwDuHZSK9dVCDFTjffJYjdHpFGB0Y5gy31yUYeEGZEBGcVBylKFTYgG\r\nMRBj91VNy/VcWZP/13XGMdhrKbghrgNF14eHOVYe9KRM2Gxdk5QtUu7uS8jF\r\n25hcPIZKnICrMLgvZi2gvjIm9iejeGFXJWoIiT4MROqHBbzukJTjPYugOslk\r\nykzABSjSRmi4SYoAW7hebdf/e0cEacYI/Oi0bMDVpEpY9IcWfsk8XdUC3wG4\r\nBDsQyjAo0gcum/85C59QdvKmtWlnTBVPTgzWcakZis2Dj5bUsXEseVbXLusw\r\nKQcKrDAKcS2HtqTyb2TPep2qe1cm744VSSVHDGtOjI26YrfoMOoHL5igkGWm\r\nJ8QZSsSNqgFsOLVL6iRdLg6ZaTy+fDCq1BpvPTLAQFFXfhopmRTJsQ4ctest\r\ngq7geGAXo/Jnrro0k4K0IUFXFxft6A9mRg8=\r\n=/AvS\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transformIgnorePatterns":["/node_modules/(?!react-feather)"]},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","readme":"# Supabase UI\n\nSupabase UI is a React UI library.\n\n🚧  \nNote: Supabase UI is still a work-in-progress until a major release is published.\n\n[![Product hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=290768&theme=light)](https://www.producthunt.com/posts/supabase-ui)\n\n[View docs](https://ui.supabase.com)\n\n## Install Supabase UI\n\n### Install TailwindCSS\n\nYou will need to have tailwind already installed.\nFollow the instructions for [installing tailwind on their docs](https://tailwindcss.com/docs/installation/framework-guides).\n\nYou will need to use at least tailwind v3.\n\n### Install Supabase UI package\n\nAfter that, you can go ahead and install Supabase UI.\n\n```cli\nnpm install @supabase/ui\n```\n\n### Modify the tailwind config\n\nYou will need to update tailwind.config.js in the root of your project.\n\n#### Default tailwind.config.js tailwind setup\n\nThis is what a regular tailwind config file looks like\n\n```js\n// tailwind.config.js\n\nmodule.exports = {\n  content: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n#### Update tailwind.config.js to the following\n\nYou will need to wrap the SupabaseUI config around your own tailwind config like below.\nAlso add the new purge rules\n\n```js\n// using Supabase UI\n\n// tailwind.config.js\nconst ui = require('@supabase/ui/dist/config/ui.config.js')\n\nmodule.exports = ui({\n  purge: [\n    './pages/**/*.{js,ts,jsx,tsx}',\n    './components/**/*.{js,ts,jsx,tsx}',\n    './node_modules/@supabase/ui/dist/config/default-theme.js', // add this\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n})\n```\n\n## Using Supabase UI\n\n### Colors\n\nSupabase UI uses Radix Colors for everything, and all the colors are already set up and ready to use once the installation above is complete.\n\n#### Scale\n\nIn addition to accessing all colors from Radix, we have also assigned a new color pallete called `scale`. This is the designated grayscale color we use throughout all the component.\n\n`scale`, as a default, is actually just the radix `gray` in dark mode, and radix `slate` in light mode. The colors are stored as CSS variables, so they can be swapped out for other color scales. These serve as the backbone of the components theme. It is advised you use `scale` wherever possible so that, if the scale theme is changed, everything will follow suite.\n\nTo ahieve this, the `scale` colors just reference other CSS variables.\n\nAs an example, and for aneyone interested, the CSS variables look a bit like this:\n\n```css\n:root {\n  --colors-scale1: var(--colors-gray1) `;\n  --colors-scale2: var(--colors-gray2) `;\n  /* and so on */\n}\n\n.dark {\n  --colors-scale1: var(--colors-slate1) `;\n  --colors-scale2: var(--colors-slate2) `;\n  /* and so on */\n}\n```\n\nWe have then populated tailwind with the relevant colors based on CSS variables, rather than the usual hex values.\n\n##### Caveats\n\nA drawback to this is that [bg opacity classes eg: (bg-scale-100/25)](https://tailwindcss.com/docs/background-color#changing-the-opacity) don't work, although maybe a workaround can be figured out in the future.\n\nAnother, and possibly larger drawback, is that by relying on a 'color scale' as a theme, we are effectively making it quite hard to have element level theming. For example, custom themeing by a user to, perhaps, pick the 'app background color', or maybe the 'border color'. This is rather hard with this current solution but it's also a bit of a drawback with Tailwind its self as we declare the color and index of the color directly in jsx usually.\n\nA possible workaround could be to create tailwind classes for various things, and then they reference a tailwind class themselves. Although that could be convoluted as we then have a custom tailwind class, referencing another tailwind class, which in turn references a CSS variable (pheww!).\n\n#### Dark mode\n\nAll colors now do not need a dark mode equivalent.\n\nFor example, `bg-scale-100` will show the dark mode version of the color in dark mode (which is actually `bg-gray-100`), and then automatically show the light mode version when in light mode (which is `bg-slate-100`).\n\nWe have already seperated all the radix colors for light and dark with CSS variables, so the app will render the correct light/dark shade depending on wether or not the app has `.dark` class added into the `<body>`.\n\nYou may however sometimes want to a different color shade in darkmode vs lightmode. This makes sense, a lot of subtle background and borders need to be different between the two so you will need to add some variation in sometimes.\n\nFor example, you may want to have a app background the same shade across light and dark mode but the panel is a white background for light mode, and in dark mode you want the panel in a ligher shade.\n\nYou can just use tailwind dark mode classes as normal to achieve that:\n\n```jsx\nconst index = () => (\n  <body className=\"bg-scale-200\">\n    <div className=\"bg-scale-100 dark:bg-scale-300\">I am content</div>\n  </body>\n)\n```\n\n### Typography\n\nUse tailwind classes as normal for typography, but use `text-scale-*` classes for the text color.\n\nYou can also use the class `text-code` to style text for inline code blocks.\n\n```jsx\n\nconst index = () => {\n  <body>\n    <h1 className=\"text-xl text-scale-1200\">Hello world, this is a header, using scale-1200</h1>\n    <p className=\"text-sm text-scale-1100\">This is a paragraph that is using scale-1100</h1>\n    <p className=\"text-xs text-scale-900\">This is a paragraph that is small and more gray, for things like captions</p>\n    <p className=\"text-xs text-code\">{\"$ npm install @supabase/ui\"}</p>\n  </body>\n}\n```\n\nExample of importing a component\n\n```js\nimport { Button } from '@supabase/ui'\n\n//...\n\nreturn <Button>I am a Supabase UI button</Button>\n```\n\nIt is probably advisable to use [Normalize](https://github.com/sindresorhus/modern-normalize) with Supabase UI for the timebeing.\n\n### Using Icons\n\nWe use [Feather icon library](https://feathericons.com/) in Supabase UI\n\nYou can use any Icon from the library as a component by prepending `Icon` to any Icon name, like, `<IconMail>`\n\n```js\nimport { IconMail } from '@supabase/ui'\n\n//...\n\nreturn <IconMail size=\"small\" />\n```\n\n## Using Supabase UI Auth\n\nYou can use our Auth widget straight out the box with Supabase auth including social logins.\n\n<img width=\"380\" alt=\"Screenshot 2021-02-05 at 19 25 01\" src=\"https://user-images.githubusercontent.com/8291514/107029572-32f72d00-67ea-11eb-982e-e737f052eea1.png\">\n\nThe Auth component also includes a context component which detects whether a user is logged in or not.\n\nMake sure to also install `@supabase/supabase-js`\n\n```cli\nnpm install @supabase/supabase-js\n```\n\nYou can then easily import `Auth` from the ui library and pass the `createClient` to the `Auth` component.\n\n```js\nimport { Auth, Typography, Button } from '@supabase/ui'\nimport { createClient } from '@supabase/supabase-js'\n\nconst { Text } = Typography\n\n// Create a single supabase client for interacting with your database\nconst supabase = createClient(\n  'https://xyzcompany.supabase.co',\n  'public-anon-key'\n)\n\nconst Container = (props) => {\n  const { user } = Auth.useUser()\n  if (user)\n    return (\n      <>\n        <Text>Signed in: {user.email}</Text>\n        <Button block onClick={() => props.supabaseClient.auth.signOut()}>\n          Sign out\n        </Button>\n      </>\n    )\n  return props.children\n}\n\nexport default function Home() {\n  return (\n    <Auth.UserContextProvider supabaseClient={supabase}>\n      <Container supabaseClient={supabase}>\n        <Auth providers={['facebook', 'github']} supabaseClient={supabase} />\n      </Container>\n    </Auth.UserContextProvider>\n  )\n}\n```\n\n## Roadmap\n\nSome of these are a work in progress - we invite anyone to submit a [feature request](https://github.com/supabase/ui/issues/new?labels=enhancement&template=2.Feature_request.md) if there is something you would like to see.\n\n_General_\n\n- [x] Button\n- [x] Typography\n- [x] Icon\n- [x] Image (work in progress)\n\n_Data Input_\n\n- [x] Input\n- [x] InputNumber\n- [x] Select (custom select wip)\n- [x] Checkbox\n- [x] Radio\n- [x] Toggle\n- [ ] Upload\n- [ ] Slider\n- [ ] Date picker\n- [ ] Time picker\n- [ ] Form\n\n_Layout_\n\n- [ ] ~~Layout~~\n- [ ] ~~Grid (Flex)~~\n- [x] Divider\n- [x] Space (Flex)\n\n_Display_\n\n- [x] Card\n- [ ] Avatar\n- [x] Accordion\n- [x] Alert\n- [x] Badge\n- [x] Menu\n- [ ] Tooltips\n- [ ] Tables\n- [ ] Code block\n\n_Navigation_\n\n- [x] Tabs\n- [x] Breadcrumb\n- [x] Dropdown\n- [x] Menu\n- [ ] Page Header\n- [ ] Sidebar\n- [ ] Flyout menu\n- [ ] Steps\n\n_Overlay_\n\n- [x] Modal\n- [x] Context Menu\n- [x] Drawer / SidePanel\n- [ ] Toast messages / Notification\n- [ ] Progress\n- [ ] Feeds / Timeline\n\n_Utility_\n\n- [x] Loading\n- [x] Transition (work in progress)\n\n_Misc_\n\n- [x] Storybook docs\n- [ ] Theming (in progress)\n- [x] Supabase Auth Elements\n- [x] Documentation website\n\nWe would be keen to hear any feedback on this project.\n\nFeel free to [submit a question or idea here](https://github.com/supabase/supabase/discussions/category_choices)\n","source":"src/index.tsx","gitHead":"d9a81204787417d3bc457cd88a38b9e3f52feff1","release":{"branches":["master",{"name":"beta","prerelease":true},{"name":"alpha","prerelease":true}]},"scripts":{"test":"react-scripts test","build":"NODE_ENV=production rollup -c","storybook":"start-storybook -s ./src/static -p 6006","build-watch":"NODE_ENV=production rollup -c -w","build:icons":"node --experimental-modules internals/populate-icons.js","typedoc:json":"typedoc --json spec/spec.json --mode modules --includeDeclarations --excludeExternals","build-storybook":"build-storybook"},"_npmUser":{"name":"kiwicopple","email":"pcopplestone@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.14.17","description":"Supabase UI is a React UI library.","directories":{},"resolutions":{"react":"^17.0.1","react-dom":"^17.0.1"},"sideEffects":false,"_nodeVersion":"14.20.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"formik":"^2.2.9","lodash":"^4.17.20","postcss":"^8.4.5","fsevents":"^2.3.2","deepmerge":"^4.2.2","prop-types":"^15.7.2","tailwindcss":"^3.0.15","autoprefixer":"^10.4.2","@radix-ui/colors":"^0.1.8","@headlessui/react":"^1.0.0","tailwindcss-radix":"^1.6.0","@tailwindcss/forms":"^0.4.0","@radix-ui/react-tabs":"^0.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-portal":"^0.1.3","@radix-ui/react-popover":"^0.1.0","@tailwindcss/typography":"^0.5.0","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-collapsible":"^0.1.5","@radix-ui/react-context-menu":"^0.1.0","@radix-ui/react-dropdown-menu":"^0.1.4","@mertasan/tailwindcss-variables":"^2.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"yup":"^0.32.11","react":"^17.0.1","rollup":"^2.28.2","typedoc":"^0.19.1","prettier":"^2.1.2","react-dom":"^17.0.1","@babel/cli":"^7.11.6","css-loader":"^5.0.1","remark-gfm":"^1.0.0","typescript":"4.2.2","@babel/core":"^7.11.6","npm-run-all":"^4.1.5","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@types/lodash":"^4.14.172","react-feather":"^2.0.8","react-scripts":"^4.0.3","@babel/runtime":"^7.11.2","postcss-import":"^12.0.1","react-markdown":"^5.0.3","react-hot-toast":"^2.0.0","@storybook/react":"^6.2.2","@babel/preset-env":"^7.11.5","postcss-preset-env":"^6.7.0","rollup-plugin-copy":"^3.4.0","@babel/preset-react":"^7.10.4","babel-plugin-macros":"^2.8.0","storybook-dark-mode":"^1.0.4","@rollup/plugin-babel":"^5.2.1","rollup-plugin-delete":"^2.0.0","@supabase/supabase-js":"^1.21.0","@storybook/addon-links":"^6.2.2","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","postcss-modules-values":"^4.0.0","react-transition-group":"^4.4.1","@rollup/plugin-commonjs":"^17.0.0","@storybook/addon-actions":"^6.2.2","@testing-library/jest-dom":"^5.11.4","rollup-plugin-typescript2":"^0.29.0","@rollup/plugin-node-resolve":"^11.0.1","@storybook/addon-essentials":"^6.2.2","@testing-library/user-event":"^12.1.7","rollup-plugin-node-externals":"^2.2.0","rollup-plugin-postcss-modules":"^2.0.2","@babel/plugin-transform-runtime":"^7.11.5","rollup-plugin-peer-deps-external":"^2.2.4","babel-plugin-add-react-displayname":"^0.0.5"},"peerDependencies":{"react":"^16.13.1 || ^17.0.1","react-dom":"^16.13.1 || ^17.0.1"},"optionalDependencies":{"fsevents":"^2.3.2"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.37.0-alpha.81_1662097282674_0.4530607809852685","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-12-15T17:18:40.961Z","modified":"2026-06-05T14:44:18.989Z","0.1.0":"2020-12-15T17:18:41.299Z","1.0.1":"2020-12-23T10:07:30.739Z","0.1.1":"2020-12-23T10:29:10.092Z","0.1.2":"2020-12-23T10:46:11.454Z","0.1.3":"2020-12-28T03:18:54.814Z","0.1.4":"2021-01-05T08:57:07.802Z","0.1.5":"2021-01-05T15:22:48.639Z","0.1.6":"2021-01-06T05:35:43.918Z","0.1.7":"2021-01-06T07:05:20.811Z","0.1.8":"2021-01-07T08:27:18.433Z","0.1.9":"2021-01-07T10:03:22.907Z","0.1.10":"2021-01-07T10:16:13.362Z","0.1.11":"2021-01-08T02:45:15.886Z","0.1.12":"2021-01-08T05:02:54.500Z","0.1.13":"2021-01-08T09:08:56.795Z","0.1.14":"2021-01-08T09:55:43.947Z","0.1.15":"2021-01-08T10:31:22.109Z","0.1.16":"2021-01-10T01:53:19.258Z","0.1.17":"2021-01-11T07:40:19.908Z","0.1.18":"2021-01-11T09:10:57.977Z","0.1.19":"2021-01-11T09:30:54.073Z","0.1.20":"2021-01-12T07:29:39.236Z","0.2.0":"2021-01-12T08:44:52.751Z","0.3.0":"2021-01-13T01:16:54.213Z","0.3.1":"2021-01-13T07:19:36.996Z","0.3.2":"2021-01-13T09:35:57.885Z","0.3.3":"2021-01-13T10:54:11.121Z","0.4.0":"2021-01-13T11:32:44.498Z","0.4.1":"2021-01-14T06:25:42.885Z","0.4.2":"2021-01-14T07:15:56.909Z","0.5.0":"2021-01-14T09:13:30.817Z","0.6.0":"2021-01-14T09:43:28.158Z","0.6.1":"2021-01-15T06:23:41.023Z","0.7.0":"2021-01-18T07:14:06.130Z","0.8.0":"2021-01-18T16:13:41.245Z","0.9.0":"2021-01-25T12:28:51.666Z","0.9.1":"2021-01-27T07:47:18.697Z","0.9.2":"2021-01-27T07:55:52.792Z","0.10.0":"2021-01-27T13:02:30.924Z","0.11.0":"2021-01-29T09:26:30.200Z","0.11.1":"2021-02-02T10:52:03.453Z","0.11.2":"2021-02-02T12:17:11.495Z","0.12.0":"2021-02-05T11:45:51.351Z","0.12.1":"2021-02-07T12:00:08.344Z","0.12.2":"2021-02-07T14:44:56.985Z","0.13.0":"2021-02-07T18:40:01.881Z","0.13.1":"2021-02-11T07:39:17.073Z","0.13.2":"2021-02-17T07:30:02.537Z","0.13.3":"2021-02-17T10:42:08.754Z","0.13.4":"2021-02-24T04:06:00.573Z","0.13.5":"2021-02-24T07:58:20.784Z","0.13.6":"2021-02-25T11:33:36.601Z","0.14.0":"2021-03-02T14:20:14.412Z","0.14.1":"2021-03-02T16:10:30.206Z","0.15.0":"2021-03-04T08:56:54.194Z","0.16.0":"2021-03-06T00:09:18.449Z","0.17.0":"2021-03-06T00:31:40.916Z","0.18.0":"2021-03-06T01:30:57.576Z","0.19.0":"2021-03-08T16:39:36.770Z","0.20.0":"2021-03-10T08:01:38.617Z","0.21.0":"2021-03-12T02:53:25.400Z","0.21.1":"2021-03-15T02:20:51.142Z","0.21.2":"2021-03-15T07:16:13.747Z","0.21.3":"2021-03-17T08:50:15.483Z","0.21.4":"2021-03-23T05:12:50.196Z","0.21.5":"2021-03-25T11:09:54.221Z","0.22.0":"2021-03-30T10:34:49.162Z","0.22.1":"2021-03-31T09:10:45.997Z","0.22.2":"2021-03-31T09:52:31.359Z","0.22.3":"2021-03-31T15:23:36.974Z","0.23.0":"2021-04-01T04:59:48.625Z","0.23.1":"2021-04-05T12:24:47.807Z","0.23.2":"2021-04-14T09:43:31.076Z","0.24.0":"2021-04-19T07:08:53.899Z","0.24.1":"2021-04-22T03:11:15.985Z","0.24.2":"2021-04-27T06:50:58.982Z","0.24.3":"2021-05-04T01:30:41.331Z","0.25.0":"2021-05-11T07:10:07.094Z","0.25.1":"2021-05-11T08:14:44.868Z","0.25.2":"2021-05-12T06:12:50.527Z","0.25.3":"2021-05-18T06:56:49.845Z","0.26.0":"2021-05-18T07:05:27.899Z","0.26.1":"2021-05-19T06:05:18.208Z","0.26.2":"2021-05-27T04:29:51.173Z","0.26.3":"2021-05-28T08:30:23.106Z","0.26.4":"2021-05-28T09:21:00.479Z","0.26.5":"2021-05-28T11:27:34.945Z","0.26.6":"2021-05-31T04:44:13.143Z","0.27.0":"2021-06-03T07:37:53.841Z","0.27.1":"2021-06-03T07:55:53.512Z","0.27.2":"2021-06-03T08:06:10.447Z","0.27.3":"2021-06-14T03:12:14.415Z","0.28.0":"2021-07-02T06:54:50.929Z","0.28.1":"2021-07-02T08:42:12.126Z","0.29.0":"2021-07-12T07:20:40.559Z","0.29.1":"2021-07-12T07:35:43.116Z","0.29.2":"2021-07-12T16:01:34.448Z","0.30.0":"2021-07-26T17:39:40.401Z","0.31.0":"2021-07-29T07:48:44.116Z","0.32.0":"2021-08-03T07:01:58.657Z","0.32.1":"2021-08-10T09:17:15.079Z","0.32.2":"2021-08-13T08:20:16.121Z","0.32.3":"2021-08-18T09:19:11.661Z","0.32.4":"2021-08-18T12:06:24.844Z","0.33.0":"2021-08-20T11:14:52.631Z","0.33.1":"2021-08-21T04:45:46.949Z","0.34.0":"2021-08-26T07:55:42.877Z","0.34.1":"2021-08-27T07:32:18.859Z","0.34.2":"2021-08-31T10:18:14.880Z","0.34.3":"2021-08-31T13:20:41.883Z","0.34.4":"2021-08-31T14:38:01.794Z","0.35.0":"2021-09-14T15:16:50.376Z","0.36.0":"2021-11-21T11:29:52.442Z","0.36.1":"2021-11-26T07:37:47.008Z","0.36.2":"2021-12-09T21:32:27.179Z","0.37.0-beta.1":"2021-12-30T22:31:10.998Z","0.37.0-beta.2":"2022-01-02T20:24:26.680Z","0.37.0-beta.3":"2022-01-02T21:22:14.673Z","0.37.0-beta.4":"2022-01-02T21:32:20.299Z","0.37.0-beta.5":"2022-01-02T23:18:40.714Z","0.37.0-beta.6":"2022-01-16T19:27:37.585Z","0.37.0-beta.7":"2022-01-16T20:10:02.775Z","0.37.0-beta.8":"2022-01-16T22:44:54.275Z","0.37.0-alpha.1":"2022-01-17T05:18:54.800Z","0.37.0-alpha.2":"2022-01-22T03:14:28.305Z","0.37.0-alpha.3":"2022-01-22T04:01:07.931Z","0.37.0-alpha.4":"2022-01-22T04:36:00.817Z","0.37.0-alpha.5":"2022-01-22T05:45:27.867Z","0.37.0-alpha.6":"2022-01-25T00:53:04.781Z","0.37.0-alpha.7":"2022-01-25T02:12:51.456Z","0.37.0-alpha.8":"2022-01-25T22:53:03.298Z","0.37.0-alpha.9":"2022-01-25T23:52:19.975Z","0.36.3":"2022-01-26T23:58:14.853Z","0.37.0-alpha.10":"2022-01-27T00:41:49.722Z","0.37.0-alpha.11":"2022-01-27T18:03:30.373Z","0.37.0-alpha.12":"2022-01-27T18:08:35.852Z","0.37.0-alpha.13":"2022-02-12T01:06:01.367Z","0.37.0-alpha.14":"2022-02-12T01:12:08.617Z","0.37.0-alpha.15":"2022-02-12T01:17:59.504Z","0.37.0-alpha.16":"2022-02-13T23:35:34.722Z","0.37.0-alpha.17":"2022-02-14T01:04:21.107Z","0.37.0-alpha.18":"2022-02-14T01:34:56.406Z","0.37.0-alpha.19":"2022-02-14T01:58:30.056Z","0.37.0-alpha.20":"2022-02-14T02:12:20.440Z","0.37.0-alpha.21":"2022-02-14T21:24:33.053Z","0.37.0-alpha.22":"2022-02-14T23:00:59.493Z","0.37.0-alpha.23":"2022-02-14T23:03:41.346Z","0.37.0-alpha.24":"2022-02-14T23:08:28.771Z","0.37.0-alpha.25":"2022-02-14T23:23:21.126Z","0.37.0-alpha.26":"2022-02-15T19:24:54.077Z","0.37.0-alpha.27":"2022-02-15T20:25:14.567Z","0.37.0-alpha.28":"2022-02-15T20:33:35.412Z","0.37.0-alpha.29":"2022-02-16T00:24:28.552Z","0.37.0-alpha.30":"2022-02-16T00:56:21.035Z","0.37.0-alpha.31":"2022-02-16T01:51:20.618Z","0.36.4":"2022-02-17T17:49:45.811Z","0.37.0-alpha.32":"2022-02-21T19:16:31.605Z","0.37.0-alpha.33":"2022-02-23T00:17:29.269Z","0.37.0-alpha.34":"2022-02-24T16:17:42.988Z","0.37.0-alpha.35":"2022-02-24T16:25:53.961Z","0.37.0-alpha.36":"2022-02-24T16:36:29.314Z","0.37.0-alpha.37":"2022-02-24T17:23:11.209Z","0.37.0-alpha.38":"2022-02-24T20:00:48.371Z","0.37.0-alpha.39":"2022-02-28T16:02:52.246Z","0.37.0-alpha.40":"2022-02-28T16:33:13.996Z","0.37.0-alpha.41":"2022-03-01T10:01:35.254Z","0.37.0-alpha.42":"2022-03-02T02:29:22.621Z","0.37.0-alpha.43":"2022-03-02T06:47:05.753Z","0.37.0-alpha.44":"2022-03-03T17:34:19.702Z","0.37.0-alpha.45":"2022-03-04T00:38:22.748Z","0.37.0-alpha.46":"2022-03-04T00:55:55.876Z","0.37.0-alpha.47":"2022-03-04T01:18:18.287Z","0.37.0-alpha.48":"2022-03-05T15:44:02.438Z","0.37.0-alpha.49":"2022-03-05T16:39:47.146Z","0.37.0-alpha.50":"2022-03-05T20:27:05.391Z","0.36.5":"2022-04-04T11:51:09.714Z","0.37.0-alpha.51":"2022-04-06T08:37:07.238Z","0.37.0-alpha.52":"2022-05-11T01:35:13.357Z","0.37.0-alpha.53":"2022-05-11T04:02:43.624Z","0.37.0-alpha.54":"2022-05-24T08:59:31.032Z","0.37.0-alpha.55":"2022-05-24T09:29:11.420Z","0.37.0-alpha.56":"2022-05-26T03:06:50.939Z","0.37.0-alpha.57":"2022-05-26T06:38:01.758Z","0.37.0-alpha.58":"2022-05-31T08:38:03.783Z","0.37.0-alpha.59":"2022-06-01T04:49:59.932Z","0.37.0-alpha.60":"2022-06-01T08:02:47.407Z","0.37.0-alpha.61":"2022-06-01T08:18:16.825Z","0.37.0-alpha.62":"2022-06-01T08:33:57.905Z","0.37.0-alpha.63":"2022-06-01T08:44:28.600Z","0.37.0-alpha.64":"2022-06-06T14:13:23.422Z","0.37.0-alpha.65":"2022-06-15T06:50:44.200Z","0.37.0-alpha.66":"2022-07-07T10:42:52.221Z","0.37.0-alpha.67":"2022-07-07T11:03:12.743Z","0.37.0-alpha.68":"2022-07-12T08:06:58.948Z","0.37.0-alpha.69":"2022-07-15T09:00:09.171Z","0.37.0-alpha.70":"2022-07-15T09:36:55.840Z","0.37.0-alpha.71":"2022-07-15T09:39:56.810Z","0.37.0-alpha.72":"2022-07-18T05:18:10.237Z","0.37.0-alpha.73":"2022-07-19T07:15:08.457Z","0.37.0-alpha.74":"2022-07-19T08:15:39.453Z","0.37.0-alpha.75":"2022-07-19T08:28:32.329Z","0.37.0-alpha.76":"2022-07-20T10:22:21.341Z","0.37.0-alpha.77":"2022-08-05T07:08:14.630Z","0.37.0-alpha.78":"2022-08-05T07:26:03.496Z","0.37.0-alpha.79":"2022-08-05T07:32:31.153Z","0.37.0-alpha.80":"2022-08-08T20:36:30.975Z","0.37.0-alpha.81":"2022-09-02T05:41:23.003Z"},"description":"Supabase UI is a React UI library.","maintainers":[],"readme":"","readmeFilename":""}