{"_id":"@zoralabs/zord","_rev":"50-6049ce470608d1f40ac9e39495ddab6f","name":"@zoralabs/zord","dist-tags":{"alpha":"1.0.1","latest":"2.1.0"},"versions":{"0.0.2-alpha":{"name":"@zoralabs/zord","version":"0.0.2-alpha","license":"MIT","_id":"@zoralabs/zord@0.0.2-alpha","maintainers":[{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@bbydao.xyz"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@zora.co"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"d8a14d67c9a780829f44c6799f2d3fa50d2b3648","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-0.0.2-alpha.tgz","fileCount":8,"integrity":"sha512-aGb2ZjFU+goMR/nxb4k4HyFEOwgtrR3u6W6yhf+A80jBlvOTy9LD14lzLdEh7uaYpLm/y/TWNZNuI6/yqJNsQg==","signatures":[{"sig":"MEUCIF1cu0JeRQFeLwPutk5F6AUgZpYM7O3gWM/yD5QW9NYPAiEAqtiXwf8Bqqus5FlG0nhxAQiSlEkwJXUqYu+nmIZrhcA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3036879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfB2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWeQ/7BZYFDozYvNsO4kJudMXKQrSZyi0cErl0MD5BJXWvOtpEGztM\r\nTSg9cu441Vo4qXWWeTWsfz9LEDYW4y1WdQz6xicXKXxtLPCz9nbNgksU8oHs\r\nMKfPS0ub1jXY5TQzlABXHWZS4pOVE6VJO/bydq40p3ZtOJxQYS+GJGxeFoEK\r\nkNtiPoVI3ulSnZI0nKT5y53EE9JeeRBKgDExsmPXng/FWpYsIUuVPl6oL49k\r\nLzYdEbp+u8vppTv1ZrpZu+Lt1CzaSJynK0GxgCXkNLfwd1fiURltHRo2uxVz\r\nlrLUjY5U8ZbhRRMeO2C18jG72KbV8hJjozEO48FpGclSj99nULf+cKyZ8lJi\r\nL0IJGMhjl9aB1QMCKqAP4/VL4rYglygxapC1jr6yenbu6P8LLQt4Hf6qA9lR\r\nl2awyfYr6ha7dJzQjDMibAzrelGcMdW1CWcsl8CymnYMxpgJ34/1yogYvzlN\r\nm+9lsrqgy4bHjzhbwBYALJSo0XCAzL1C0b/uKqPWLw9klwjCK+CIQeZL7b31\r\nr94sFnH8x8z4nwz7wzJUVv4K8w05zLb9Qo7jgW5O2a0gLC87AmrU394EL1Xq\r\nYAsfEi8KUMZH4GxZp58P0u3nTdzOgMnSqjAI24FUBgVoAWRXl/B5HhXUvDWm\r\nAc5hIvSsmmwtPKcHIcG+NLQRtGntyM/xFPM=\r\n=mKvI\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"scripts/jest/node"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","test":"jest --coverage --passWithNoTests","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"mattlenz","email":"matt@mattlenz.com"},"description":"## Setup","directories":{},"sideEffects":["./dist/index.css"],"dependencies":{"@radix-ui/react-switch":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","jest":"^26.6.3","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","typescript":"4.5.5","@types/jest":"^26.0.22","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/reactkit":"*","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"clsx":"^1.1.1","react":"^17.0.2","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5"},"_npmOperationalInternal":{"tmp":"tmp/zord_0.0.2-alpha_1657663606612_0.33340238002340405","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@zoralabs/zord","version":"0.0.3","license":"MIT","_id":"@zoralabs/zord@0.0.3","maintainers":[{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@bbydao.xyz"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@zora.co"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"42fba1648f78592518182bdd88b45cd2ae1e9bb4","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-0.0.3.tgz","fileCount":8,"integrity":"sha512-YYDuzM5iQ4u5OAWhH2Ix4t/graV2wSC14Zwq4XekG0QSbIiKjRh1BQir+BALB610P/uy4/asdsuT0pmGouEFkw==","signatures":[{"sig":"MEUCIDq4jbJbuK8WjrUKk0vDG5vurDXBupRgfyUnrTNFcEmSAiEAwBiCtRDR0EJH/rzyj3XuxGrsOZiDZ2aKHR2GKnT2TiI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3036916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizh9LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcVA/+I6518w5b+2S81aTIsxQVNbNd4Lwfn3Be8HbvtFix13yHYGwy\r\n9XqfFQXUulatEGEMPw40JgidPiVbKRNtmtY2acOz7jqiyA4XHE32bFZZPr1D\r\nLjknXsAn90rGbJ49Q4sQvDAZ6ShP0LHe3Ukc1O0+TvldjSBzFfHZrS9fPzVF\r\nlzd7KifA0/W8j48uKWncZRuWMHNI1H49euA63RgaIuadIQbNktiTwrGKYCWP\r\ntx2IcfGsN2rREXNe5kEiAi4GmtHfwLFT7BbkdbfWMWl3HKgAKFbuPu/3iaax\r\neq4zui6+kVXyltXHQ/PmgnMu3G8ee1W6Wx/p7xTA5o/4xwXcqFW6APvLxFs2\r\ns5HRriRx4b02BZyQSgkaFMTAxFWVyAe3cpy1nv/IobHtxZSCcCyViUluQfZ8\r\neqt9/JxMHAS1DP5+iHchbqnbUymFb0Lyyhi952xE0QfGtF3j4i5pjrPfDHBl\r\npTsvlVt1Z0a1X83y1xXecMrEFDhypzoErIzcuGY6l4d8ksCSTqfJ1n+jfnJj\r\nTKXsqUplqgC/bo6NAgFWeFgEqivYDEIDi+RpgIICPZG/hVE6S97B1lesV/gf\r\nwHQoYQV7R+VOb2cOrchZ1qKPAgMhS8mybABAJvpzXCJXkiUwNUCrZ2nm9XPx\r\nQOeXLzBrR/MPGZJ6WARBKzPuaVQVbB6fP8Q=\r\n=nAvQ\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"scripts/jest/node"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","readme":"# Zora Design System\n\n## Setup\n\nAdding to your project boils down to;\n\n1. Add zord stylesheet from `@zoralabs/zord/index.css`\n2. Set up webfonts\n3. Add zord root component\n\n### Usage with Next.js\n\n```tsx\n// pages/_app.tsx\n\nimport '@fontsource/inter/400.css'\nimport '@fontsource/inter/600.css'\nimport '@zoralabs/zord/index.css'\nimport { ThemeProvider, lightTheme } from '@zoralabs/zord'\nimport type { AppProps } from 'next/app'\n\nexport default function MyApp({ Component, pageProps }: AppProps) {\n  return <ThemeProvider theme={lightTheme}>\n    <Component {...pageProps} />\n  </ThemeProvider>\n}\n```","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","test":"jest --coverage --passWithNoTests","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"mattlenz","email":"matt@mattlenz.com"},"description":"## Setup","directories":{},"sideEffects":["./dist/index.css"],"dependencies":{"@radix-ui/react-switch":"^0.1.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"clsx":"^1.1.1","jest":"^26.6.3","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","typescript":"4.5.5","@types/jest":"^26.0.22","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/reactkit":"*","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"clsx":"^1.1.1","react":"^17.0.2","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5"},"_npmOperationalInternal":{"tmp":"tmp/zord_0.0.3_1657675594676_0.240823929686107","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"@zoralabs/zord","version":"0.1.0","license":"MIT","_id":"@zoralabs/zord@0.1.0","maintainers":[{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@zora.co"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"d317c2eb9172145cbb740cdfd13c0e8fee5974f7","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-0.1.0.tgz","fileCount":8,"integrity":"sha512-4F1vYTYwogdKBmmvxIXH4ru3Rj3hz4kLDqXLreRWbZJ3ACE+fMZA4R7YKE9o368qcJ2DfnOGJxrfQENnug0m6Q==","signatures":[{"sig":"MEYCIQDKfsJiWjFdiJLORY6kWSZtWGzZxCIa3X3GxN1OmebK+AIhANE7s5dC7b1A61jR5ZIUQnamtMDcYV6lGlgzGdt3/KFn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3422349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6JphACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrNA//TPF6ZO1ur8OvVifs0CDIUnC3Sar/zmODanKCOpRMXc614lGU\r\nx4GuVLNKM9xcveiqHe2loh7r51whKJTgV/BEwgl5m/K4pEkxQgmLT6SxOZ2l\r\n+dHLT7A3ZyRrYan9lxG+0WPW0zFZLFPZ4PIOiemRtW54Axhu0aMoItXaxHml\r\nMIytv6sqP55akhYDFWdlQJBOm/mD5yDvep8xnooQGvX7hIP+RFfnA8Yufmqf\r\neji6uTj9TISaVHjlmvcL+O1+ViYwVb4VInnP5BdI/GSyX/E9JT/TTPETQVxw\r\n6RATF4aayZoPuUWUb+6wsX6hckMj23YCCPyrSWp9il5ziQoOp58dkAh6Xmae\r\nOrQeyJfEQD2ajrm8P6nezB2HReYBvikIlvfKHPkD8aCyjcn+DxBFr7q0Ox8F\r\nItCUiff2I7uX01hcErXUMBhHDLWgM5QdNnxmJfq44nF4ZyfXceNLJExAqLJI\r\nyraUz/lehl0nUlsjzUKhKO92+Tt3NmQVR9kf3W6jVj+p02B0sWL/2ibX8WKg\r\nVuLxNtZtpwmDoxKz2qdgMnsQ1d1PA9YFAceCu240MlvZQ1efXGKM9jeur8NK\r\nXeJYU9mmBKYHuDD0zwLX/4TBDIUJhBF+7BdhmaWl0EX3TL+nAOvKv2dsukTF\r\nc8EhRI/FvsHILjBXg7AadRB+7DaM6nsvOwE=\r\n=Hhuk\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"scripts/jest/node"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","test":"jest --coverage --passWithNoTests","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"mattlenz","email":"matt@mattlenz.com"},"description":"## Setup","directories":{},"sideEffects":["./dist/index.css"],"dependencies":{"uuid":"^8.3.2","@radix-ui/react-switch":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","jest":"^26.6.3","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","typescript":"4.5.5","@types/jest":"^26.0.22","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/reactkit":"*","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"clsx":"^1.1.1","react":"^17.0.2","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5"},"_npmOperationalInternal":{"tmp":"tmp/zord_0.1.0_1659411041361_0.6374554809201414","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@zoralabs/zord","version":"0.1.1","license":"MIT","_id":"@zoralabs/zord@0.1.1","maintainers":[{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@zora.co"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"0a5338f9d57b3b09a7c28aedf643b7095e441938","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-0.1.1.tgz","fileCount":8,"integrity":"sha512-KDRlQpNcEJDRPP4X1Pn10TXK85yfl5ItZjEU+YEqp+GR21jg1G7d9HSqHRTRsZsJYgGtongJjAaJenMngBWkrg==","signatures":[{"sig":"MEUCIQDlK22RRu8Nejokc5bg6/iYVlKNcT5jER2vgqDmIZ3QqgIgB5CUFZ7B8P2BTgGCUyStMEXIjVzy/b8tLJkZGxRUPkE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3096240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+zcAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpB+Q/+K/nuClsEeeIljDDQ6xTcKfnEj/IYBAJSNacxKyoTpFrCI+8p\r\nssZiDhPxnjUYE6fqM3/TDx80tmTg/9ivoCFMcxfPEZumNPMSg6wcI/8FBqzU\r\nbKkSVQVybO88uIGk0k9ACYG6RZ7obhv9yTfNrjorQ/qbXICFX01p/M9khB4r\r\n2JmULlVajsXqTwl7p2Mvjv8Q+KhYY4RZbAZfBiTeac8t57MZjNRxwIt/+eSI\r\nUbyWz8zaDFd+WBvKkXWpQhpBzs77dHXL9IeVzjFHBJ46soqBpkWMPY2TCiJq\r\npd5xjD14aZ6nTrkxCoyt3it0uRvHsR9tlJANOnllznDxIzldOrEf2OVaiRHD\r\nbM4Dsk76Uqx5x8mqfvp7lN5HhpgdKMMMVLyIfSmEg9FrVTMEHibsPRpS3B0U\r\nBMYLJWfCTah07oBk44jIqaAMVUcU5cxaE8o0BlCIhlowefu+q3n+S8MFHsuo\r\nGNWj7dcEwMKPVp64OdDvi9hoXVbAyJ2pxrXYXYkcX+snfHfArhK1XToMtFpZ\r\nicSIL7JVaMYBlycBJAtDbSpRf5qkIq8nQS2fvXApgIDkpeD0e00OXEhb6FB/\r\nsmC0ZqDHuwTQfIRwdcDlDu95qQqENMG/IEI2q3DAH1yulXrELUQFBSn66tzs\r\n/NiydSa6pxRAEiOTRPoP5I4t+iXR6hyGL0w=\r\n=SZ5t\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"scripts/jest/node"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","test":"jest --coverage --passWithNoTests","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"description":"## Setup","directories":{},"sideEffects":["./dist/index.css"],"dependencies":{"uuid":"^8.3.2","@radix-ui/react-switch":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","jest":"^26.6.3","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","typescript":"4.5.5","@types/jest":"^26.0.22","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/reactkit":"*","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"clsx":"^1.1.1","react":"^17.0.2","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5"},"_npmOperationalInternal":{"tmp":"tmp/zord_0.1.1_1660630784341_0.9038286872945613","host":"s3://npm-registry-packages"}},"1.0.0-alpha.0":{"name":"@zoralabs/zord","version":"1.0.0-alpha.0","license":"MIT","_id":"@zoralabs/zord@1.0.0-alpha.0","maintainers":[{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"77df8d3bd89fdb5733a85dacf78a13be283dcb08","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.0.0-alpha.0.tgz","fileCount":8,"integrity":"sha512-73laaLgq0x0eDK++ud5GI6TSIp5LAV2tUcSVzqx0ITgRcCO8hYS/Cl5/FavemgnyMjqiZjqPEE2r/HOk5W+qbA==","signatures":[{"sig":"MEUCIBSlVRAMCr2KvGL5ggeWMb6rp/FKxb6nbC0sdketEeZkAiEAkPRx301vJMa5jYjZfxidxeTS48ahmq9cPPxCcUHtlpA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3206102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/zy8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZGQ//TmJBRS/Q5QdnJq2ddUzQXNh18jREYhT0G+D/H9Nfy2LmOMIs\r\ntzHak87sANNbgcwnx1XI0SIMQT0Fvkbv6rxPPuqDJJy9A80C+IV8XFoOC2Lw\r\n2DIP0OeX2U6+bbXBJ7sjeO0QP/tf1Yyg3DNj0yJUPq5Ey7D0tg7N1Roqujbb\r\nHsX1Qa6X+knVwGnQh8SNc+ND1FMOXYrytbUMnJn/d9hWB7UgvsFBz1i8xZTq\r\nnKYtReLwTzavcET7wdRRrNXIpDKf/AgYWfXhaU/d+x33N2lO+b5OqB9spj3I\r\nCmy+d+VhKyze9rWdi5yPMk0FbkcjNKc8Cg/uggplGhAaTFr6TxMJcSi3XPux\r\nUXst6r/+07UIIa1FsnpzJ+E33gO34Sqn8t25PvShkXZGuyIxnYns5zwp89I4\r\nLQHEdtmZ+qxiKTeiJKit2zvnjji5D57ufOeAZzJPcoRnVOE3rqtY9zWcJbEU\r\nWJZByvtaOIL9EiTsPmo49w/gEiFaazKw49hqMqP+vtgO3+NrcmXRqrh+2ODL\r\nT1Ht8lJTHPlBs6N+Dj3h2cM/rDNw1tvtyj7PEKyv1sNnG39AzJo+xF7lt4GZ\r\nfZv7eTruOwHypwn8i1KNPuCgvW2T1ozQ8g+hK+606j8CdREMjfTC+57QZ3Za\r\n9YJS8huBKjIS1bap3Y9HRKcsXaGqAK1rQ0w=\r\n=NzxF\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"scripts/jest/node"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","readme":"# Zord Documentation\n\n## Getting Started\n\nAdding to your project boils down to:\n\n1. Add Zord stylesheet from `@zoralabs/zord/index.css`\n2. Set up webfonts\n3. Add Zord ThemeProvider and theme\n4. Add peer dependencies (we're working on making this easier!)\n\n**_Current Dependencies_**\n\n```\n  \"@radix-ui/react-accordion\": \"^0.1.5\",\n  \"@radix-ui/react-checkbox\": \"^0.1.5\",\n  \"@radix-ui/react-dialog\": \"^0.1.5\",\n  \"@radix-ui/react-icons\": \"^1.1.0\",\n  \"@radix-ui/react-radio-group\": \"^0.1.5\",\n  \"@radix-ui/react-separator\": \"^0.1.4\",\n  \"@radix-ui/react-slider\": \"^0.1.4\",\n  \"@vanilla-extract/css\": \"^1.6.8\",\n  \"@vanilla-extract/recipes\": \"^0.2.3\",\n  \"@vanilla-extract/sprinkles\": \"^1.4.0\",\n  \"clsx\": \"^1.1.1\",\n```\n\n### Usage with Next.js\n\n```tsx\n// pages/_app.tsx\n\nimport '@fontsource/inter/400.css'\nimport '@fontsource/inter/600.css'\nimport '@zoralabs/zord/index.css'\nimport { ThemeProvider, lightTheme } from '@zoralabs/zord'\nimport type { AppProps } from 'next/app'\n\nexport default function MyApp({ Component, pageProps }: AppProps) {\n  return (\n    <ThemeProvider theme={lightTheme}>\n      <Component {...pageProps} />\n    </ThemeProvider>\n  )\n}\n```\n\n## Themes\n\nTheming with Zord is done by defining an object known as a \"_Theme Contract_\", a common interface of consistent design tokens defined in a central theme file and then used throughout a site's components.\n\n```ts\nexport const colorTheme = createThemeContract({\n  foreground: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    destructive: '',\n    warning: '',\n    reverse: '',\n    transparent: '',\n  },\n  background: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    warning: '',\n    destructive: '',\n    reverse: '',\n    transparent: '',\n  },\n  border: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    warning: '',\n    destructive: '',\n    transparent: '',\n  },\n  text: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    warning: '',\n    destructive: '',\n    primaryInverse: '',\n    transparent: '',\n  },\n  error: {\n    light: '',\n    default: '',\n    dark: '',\n    background: '',\n  },\n  success: {\n    light: '',\n    default: '',\n    dark: '',\n    background: '',\n  },\n  warning: {\n    light: '',\n    default: '',\n    dark: '',\n    background: '',\n  },\n})\n```\n\nMultiple implementations of a ThemeContract can exist on a single site, and the themes can be swapped in + out to enable, for example, dark and light theme variations, or themes designed to assist users who are visually impaired.\n\nEach theme maps 1-1 with the ThemeContract:\n\n```ts\nexport const lightTheme = createTheme(colorTheme, {\n  foreground: {\n    primary: color.black100,\n    secondary: color.black70,\n    tertiary: color.black50,\n    success: color.successDefault,\n    warning: color.warningDefault,\n    destructive: color.errorDefault,\n    reverse: color.white100,\n    transparent: 'transparent',\n  },\n  background: {\n    primary: color.white100,\n    secondary: color.black10,\n    tertiary: color.black5,\n    success: color.successBackground,\n    warning: color.warningBackground,\n    destructive: color.errorDefault,\n    reverse: color.black100,\n    transparent: 'transparent',\n  },\n  ... (+ all other tokens)\n}\n```\n\nThemes are most commonly used to define theme colors, but can also be used to specify typefaces, spacing conventions, borders, animation standards, and more.\n\nZora's standard theme defines colors, borders + radii, container sizing, animation easing, and spacing increments:\n\n```ts\nexport const [baseTheme, vars] = createTheme({\n  color: colorTheme,\n  space,\n  size,\n  radii,\n  border,\n  ease,\n})\n```\n\nTODO: How can we easily let people customize themes?\n\n- fonts\n- colors\n- spacing\n- breakpoints\n\n## Styling with Zord\n\nZord uses a heavily-adapted styling implementation based on the Vanilla Extract styling framework. At Zora, we've found that this system allows us to develop front-end code rapidly using design primitives that can be customized using a large set of pre-defined CSS properties that adhere to Zora's theme specifications. At its core, Zord makes extensive use of Vanilla Extract's [Sprinkles](https://vanilla-extract.style/documentation/packages/sprinkles/) package to statically generate CSS classes that can be re-used without continually adding to an app's CSS footprint. The Zord implementation renames Sprinkles as Atoms.\n\n## Basic styles\n\n```\n// Container.css.ts\nimport { atoms } from '../atoms'\nimport { style } from '@vanilla-extract/css'\n\nexport const container = style({\n  width: '100%',\n  height: '200px',\n  backgroundColor: '#DEDEDE'\n})\n```\n\nThe most familiar way of styling a component is using the style() function in an external CSS file. `style` writes to a .css file on build, and `container` is exported as a className that can be applied elements in markup: `<div className={styles.container}>`\n\n## Atoms\n\nAt the heart of Zord are a broad set of atoms, a selection of the most commonly-used CSS properties. Atoms enable a developer to take advantage of the filesize efficiencies gained by pre-defined classes while applying styles to components in a number of ways:\n\n- in a separate stylesheet\n- as props\n- directly into a className attribute using the atoms() function (handy for applying styles to non-Zord components!)\n\n**_Separate Stylesheets:_**\n\n```\n// Box.css.ts\nimport { atoms } from '../atoms'\nimport { style } from '@vanilla-extract/css'\n\nexport const box = atoms({\n  width: '100%',\n  height: 'x10'\n})\n```\n\n```\n// Box.tsx\nimport * as styles from 'Box.css.ts'\n<Box className={styles.box} />\n```\n\nYou can also add atomic styles to style declarations alongside styles that aren't included in the atomic presets:\n\n```\n// Box.css.ts\nexport const box = style([\n  {\n    boxSizing: 'border-box',\n    backgroundImage: url(\"zora-is-nice.gif\")\n  },\n  atoms({\n   width: '100%',\n   height: 'x10'\n  }),\n])\n```\n\nSo in the above example, the styles defined within `atoms()` will apply the pre-generated static styles, and not add to the size of the stylesheet.\n\n**_Atoms as props:_**\n\n```\n// Box.tsx\n<Box\n  width='100%'\n  height='x10'\n/>\n```\n\n**_In className attributes (handy for adding atomic styles to non-Zord-based components):_**\n\n```\n// GenericContainer.tsx\n<div className={atoms({\n  width: '100%',\n  height: 'x10'\n})} />\n```\n\n## Spacing\n\nYou'll notice that the Box component above specifies height as `height='x10'`.\n\nZora implements a spacing system based on 4px increments:\n\n```\nexport const space = {\n  n2: '-8px',\n  n1: '-4px',\n  x0: '0px',\n  x1: '4px',\n  x2: '8px',\n  x3: '12px',\n  x4: '16px',\n  x5: '20px'\n  ... (+ many more)\n}\n```\n\nThese spacing increments can be applied to the following atomic properties:\n\n```\npadding (p, paddingTop, paddingBottom, paddingLeft, paddingRight, pt, pb, pl, pr, px, py)\nmargin (m, marginTop, marginBottom, marginLeft, marginRight, mt, mb, ml, mr, m, mx, my)\ngap\ntop\nleft\nbottom\nright\ninset\n```\n\n## Shorthands\n\nZord has a small set of shorthand convenience properties that may look familiar if you've used other popular styling systems. They can be especially useful for defining multiple properties at once, eg. `py='x4'` sets both paddingTop and paddingBottom to 16px.\n\n```\n  shorthands: {\n    minW: ['minWidth'],\n    minH: ['minHeight'],\n    maxW: ['maxWidth'],\n    maxH: ['maxWidth'],\n    margin: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],\n    m: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],\n    mx: ['marginLeft', 'marginRight'],\n    my: ['marginTop', 'marginBottom'],\n    mt: ['marginTop'],\n    mb: ['marginBottom'],\n    ml: ['marginLeft'],\n    mr: ['marginRight'],\n    pos: ['position'],\n    padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    p: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    px: ['paddingLeft', 'paddingRight'],\n    py: ['paddingTop', 'paddingBottom'],\n    pt: ['paddingTop'],\n    pb: ['paddingBottom'],\n    pl: ['paddingLeft'],\n    pr: ['paddingRight'],\n    w: ['width'],\n    h: ['height'],\n    t: ['top'],\n    l: ['left'],\n    b: ['bottom'],\n    r: ['right'],\n    size: ['width', 'height'],\n  },\n```\n\n## Responsive Styling\n\nMedia queries are defined using the following breakpoints:\n\n```\nconst conditions = {\n  '@initial': {},\n  '@480': { '@media': '(min-width: 480px)' },\n  '@576': { '@media': '(min-width: 576px)' },\n  '@768': { '@media': '(min-width: 768px)' },\n  '@1024': { '@media': '(min-width: 1024px)' },\n  '@1440': { '@media': '(min-width: 1440px)' },\n} as const\n```\n\nThere are a few ways of applying responsive styles:\n\n**_In Props_**\n\n```\n// Stack.tsx\n <Stack\n   px=\"x4\"\n   py={{\n     '@initial': 'x4',\n     '@1024': 'x12',\n   }}\n   align=\"center\"\n >\n```\n\n**_In Stylesheets_**\n\n```\n// ComponentName.css.ts\nimport { atoms, media } from '@zoralabs/zord'\n\nexport const marginTop = atoms({\n  mt: { '@initial': 'x32', '@768': 'x64' },\n})\n\nexport const paddingX = atoms({\n  px: { '@initial': 'x5', '@768': 'x8' },\n})\n\nexport const filterGridHeader = style([\n  {\n    background: 'rgba(255, 255, 255, 0.92)',\n    backdropFilter: 'blur(10px)',\n    '@media': {\n      [media.min1024]: {\n        zIndex: HEADER_LAYER,\n      },\n    },\n  },\n  atoms({\n    position: { '@initial': 'relative', '@768': 'sticky' },\n    top: 'x16',\n  }),\n])\n\n```\n\nNote the different methods used to apply media queries inside the normal `style({})` block vs. inside of the `atoms({})` block.\n\n## Selectors\n\n[Vanilla Extract' Styling API](https://github.com/seek-oss/vanilla-extract#styling-api) requires that special selectors like ':hover' and '&[data-state=\"checked\"]&:hover&:not([disabled])' must be nested inside of a `selectors:{}` object, and there are rules about targeting with which you should familiarize yourself.\n\n```ts\nexport const link = style([\n  {\n    outline: 'none',\n    textDecoration: 'none',\n    selectors: { // <-- Nested selectors object\n      '&:focus, &:hover': {\n        '@media': {\n          [media.min768]: {\n            backgroundColor: vars.color.background2,\n          },\n        },\n      },\n    },\n  },\n  atoms({\n    color: 'primary',\n  }),\n])\n```\n\n## Box Component\n\nThe functionality above is all encapsulated into the Box component, a polymorphic component that defaults to a `<div>` element but can take on the form of other elements by specifying an `as`. This allows us to build any kind of component with Box and inherit all of the useful styling behavior for free.\n\nLet's have a look at an example.\n\n```\n// UserCard.tsx\n\nexport interface UserCardProps extends BoxProps {\n  user: User\n  as?: React.ElementType\n}\n\nexport function UserCard({\n  user,\n  className,\n  as,\n}: UserCardProps) {\n return (\n  <Box as={as} className={['zora-usercard', styles.card, className]}>\n   <Heading as=\"h3\" size=\"lg\">{user.name}</Heading>\n   <Paragraph size=\"md\">{user.bio}</Paragraph>\n  </Box>\n )\n}\n```\n\nThere are a few things going on here.\n\nFirst, let's have a look at `<Heading>`, a general-purpose component. Heading has a number of size variants. By separating the style implementation from the semantic element used, we have full control over how semantic HTML is applied in different contexts. Here, we implement the heading `as='h3'`, but in other contexts we might want a heading with `size=\"lg\"` to be implemented `as=\"h1\"`.\n\nUserCard accepts `as` props and is wrapped by a `Box` that implements it: `as={as}`. So UserCard can take context-specific semantic HTML based on usage: `<UserCard as=\"div\" user={user} />` in the default case, `<UserCard as=\"li\" user={user} />` for use inside of an `<ul>`, and so on.\n\nOne more thing to point out: className takes an array: `className={['zora-usercard', styles.card, className]}`. Under the hood, Box is using _clsx_, a super-lightweight package for constructing className strings conditionally. It's similar to the popular _classNames_ package. Any component inheriting BoxProps from Box can receive styles as an array without the need to explicitly use `clsx()`.\n\n## Text Component\n\nIn the `<UserCard>` code block above, we discussed `<Header>` briefly. It's worth going into more detail. Under the hood, `<Header>` is based on a generic `<Text>` component, which inherits its behaviour from `<Box>`. `<Text>` has a large number of variants with custom fontSize, fontWeight, lineHeight. Rather than exposing this large set of variants as a single complex `<Text>` component, Zord creates a number of convenient text components to reflect these presets:\n\n```\n<Display>\n<Heading>\n<Paragraph>\n<Eyebrow>\n<MenuText>\n<Label>\n```\n\nThese text components can generally receive one or more size props: `xs | sm | md | lg | xl`\n\n## Mixins\n\n-- todo\n","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","test":"jest --coverage --passWithNoTests","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"mattlenz","email":"matt@mattlenz.com"},"description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"dependencies":{"uuid":"^8.3.2","@radix-ui/react-switch":"^0.1.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"clsx":"^1.1.1","jest":"^26.6.3","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","typescript":"4.5.5","@types/jest":"^26.0.22","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/reactkit":"*","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"clsx":"^1.1.1","react":"^17.0.2","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.0.0-alpha.0_1660894395604_0.6187787429753366","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@zoralabs/zord","version":"1.0.1","license":"MIT","_id":"@zoralabs/zord@1.0.1","maintainers":[{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"f58c13f889d10bff9a4d09514ed654bc82424d6a","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.0.1.tgz","fileCount":8,"integrity":"sha512-JHcw7OIWSQgK2MX1v1EKxnxD5gY3bZnrglRJRm8I71jlqe0cmCQbF0G9gYnk9jFBhJUWs2mH5DOd5KxU/DbIpA==","signatures":[{"sig":"MEYCIQDkuIhLcHVTtTIbJ/WxVsaqnBGjWgLF2Gn+D/Q40HgM/QIhAJWtXwHVpTgSSDcrOLvAskUMESiWzKXl0Uv/yPfB6U5T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3205985,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBuorACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyiBAAjqagU9NVX7EwnCBL0Nry1SffuK4lufv91meVzlsYTkWCEJQx\r\nKT7H+TFpOougL4derKbWmzi71EYtibd28uSZc7y5Ith7HRFpDtdZzAhJ2b6y\r\nWrgWvSDaVVfLCtHwiZFfrCcaa+LphCiKPUA2Xg0RAM5et67MhSga9zSraPp8\r\nL0LQFximRvd+FWKMSg5P9yhZdr9lwGYdLTfmMswYlgSjrJhzmsNme8HpxUuD\r\nDnm91+G4rkNnc/yTPcOjS51Y3emyadpsHcBniJKbSmaaqM5g//qbzST/u8eA\r\n7+3YlExKjBC6urMlpSCO7KuAHu/mJPKTQNW6eAqBSDRLxybbdlsDSdyU5Mut\r\nW+Zvk9vr+ske4Po9kE7GMBcXh/IEBQ/tPT9CP0sMQGLprwRl4F8U5ycU07Rz\r\nnCpVkHyk4yei62HfhxwDnrqUpHrKE+UfPo+ls4ss/WvFxM36slBwZuJt4LpP\r\n/btLdpT2Imgaidt/MWjVAFIquC7T2K5vn3oBFXTZPRCXBksU3QEt7uPPxMhO\r\nCVZhNTjI9yMfA2FKptifvZIZjWFg1CBOjoer8C1BeJ+2Qc7ci48bsiA3rydm\r\nB5phouY3XstkFgE+3xftmEJOZGKc3PMvIlIGHGjvj0BP+13G5kk1qs4beEJj\r\n02cvW0zT21y4Yg402EN1G58ufpW70Xl6bLk=\r\n=A+Yo\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"scripts/jest/node"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","readme":"# Zord Documentation\n\n## Getting Started\n\nAdding to your project boils down to:\n\n1. Add Zord stylesheet from `@zoralabs/zord/index.css`\n2. Set up webfonts\n3. Add Zord ThemeProvider and theme\n4. Add peer dependencies (we're working on making this easier!)\n\n**_Current Dependencies_**\n\n```\n  \"@radix-ui/react-accordion\": \"^0.1.5\",\n  \"@radix-ui/react-checkbox\": \"^0.1.5\",\n  \"@radix-ui/react-dialog\": \"^0.1.5\",\n  \"@radix-ui/react-icons\": \"^1.1.0\",\n  \"@radix-ui/react-radio-group\": \"^0.1.5\",\n  \"@radix-ui/react-separator\": \"^0.1.4\",\n  \"@radix-ui/react-slider\": \"^0.1.4\",\n  \"@vanilla-extract/css\": \"^1.6.8\",\n  \"@vanilla-extract/recipes\": \"^0.2.3\",\n  \"@vanilla-extract/sprinkles\": \"^1.4.0\",\n  \"clsx\": \"^1.1.1\",\n```\n\n### Usage with Next.js\n\n```tsx\n// pages/_app.tsx\n\nimport '@fontsource/inter/400.css'\nimport '@fontsource/inter/600.css'\nimport '@zoralabs/zord/index.css'\nimport { ThemeProvider, lightTheme } from '@zoralabs/zord'\nimport type { AppProps } from 'next/app'\n\nexport default function MyApp({ Component, pageProps }: AppProps) {\n  return (\n    <ThemeProvider theme={lightTheme}>\n      <Component {...pageProps} />\n    </ThemeProvider>\n  )\n}\n```\n\n## Themes\n\nTheming with Zord is done by defining an object known as a \"_Theme Contract_\", a common interface of consistent design tokens defined in a central theme file and then used throughout a site's components.\n\n```ts\nexport const colorTheme = createThemeContract({\n  foreground: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    destructive: '',\n    warning: '',\n    reverse: '',\n    transparent: '',\n  },\n  background: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    warning: '',\n    destructive: '',\n    reverse: '',\n    transparent: '',\n  },\n  border: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    warning: '',\n    destructive: '',\n    transparent: '',\n  },\n  text: {\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    success: '',\n    warning: '',\n    destructive: '',\n    primaryInverse: '',\n    transparent: '',\n  },\n  error: {\n    light: '',\n    default: '',\n    dark: '',\n    background: '',\n  },\n  success: {\n    light: '',\n    default: '',\n    dark: '',\n    background: '',\n  },\n  warning: {\n    light: '',\n    default: '',\n    dark: '',\n    background: '',\n  },\n})\n```\n\nMultiple implementations of a ThemeContract can exist on a single site, and the themes can be swapped in + out to enable, for example, dark and light theme variations, or themes designed to assist users who are visually impaired.\n\nEach theme maps 1-1 with the ThemeContract:\n\n```ts\nexport const lightTheme = createTheme(colorTheme, {\n  foreground: {\n    primary: color.black100,\n    secondary: color.black70,\n    tertiary: color.black50,\n    success: color.successDefault,\n    warning: color.warningDefault,\n    destructive: color.errorDefault,\n    reverse: color.white100,\n    transparent: 'transparent',\n  },\n  background: {\n    primary: color.white100,\n    secondary: color.black10,\n    tertiary: color.black5,\n    success: color.successBackground,\n    warning: color.warningBackground,\n    destructive: color.errorDefault,\n    reverse: color.black100,\n    transparent: 'transparent',\n  },\n  ... (+ all other tokens)\n}\n```\n\nThemes are most commonly used to define theme colors, but can also be used to specify typefaces, spacing conventions, borders, animation standards, and more.\n\nZora's standard theme defines colors, borders + radii, container sizing, animation easing, and spacing increments:\n\n```ts\nexport const [baseTheme, vars] = createTheme({\n  color: colorTheme,\n  space,\n  size,\n  radii,\n  border,\n  ease,\n})\n```\n\nTODO: How can we easily let people customize themes?\n\n- fonts\n- colors\n- spacing\n- breakpoints\n\n## Styling with Zord\n\nZord uses a heavily-adapted styling implementation based on the Vanilla Extract styling framework. At Zora, we've found that this system allows us to develop front-end code rapidly using design primitives that can be customized using a large set of pre-defined CSS properties that adhere to Zora's theme specifications. At its core, Zord makes extensive use of Vanilla Extract's [Sprinkles](https://vanilla-extract.style/documentation/packages/sprinkles/) package to statically generate CSS classes that can be re-used without continually adding to an app's CSS footprint. The Zord implementation renames Sprinkles as Atoms.\n\n## Basic styles\n\n```\n// Container.css.ts\nimport { atoms } from '../atoms'\nimport { style } from '@vanilla-extract/css'\n\nexport const container = style({\n  width: '100%',\n  height: '200px',\n  backgroundColor: '#DEDEDE'\n})\n```\n\nThe most familiar way of styling a component is using the style() function in an external CSS file. `style` writes to a .css file on build, and `container` is exported as a className that can be applied elements in markup: `<div className={styles.container}>`\n\n## Atoms\n\nAt the heart of Zord are a broad set of atoms, a selection of the most commonly-used CSS properties. Atoms enable a developer to take advantage of the filesize efficiencies gained by pre-defined classes while applying styles to components in a number of ways:\n\n- in a separate stylesheet\n- as props\n- directly into a className attribute using the atoms() function (handy for applying styles to non-Zord components!)\n\n**_Separate Stylesheets:_**\n\n```\n// Box.css.ts\nimport { atoms } from '../atoms'\nimport { style } from '@vanilla-extract/css'\n\nexport const box = atoms({\n  width: '100%',\n  height: 'x10'\n})\n```\n\n```\n// Box.tsx\nimport * as styles from 'Box.css.ts'\n<Box className={styles.box} />\n```\n\nYou can also add atomic styles to style declarations alongside styles that aren't included in the atomic presets:\n\n```\n// Box.css.ts\nexport const box = style([\n  {\n    boxSizing: 'border-box',\n    backgroundImage: url(\"zora-is-nice.gif\")\n  },\n  atoms({\n   width: '100%',\n   height: 'x10'\n  }),\n])\n```\n\nSo in the above example, the styles defined within `atoms()` will apply the pre-generated static styles, and not add to the size of the stylesheet.\n\n**_Atoms as props:_**\n\n```\n// Box.tsx\n<Box\n  width='100%'\n  height='x10'\n/>\n```\n\n**_In className attributes (handy for adding atomic styles to non-Zord-based components):_**\n\n```\n// GenericContainer.tsx\n<div className={atoms({\n  width: '100%',\n  height: 'x10'\n})} />\n```\n\n## Spacing\n\nYou'll notice that the Box component above specifies height as `height='x10'`.\n\nZora implements a spacing system based on 4px increments:\n\n```\nexport const space = {\n  n2: '-8px',\n  n1: '-4px',\n  x0: '0px',\n  x1: '4px',\n  x2: '8px',\n  x3: '12px',\n  x4: '16px',\n  x5: '20px'\n  ... (+ many more)\n}\n```\n\nThese spacing increments can be applied to the following atomic properties:\n\n```\npadding (p, paddingTop, paddingBottom, paddingLeft, paddingRight, pt, pb, pl, pr, px, py)\nmargin (m, marginTop, marginBottom, marginLeft, marginRight, mt, mb, ml, mr, m, mx, my)\ngap\ntop\nleft\nbottom\nright\ninset\n```\n\n## Shorthands\n\nZord has a small set of shorthand convenience properties that may look familiar if you've used other popular styling systems. They can be especially useful for defining multiple properties at once, eg. `py='x4'` sets both paddingTop and paddingBottom to 16px.\n\n```\n  shorthands: {\n    minW: ['minWidth'],\n    minH: ['minHeight'],\n    maxW: ['maxWidth'],\n    maxH: ['maxWidth'],\n    margin: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],\n    m: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],\n    mx: ['marginLeft', 'marginRight'],\n    my: ['marginTop', 'marginBottom'],\n    mt: ['marginTop'],\n    mb: ['marginBottom'],\n    ml: ['marginLeft'],\n    mr: ['marginRight'],\n    pos: ['position'],\n    padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    p: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    px: ['paddingLeft', 'paddingRight'],\n    py: ['paddingTop', 'paddingBottom'],\n    pt: ['paddingTop'],\n    pb: ['paddingBottom'],\n    pl: ['paddingLeft'],\n    pr: ['paddingRight'],\n    w: ['width'],\n    h: ['height'],\n    t: ['top'],\n    l: ['left'],\n    b: ['bottom'],\n    r: ['right'],\n    size: ['width', 'height'],\n  },\n```\n\n## Responsive Styling\n\nMedia queries are defined using the following breakpoints:\n\n```\nconst conditions = {\n  '@initial': {},\n  '@480': { '@media': '(min-width: 480px)' },\n  '@576': { '@media': '(min-width: 576px)' },\n  '@768': { '@media': '(min-width: 768px)' },\n  '@1024': { '@media': '(min-width: 1024px)' },\n  '@1440': { '@media': '(min-width: 1440px)' },\n} as const\n```\n\nThere are a few ways of applying responsive styles:\n\n**_In Props_**\n\n```\n// Stack.tsx\n <Stack\n   px=\"x4\"\n   py={{\n     '@initial': 'x4',\n     '@1024': 'x12',\n   }}\n   align=\"center\"\n >\n```\n\n**_In Stylesheets_**\n\n```\n// ComponentName.css.ts\nimport { atoms, media } from '@zoralabs/zord'\n\nexport const marginTop = atoms({\n  mt: { '@initial': 'x32', '@768': 'x64' },\n})\n\nexport const paddingX = atoms({\n  px: { '@initial': 'x5', '@768': 'x8' },\n})\n\nexport const filterGridHeader = style([\n  {\n    background: 'rgba(255, 255, 255, 0.92)',\n    backdropFilter: 'blur(10px)',\n    '@media': {\n      [media.min1024]: {\n        zIndex: HEADER_LAYER,\n      },\n    },\n  },\n  atoms({\n    position: { '@initial': 'relative', '@768': 'sticky' },\n    top: 'x16',\n  }),\n])\n\n```\n\nNote the different methods used to apply media queries inside the normal `style({})` block vs. inside of the `atoms({})` block.\n\n## Selectors\n\n[Vanilla Extract' Styling API](https://github.com/seek-oss/vanilla-extract#styling-api) requires that special selectors like ':hover' and '&[data-state=\"checked\"]&:hover&:not([disabled])' must be nested inside of a `selectors:{}` object, and there are rules about targeting with which you should familiarize yourself.\n\n```ts\nexport const link = style([\n  {\n    outline: 'none',\n    textDecoration: 'none',\n    selectors: { // <-- Nested selectors object\n      '&:focus, &:hover': {\n        '@media': {\n          [media.min768]: {\n            backgroundColor: vars.color.background2,\n          },\n        },\n      },\n    },\n  },\n  atoms({\n    color: 'primary',\n  }),\n])\n```\n\n## Box Component\n\nThe functionality above is all encapsulated into the Box component, a polymorphic component that defaults to a `<div>` element but can take on the form of other elements by specifying an `as`. This allows us to build any kind of component with Box and inherit all of the useful styling behavior for free.\n\nLet's have a look at an example.\n\n```\n// UserCard.tsx\n\nexport interface UserCardProps extends BoxProps {\n  user: User\n  as?: React.ElementType\n}\n\nexport function UserCard({\n  user,\n  className,\n  as,\n}: UserCardProps) {\n return (\n  <Box as={as} className={['zora-usercard', styles.card, className]}>\n   <Heading as=\"h3\" size=\"lg\">{user.name}</Heading>\n   <Paragraph size=\"md\">{user.bio}</Paragraph>\n  </Box>\n )\n}\n```\n\nThere are a few things going on here.\n\nFirst, let's have a look at `<Heading>`, a general-purpose component. Heading has a number of size variants. By separating the style implementation from the semantic element used, we have full control over how semantic HTML is applied in different contexts. Here, we implement the heading `as='h3'`, but in other contexts we might want a heading with `size=\"lg\"` to be implemented `as=\"h1\"`.\n\nUserCard accepts `as` props and is wrapped by a `Box` that implements it: `as={as}`. So UserCard can take context-specific semantic HTML based on usage: `<UserCard as=\"div\" user={user} />` in the default case, `<UserCard as=\"li\" user={user} />` for use inside of an `<ul>`, and so on.\n\nOne more thing to point out: className takes an array: `className={['zora-usercard', styles.card, className]}`. Under the hood, Box is using _clsx_, a super-lightweight package for constructing className strings conditionally. It's similar to the popular _classNames_ package. Any component inheriting BoxProps from Box can receive styles as an array without the need to explicitly use `clsx()`.\n\n## Text Component\n\nIn the `<UserCard>` code block above, we discussed `<Header>` briefly. It's worth going into more detail. Under the hood, `<Header>` is based on a generic `<Text>` component, which inherits its behaviour from `<Box>`. `<Text>` has a large number of variants with custom fontSize, fontWeight, lineHeight. Rather than exposing this large set of variants as a single complex `<Text>` component, Zord creates a number of convenient text components to reflect these presets:\n\n```\n<Display>\n<Heading>\n<Paragraph>\n<Eyebrow>\n<MenuText>\n<Label>\n```\n\nThese text components can generally receive one or more size props: `xs | sm | md | lg | xl`\n\n## Mixins\n\n-- todo\n","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","test":"jest --coverage --passWithNoTests","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"mattlenz","email":"matt@mattlenz.com"},"description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"dependencies":{"uuid":"^8.3.2","@radix-ui/react-switch":"^0.1.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"clsx":"^1.1.1","jest":"^26.6.3","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","typescript":"4.5.5","@types/jest":"^26.0.22","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/reactkit":"*","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"clsx":"^1.1.1","react":"^17.0.2","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.0.1_1661397547447_0.9495221449755356","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@zoralabs/zord","version":"1.0.2","license":"MIT","_id":"@zoralabs/zord@1.0.2","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"c152c952225b928a5d461b14fb427215c3020aef","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.0.2.tgz","fileCount":6,"integrity":"sha512-O/4GN9rsmICquEwFeLe84oIWspDablFdmNe/68JS0aEMmAp7w2KUP3vX1pz6eQjF9yiZ1Zekw/OSN7ZkCYUn/A==","signatures":[{"sig":"MEUCIDph03FvykZOdKPFHE0TJpH96T5cuUnGBvTdXWn3OhIkAiEAoeqybS/CjZa5MwQ/uJ3isuRN6fI/uKEWGPNQ236bTSY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1727229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjI9NjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcCQ//SYE1ZeA3Uy5AVb9g18/zml1oVeEGMVTtEKNsl4c/TgpkqMLS\r\nkE5zAg+euj56Ge1FdU9ypbxjS8MGahrbk+2GcFJ+bOaaeOM95eCGO1V0YkeD\r\nnznc576ISahayiluh47gODDPVY/M7fl6AafKTFX/t/hbJ2LejtzBFQPoQQOt\r\nBFYcT+VSljRUOecCBj3mrKM5QMBH1b/jzyPR7mdWNIlhnVJjnxUn0g1MfNuW\r\n4nLKdyH8LJsBXd2Elz78zErhdXaxp1gGtnOLxlIpvVnCKuWIXbGFt3OmswQd\r\nvq5UuyvEXU9vpV7BLgtKBfviNSgSYt1Sm/dnLEqXBDtAzCMFgcf7D+VRqgUa\r\nwskwT8nsDaQ9Sv6WpVa6nx3r7C5YIOz36dZ6/tMDNxieMsOBFs/sy6NXNAw1\r\nECedYzWL1gKRtZQcs4f9U5+MlSA9bQnfClJ2k2x366/nlC4PCTK+qDwBxf2R\r\nuNwIL+yoHaRlAF1ePci8thtLSgKKgs9ftDctfw/IYxlKBCvEIDWinvVp/+Bx\r\nAdYe5zR78pxzma3ATE451Z/2yrs5gahbpe/BTvedot8aQN9q4a+CcGOJUMO7\r\nP59FJF9HJyn97jKYvJqQCq8y097bs9jS1QGyfdrPfdPpfCvmgn5DiDFObew2\r\nHKBhXGyR/s892AUfrdhwzRwAPDlECinQ6ZI=\r\n=gRMs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"a40e7eca78a7d4adeae057f568f051c6cb0cfeab","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","react":"^17.0.2","react-dom":"^17.0.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.0.2_1663292258880_0.6185678234194705","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@zoralabs/zord","version":"1.0.3","license":"MIT","_id":"@zoralabs/zord@1.0.3","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"bf571f407111883612878746e4c057e8bb585bc5","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.0.3.tgz","fileCount":6,"integrity":"sha512-2MPCz8rL4vyk4hFAFdeCXs8SXGaMVLZJBAgVZjOSkS/jv/PtUfoNeZ87hvLuRORyIftyxfqyumeMasqt/M0Vng==","signatures":[{"sig":"MEYCIQCZVFsxLoqxukkblX2kZQ0uOgsC7mjWDsBSIz7xQRmxRgIhAL+OQ8WNSSptFtcqJoi5DnVGwPgIp+UAOt8AZmnV1lkO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1727301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjI+fvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptlA/7BEp6NS2fmM0ld88w9vtiNQmemx/4MRGiIt6dW7hyKnqHXjVL\r\nKIwkcaq1nTU6wm6tyv8fhV8qpwX3mX4HM8+uuV8KTIT4R6IaqaorHySlKYQf\r\nQFmyu5pspLXRZX71RH97cgGj3bfUuwMlUE7VNcqxoEK7+mIh9ZLC3d3jWePp\r\nR1/5Pt7tUYdkc5aMl0wJApDndx+4JplOSIfYYcXyyCO4oYuwU/MibuXPo8Pr\r\n5kdjjgRwncqiX7xns2TQCkb8jy0lCtWD7P+pM7nNAyi34k6guWeBiHPbOrtp\r\n20/ww2w0+M2SYemHJbWqgwzQYk1ikN6IDltqX5KiFecTcxmq1/4czO10kM7Q\r\nLh6dbNBX1LT2Dna+viRQILNRM1DoIcdlUg18/rQu8yW1HmfnudXZhWuJnQ/O\r\n7K3IQ9aMq06VDIwJVnoZm+d1WcLutLIqQYSaLlrcoVLpj5OsBtJE/EgZbS5c\r\nkU91ik71sW2+2UKdsENBIqzTG134wSo4i1lt9KQRjDoc4tJD6tkxxpAKfKov\r\n4seTaKH8opi41T3xwJv1meF3UTzZTrbBaZcFEEc8kC7YrfhVFVZ8rdTPBvJD\r\nbLSsD/3e1zXaTMdwyQbmuZx8d+HLubZgGeS0nV98XDy+b2dK/7Du7hkUuKCG\r\n/qs70pNRR2VIM5+JjEVcdU/fqL12z54P/fE=\r\n=1G/b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"2df4afd9cc01a4acf265d0e670fc2e2bbabc5d2e","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"yarn build-icons && tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.0.3_1663297518920_0.7330484511632602","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@zoralabs/zord","version":"1.0.4","license":"MIT","_id":"@zoralabs/zord@1.0.4","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"cd115785cafef0466a7fc958d83e394bc6f0b5f5","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.0.4.tgz","fileCount":6,"integrity":"sha512-L90krfyfWbG95QWyY8XyNybIFFVEmb4eWUajoExIEWgO/sugJpJuTjJSBrX5hSFjvbAb1MqPvv12fPGQ38f9Pw==","signatures":[{"sig":"MEUCIFtD+gsY+TLsNPG8SHH6J7Fr7dgn8tuFmIa2OjaRxvn6AiEAk85/LtJN+c1iCPylJGpJGYDvIpkBX6d2JbeKDqzPk7Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1727281,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKA9nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkqA//XVZU1HKjUFtGcfaSNgTSuMoqg2rUUcb+NnH/YD6gUy+cuj12\r\nNAgQxxyEOSY8jT53T3upSDpBJdGf5jqNpxIpoWg5uIPbdS1+ubMERicw6a1x\r\nYJ9OkHDC47Qx6f9AY3wKuPiRjR7rOaQcYbpTxwPX4Ue8fnvQDGl7a6acJR7z\r\nImuCvZAt5nGyBvgWDkNMSbKJEOWN+vzph7944euShNrWCTWMGG92Ngentb3b\r\nhpn/TjrSX1KvxnRRg/L3dC+x8sSHIXwTo+R0Y28CQ7mbN8vGE1bqkWjiAiQI\r\nbr9DgUK8awj6Z3kGuKsWsSXJIlFwx7IdEBxPKwSEoRD2Rp4MmgcNTgdBGmNU\r\nzeulqvvtTBZZLsKg2MfYEshuKNqku5YwcfIOz7ynPwDm2gISf9zpd4+j0TAf\r\nVaJQBTFB1j06rCLwhlN3L5hebNpui5+4QBIWGNZ6Qo8lhbtP1lwfF3B0yTA/\r\nycPxG8+66u2LbrkNhHtYPXBdji1IkbuY4xZkUgXbuJw/lb1kqPVlrraxf5DJ\r\nBXyMS1k+RfptrLYyh7LzcAWXQAI6UFnC0rx5Q+1Mc5+iq1jC1a5WU2Z+Rk0r\r\nNGEAbWkD2HyLe7CHL9Oi+BDBuEGyJ1TNs+eVD3yZD8owc01yAgBXoFiBDtpX\r\nfs625CGLBI3uQRWkK1IpVpS86q2EJOSwlPs=\r\n=CoNV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"234488b7a34a2a89dcd04e7a5cdec4a925a9055f","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.0.4_1663569767061_0.361751625745365","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@zoralabs/zord","version":"1.1.0","license":"MIT","_id":"@zoralabs/zord@1.1.0","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"a78da1667666dd88e82df52a29f2713767a5262a","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.1.0.tgz","fileCount":6,"integrity":"sha512-ogHopZGypGSdDsm8WDYr8RPJ1jb4u8kVNcvvCWTuCBunq3vBm3g8Z5+zkUPcFg5KHjKhRpl7ez/OOfF/dm6MoA==","signatures":[{"sig":"MEYCIQCtQv7UwMVZbvG58i6ntDZPm1H/9G+byME5/wAtz+izXAIhALnqrGW0a8IDKWbSeFWE8A6Rt/B1XL5VWzm7S7pv922F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1727738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKQsZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplDg//Xriu2sIimxveTyR33FpXciSQG5ZjBGvu15Dr71Zl6DboV9Fc\r\nV4Jpu63sPDR2t0pYN9aw1N8UKCLrzfCTe9a8Tw0O29OQbKnJj/QZpb8TulzA\r\nYWZU/vyJZgo0RxC6jH1Yy9xMwVjYLYYZCI9T2esGlcaOtM+zujckkKL5o9wh\r\nj/WN9ftls+I9I6AAWu1F3XmO8pZAyU+HJcW7aea4HABqtSot+Srrcvrn7sTJ\r\n0LC92yrDt61LonpovOmSKlEMLsW7u0lPP1rt4m1wyLgBilPZM8oezhC15KF0\r\ntmq9K2qLonb1vGiShLR8Nv7H0O7D424WRP6qFM5Gpb1BL47EutwiDdIgZP6p\r\nzD/tynpa4r5ixyElvS4/OAW3j/E8kUBwUP9q3Lic7gslIRXiTaWxsPmjdKM6\r\nzsqd/78p9/nmNuyRXaDHrqPiB9lU/jEg1DcunVPi88HV9kH6y7o6iyRH/7b3\r\n+wvsRS0e8X1jYTGgtV+IrWRsq6M9pwjT32mgi6Gh3vruykqMMIgiwSzdyZp9\r\nZgZ++Nrmb80N/Bp+Bl7E7/T6mjLntk1KO22wCMhqO3HmqHQ0ZejolgYVGAi9\r\nlA3fMVaOaNyE5IDOJwv3ZE4kjqw+lY6kgXEpB/SuOvV8Nr4dmU+0/s3qj3bk\r\n980gmNTMWd9lopeJ6Ey1wtj+gkdcmKFBMcE=\r\n=hxts\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"a8178c40936d26a441be77130643a6a90f897fe4","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.1.0_1663634201001_0.5882601040903077","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@zoralabs/zord","version":"1.1.1","license":"MIT","_id":"@zoralabs/zord@1.1.1","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"f3c85024891b6938e68d508a248877a84864e1c7","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.1.1.tgz","fileCount":6,"integrity":"sha512-eM7F9jH2/JyynnwVmqEFTqIG14D0RS7yTnu4KkZ+h811BT70fTAazkzVTHUS2sscN+4dFh9LGZpTOSpufqO9Bw==","signatures":[{"sig":"MEUCIBCMT6rvDnRIjRuAXrn+Uvgch4oU9Qgfzz3dCWNC1zp0AiEA/i9NwxZE3YGgHsOvN5+ZpBaHJ0bRljjgyQh8f6G+SDg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1728003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKRmZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKORAAoiu/y7aU6YeZzKj8irOj/OdrbIoxpxLYqFrwc5dH6KhOUu3w\r\nAuAQ5EAESBI+iDZFhbcvzuWfvHIcL2NOjD6xFFLGXE9UE2iauVOBJ4HArQTV\r\neqVh69J7fGQEJWt2KOeHE805V7APj+vw4Y2JKRyZPbgH65QFIJPFG8r54v8z\r\nBp+L4Nn1vB+XdzGVCgrh15q1o/xJj3A56NPaxmH0VUMDfac5NA/GLqva74rc\r\no6V4SKG35RjQN0aL4pu4wKvk+vkYhEMBagnw9CFHzpimPfj22t/HjSedB17N\r\nBQ5dDtPxRl+GZ/a02DWV8WVo5OvFTQDUpQfF52FjGWUfcZlrUnch8ovp3LaG\r\ntHt9aF6pNn0DKywf3kkjEDMygtbTnnKaDdaHD2Mp3W0nhEfkXKZzllp39mxl\r\nrBt6VyifLSJnzme3AuaJNUT1rWT1KSCyfVBTImtSfARoHa+O1JVs7RS3DexB\r\nlEHKj4xVOyG98yZMr4mow3+wb4iyLW/K7LkGZuOXl+HjPa3fcENyZHqz9BmS\r\n3ZR1DE0ML5ozK5gHqWdeyBaD7XJDEkQQfuOAEMJO3DX+yzBdJwtcf0z5vJzJ\r\nXwuZHEEzCYzMdX5Wj9ESmjFkdtTomL8lQAiVvhXYfKMcagYdlarvofLb5lzd\r\n83EqLwOyw+kOlKIa+We67o0q8MiXkTGLZ6Q=\r\n=uMWX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"3660c13eb5d458073bf38361b8eb36a25554b78c","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.1.1_1663637912763_0.4836322854764388","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@zoralabs/zord","version":"1.2.0","license":"MIT","_id":"@zoralabs/zord@1.2.0","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"62c87cab1b6846476e74d1e6ad6cd6b17ac37a41","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.2.0.tgz","fileCount":6,"integrity":"sha512-DdCMR7HkVzvZ+oW0ZVfAHfP46VueDCXI/+gjPGRlXVQf5d7neeTl93buSPMX1Z9cdhQQoRV9rua098mudNEAvA==","signatures":[{"sig":"MEUCIHWk/OnTCFBKBC5V3B79jrGpP52mqHdGzQOqv4BwvrQ5AiEA9mqRrEmb01gw/+OsHwgsW54qERRp6Czszp+2jkYNS5o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1728161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLLqiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPQg//SuTFvgJeFYqPdSvgB7hnR+AcgtHV6yMu1uxlT+SHDWBWMqd6\r\n50bwPPMPn9s9ItmhHuax5VVm2OVi87V1583urusPuYSoU/V8KN5X4gWhaxxF\r\nj10g1L6D/fUHWf4GEhHLbgowhco0VfC+pJdOPry36znXTbA6prqy5blKVkVb\r\n+p4D4AO5Nf4qqyCFYCSDxdmjtjfi0fLJv8V+HfU7sqeq7qcQym3EzUW53blz\r\nroK9SX+/O1Q+1bZyfWU7qtg8UTOh5dM3PjrqHTbHgUYXKE95hOBmpsblo/f6\r\nSpTQff42i7XbBYD7u3WHyX4j8iTsBkxygapJ9OT4FOKQM4l93u8NNE1lQOWP\r\ndtwRV+zvptx5cIHUiZlsUnejdVfy4e7VuNmoxltCcw3Epgk2koramqUNr+BF\r\noPhSl0NjQdNzPDdgMVUmVVvm07eoz1fOV5jNhFVqqKUm306fdN5RdkLWUqXx\r\nRr7txMXvSOBgs4ij9jFfex0BKO02att+gjPawBkSYDbfJzTBsAUG4A2g/fQE\r\nEnBkd4lDsjQpF8ThWYCsG1FZvh3iPdxFlA4ms71EHFbPdytcvHPOunZrb0yR\r\n8q4w6sHGNtjDfcYVa8Mhqa0vmMkY2+YBl/Bvsm2domroUVar243Shp1/dmQv\r\nTkE9iiS9VjHqKjBgj3U2VgCubofLBB3v7Wc=\r\n=/8W8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"3b994f51e6dc2f37142d2d4332a39d93372d360c","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.2.0_1663875745914_0.8769374539599359","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@zoralabs/zord","version":"1.3.0","license":"MIT","_id":"@zoralabs/zord@1.3.0","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"6c576623b0479c4908029b96ebb2cf1b50c4e3f8","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.3.0.tgz","fileCount":6,"integrity":"sha512-ip0AS2fYpB1+4knkfhue7WnTcE3p9SjYsmrk7LQ5MUcXYr/sH7iZ7UMId2mZ4zyBsBtx5+nHAkgj1Erlx++6fA==","signatures":[{"sig":"MEUCIFUw/ZA8p/OIgCei67g6HCb2asekd6iy1KuBWG/80R8EAiEA3MN7xVodJRJWwDZEL0VvMQJ7ZN5Frz52dRNnVlv0wg0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1728152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLdZKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoipRAAmuwilqWavKX91F8IwSmbTIwrzNJ4Jp0j/dQGZvmu38dtHbLC\r\n7SP63SP9DtfY2BRjkSdOYa2pnLrwRD7r7vzz9L+gYorGN4nS/3nRfpvFOxba\r\nKRxlvGCta02BGiJtqoM1P58S1NX8PEn3iURjHyq2OXNtfx4j6+y1mqXe5s85\r\niTtEGhv0CZdA4Fiu6xLWJEF6UpBtewkzfmPZupeS26HocuCGWgnBdp0f5M9V\r\nvJmdI7LGCbLCysrClCUE157C5iAXVL6UTjeUYqnUek4eS36meAjLhWInI0fj\r\nPeazMiOB4boSQUYDiV9ymmJA2wJPDSOjEFLFewwzcbB/uRTIo5ud8TiA2Zgl\r\nSREW6wSd4zPM5F1o7aKEbEFx6F57174C9OPH8p9cc1iNKrP5ekMxrs7S8dq8\r\n1eZnXacm4YrIlCSOwePPSV1gnEH0uMXU0SRhLqdk7T/F3I/HNWJi+QrCDxc2\r\nGlENtc4a+Z4K8f2/OSa3r14D4z2n0SzZ1AHDdm2LU5StuIpsspoX7Nb2zITX\r\ny9AKOW8Yyu8w0tchJFKvQInejWnrRCz61yiOPm8L1ZsC49Lgw0j4BXpj5+GU\r\ndszmOM5KN+LrF9T21PFFrslVb5dga+Q2tB7cvd7/t0UL8AwrgvehjXEc9FVb\r\nbTCKGOcwdiAipZjHDdkmDygXHFqv3insghQ=\r\n=fVxZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"59fc27e7016e334bd70216a3fe25e39068a002e0","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.3.0_1663948362743_0.30668050670881186","host":"s3://npm-registry-packages"}},"1.3.1":{"name":"@zoralabs/zord","version":"1.3.1","license":"MIT","_id":"@zoralabs/zord@1.3.1","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"5adfec62b1667cae43c2e67b9373d190a4584c5d","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-1.3.1.tgz","fileCount":6,"integrity":"sha512-9TiXP2BG8zuBqh1BXZtKNrsSKzIDXjL8WE2CDGmR+kvgvqHsE9dDDxZX4rv+mx5fpWTa2eFZfKIl56AISA2pNQ==","signatures":[{"sig":"MEUCIBoe0Leml2kmWC1/Ydt65cXUmxZ+yHOP6fMx5ec60RNxAiEAtRubcM61IdxdxgB5MQfF5+noJRqIQkQ89l5bZsoB05k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1728134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLgWVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFUhAAhNBT25Oj6ukfmrzuWzahBZ8zmz3D4A/7ykZHMh1oLswRluzz\r\ng7wma46iE47JS7aZEpv4OE9L/yli6oxO5Wz8MnxsdLoGKirupBMr85YgKaqB\r\nPjI5erm3btt+Is4yZcwmBw17TXtpWc8fLA3rvpzEWzJ0wZOwLS7XFGLsWufi\r\nrVvJD4H7ho2D+QC58yNpiIgQx6XG5xTCQLDK+uWwyVIJy6JawA2lfJoenj0H\r\n9i3S96xOzOMwZLfDDWEsaCKIoSSawlCoD3e+jBTlhm7nBrxhYK46NX2LwHha\r\nFBKqoWPEn5WRXkrLI42Cc6dJVdafRY/Y5+munayu713VrWev6NqzrbvrJyYC\r\nKT4Pzy+0ILbyFvggEZWf5sJU/ebuZWtbfGFoB/wE+XVa1Wu+OUedRwIp67Ok\r\ndmPtWTheuOf25IpnaNVKzdUts7xK83HUwekU7C1vfYAi04kpEtkc5LllM227\r\n02r424uELGHS8TXs7CCh2DJI3iyOPqeEfd9NXjOqOBRZvAxb73qC9Saqq9uz\r\nbUFrffSyzCmVugn1tHeT4dCs5/P6hFF6g5lped7QSSvmXurCiyd/ZOb/VyRi\r\npi1JeugZBr8J3AC+/JkGXb5VBc7jTRyexFMDGu6Vf/ev+SeeD9SNxLDd+D7L\r\n7pNldohqvHETXXYH+RE7gVu4pjJuttqtyZM=\r\n=tKP0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"182d31c2abd85d769184519f34a3663d1555d2d9","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.0","dependencies":{"uuid":"^8.3.2","@radix-ui/react-dialog":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","postcss":"^8.4.13","scripts":"*","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","autoprefixer":"^9.7.6","@zoralabs/zorb":"0.1.0","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","@zoralabs/eslint-config":"*","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_1.3.1_1663960469331_0.3127722901580885","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@zoralabs/zord","version":"2.0.0","license":"MIT","_id":"@zoralabs/zord@2.0.0","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"e156cb6bd5c8fd6ad64101264f7236ec6fb25316","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-2.0.0.tgz","fileCount":6,"integrity":"sha512-byu1PeRC6m3xI8G+0nYcNNB5F/MF9n4uZwnwjCn+52oUudvTKB60ieNljxClttZ4o38U5KABWeWGDc32/icf9Q==","signatures":[{"sig":"MEYCIQDianusAkrY8ASOOrNLL6O3yxo0DdJBSW8gIUHMlatRfQIhAKeJBqwjDz0mLy7FNv6h2PupYjTkmFJ5BNCKVN1RnjLU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1480497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUeKFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMLhAAlCh2OT25mSb0Spv/Gd46YpNxufLLZNwxJivQosqtOl2SG9Dn\r\nc9+TskDW0UWR7h+kE4BBZbzr7hr7Z7IkMgUW4+u+wOxCIphlkSpiPRAYpr37\r\n1nu20TCbatmM4L7Y//oACobh9NPnkQp+OET14U+gdkoC6SCKblFdXZAbvidL\r\nNSsBvlVGbcqIw9nAWWe7/2muM+4ImIVrq/lnWd876MN5CUNQRsruHkfNcBgd\r\ns7hY5NsGPbHT3tVaTnGoMUIhczNOjYxkWbndpnvFa85xOiDWKbU56/Gwz8lX\r\ntpssBhZJKdWwOLCcVn6DGuph49gatKx+HKxrkT2ci0ywy+shMfM3yUd3VCAG\r\nBzBQQPg84eMeSJ39Ko3V/Ooa+WL9PgiIp+9lu6EImCDRo9jZ1lk+EoUtv0GF\r\nVcRG//9RqVNNVgjCuXcTlfGwF0+Hc0UOjEW0rtb2qmdabBExXSHjYntyeSsp\r\nco18rOILrbq5ergVwXQell9aZiWUUaIBKFHs17QVEbsTW/dBRCsS6518UJu/\r\nzSPdF6DL/9ryw720grrzAegNS5F+DZf5dKoz+P1gIfA5KxrPN5sAGBME2MKe\r\nIpEb6gM7hLlGiwpugYhw+HEBFhN1VyVqMRymex0JfwfXfUc/mjCbzxJ1YBwO\r\nPh8mQkcPWtut/xy3/VJK2yiAc1Pr4KTm72A=\r\n=ICV+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"gitHead":"e11dc5c0c420ea6da53bb4fe3dc645dc34a52936","scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_npmVersion":"8.15.0","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.17.1","dependencies":{"clsx":"^1.1.1","uuid":"^8.3.2","@popperjs/core":"^2.11.6","@vanilla-extract/css":"^1.6.8","@radix-ui/react-icons":"^1.1.0","@radix-ui/react-dialog":"^0.1.5","@radix-ui/react-slider":"^0.1.4","@radix-ui/react-switch":"^0.1.5","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^0.1.5","@vanilla-extract/private":"^1.0.3","@vanilla-extract/recipes":"^0.2.3","@radix-ui/react-accordion":"^0.1.5","@radix-ui/react-separator":"^0.1.4","@vanilla-extract/sprinkles":"^1.4.0","@radix-ui/react-radio-group":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^5.12.1","react":"^17.0.2","eslint":"^7.32.0","@svgr/cli":"^6.2.1","lodash-es":"^4.17.21","react-dom":"^17.0.2","typescript":"4.5.5","@types/react":"^17.0.2","@types/lodash-es":"^4.17.6","@types/react-dom":"^17.0.2","@zoralabs/tsconfig":"*","@zoralabs/eslint-config":"*","@vanilla-extract/esbuild-plugin":"^2.0.2"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/zord_2.0.0_1666310788804_0.870059782502631","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@zoralabs/zord","version":"2.0.1","license":"MIT","_id":"@zoralabs/zord@2.0.1","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"7e4d4e5f46cd4baa67229b6d82ffddcdfa8bcd3a","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-2.0.1.tgz","fileCount":6,"integrity":"sha512-8YQSiVrd9zh4xukuKoCkqZZi+nTTTHQxBmBuEIH7DwcvpxSEsIOuS4D2Rsg1WWpSnNKi0dszmfrNii818ihcdQ==","signatures":[{"sig":"MEUCIQD41MgzlIhB4xPVs7Pf4QABLYvxafGFZxXVAPIqti8wvwIgZQZKIZY4RaOoTpeMVIDWsLcf7Zvo3Mm1AMBY0+eMpo4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1496090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje/uDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoENg/9EnL8z9QmPsc+CLIjd8iWtPUEehNKc0h/kHoW4SJ2CIJgVlqn\r\nufgxdNUt7OBw/cyE1fNbVD72TH2C+F11WL/24AX4LIszOoN6gXA6NkUHn886\r\nvsDeVyUv/IRP/6bu/ho9blO/Zji9MAodT6zfN1Q/nFbxlgdwU87orog93ehs\r\n2OgS86Fyz7mbGw59wAKt0k8mTHWQ4LmwfvVV53PF+g4O5/mgN5qTJHkKuE3d\r\nbfqk4bqQ6A43BaVCpeV7M/Ydn2xyTFWbyeeA1+Ja5EgLlvIEkQfi+/iKiqpB\r\nem/zt3ez3BPzsQeXn8fIxQSlZ1LTqRLZc5kxFo1ETLxpD8LoUy9KscSbuinn\r\neoDWlBSuKHYX9mvcbJPqKqbU1tz8N9LPAr9iPbD8bITM0phdJdVPJM8TXMzf\r\nwvQjyB9lm6dthL9nIl5RLBTgBWPx1Q983jo6UpR1AJqZUSHO9gXbDNIBiCjw\r\nown5Shkq2CbbTx5ZzTsyXIg8XzEaT5F4STpPLhgYIK8v1yVpR0lmLcYHAGnG\r\nMwweKSci7GN/I6591FSXOfH2mzq1wkmtw4Av84k7gm74e7gOSv31lUtVYGLb\r\naqSr0fwTYx343h05iiPJfdUZ55EDo2siEFmVe+o0JS2rRuNVQKZAovC3Nq6b\r\nNZoPU+L5Qx6LDEp4zYaJx5WMO8wLPCsWozM=\r\n=DxzB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","_from":"file:zoralabs-zord-2.0.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_resolved":"/tmp/ee04b9601c24b338f44211791f9ce4d8/zoralabs-zord-2.0.1.tgz","_integrity":"sha512-8YQSiVrd9zh4xukuKoCkqZZi+nTTTHQxBmBuEIH7DwcvpxSEsIOuS4D2Rsg1WWpSnNKi0dszmfrNii818ihcdQ==","_npmVersion":"8.19.2","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.18.0","dependencies":{"clsx":"^1.2.1","uuid":"^9.0.0","react-popper":"^2.3.0","@popperjs/core":"^2.11.6","@vanilla-extract/css":"^1.9.1","@radix-ui/react-icons":"^1.1.1","@radix-ui/react-dialog":"^1.0.2","@radix-ui/react-slider":"^1.1.0","@radix-ui/react-switch":"^1.0.1","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^1.0.1","@vanilla-extract/private":"^1.0.3","@vanilla-extract/recipes":"^0.2.5","@radix-ui/react-accordion":"^1.0.1","@radix-ui/react-separator":"^1.0.1","@vanilla-extract/sprinkles":"^1.5.0","@radix-ui/react-radio-group":"^1.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^6.5.0","react":"^18.2.0","eslint":"^8.27.0","@svgr/cli":"^6.5.1","lodash-es":"^4.17.21","react-dom":"^18.2.0","typescript":"^4.9.3","@types/uuid":"^8.3.4","@types/react":"^18.0.25","@types/lodash-es":"^4.17.6","@types/react-dom":"^18.0.9","@zoralabs/tsconfig":"0.0.0","eslint-config-zoralabs":"0.0.0","@vanilla-extract/esbuild-plugin":"^2.2.0"},"peerDependencies":{"react":"^17 || ^18","react-dom":"^17 || ^18"},"_npmOperationalInternal":{"tmp":"tmp/zord_2.0.1_1669069699726_0.8777599769453821","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@zoralabs/zord","version":"2.1.0","license":"MIT","_id":"@zoralabs/zord@2.1.0","maintainers":[{"name":"nkiamilev","email":"nadia@ourzora.com"},{"name":"bbah","email":"bobby@ourzora.com"},{"name":"0xtranqui","email":"max@ourzora.com"},{"name":"extrawaterjoe","email":"extrawaterjoe@pm.me"},{"name":"taayyohh","email":"theo@ourzora.com"},{"name":"blokboy","email":"jordan@ourzora.com"},{"name":"margalit","email":"sam@margalit.com.au"},{"name":"jakerunzer","email":"jakerunzer@gmail.com"},{"name":"jemgold","email":"0xjem@protonmail.com"},{"name":"kulk","email":"kulkarohan@gmail.com"},{"name":"zerostyle","email":"j@z-s.co"},{"name":"kolber","email":"kolber@gmail.com"},{"name":"steev27","email":"steve@ourzora.com"},{"name":"ismallcombe","email":"isabella.smallcombe@gmail.com"},{"name":"mrdain","email":"dain@db13.us"},{"name":"tbtstl","email":"tysonbattistella+npm@gmail.com"},{"name":"daihovey","email":"d@ourzora.com"},{"name":"j-s","email":"j@zora.co"},{"name":"nguyensomniac","email":"lcn@berkeley.edu"},{"name":"olegakbarov","email":"olegakbarov@gmail.com"},{"name":"bjfresh","email":"bjvicks@gmail.com"},{"name":"jgeary","email":"james@jcg.io"},{"name":"iainnash","email":"dev@iain.in"},{"name":"zacgoods","email":"zacgoodsir@gmail.com"},{"name":"mattlenz","email":"matt@mattlenz.com"}],"dist":{"shasum":"f2b37ea94bbd382f8bb79c324d0911dcc157c762","tarball":"https://registry.npmjs.org/@zoralabs/zord/-/zord-2.1.0.tgz","fileCount":6,"integrity":"sha512-7rwJ+h+1WSMQB0BsWSn2xGh5QReeKClHkkhwd6u4dDtgzxpGTiMTrixEkpMUAMPhKkgZh4XfBmK2X5XEHpAd1A==","signatures":[{"sig":"MEUCICw/ZND2iFPwD2z2ExYwGMW85P/aLUEExCWKggK/Tf+lAiEA0g1t2KjI78J3m/33XgtwLyUry1U2ULSPMiB6+E+X68Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1497671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiUQrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6dw/+KlnWYoRV1Wg1T+p3d55UjSbW/fplzTT0BiaaGex5c7ZNId+l\r\n5ag/wThttvh1KUf5EZkVPJU0HcdWUtgqhZtjXP0/HIntqh1Y116WNMioC0o9\r\nSiJLLvRO1mBlFzPPVuTjArE8q+FZ2Li+YoiSO7h+jw926k4trkQFlqopeWsN\r\n3DOJUo18Ny/uEubWNNwi0cKqxcS503myJVwARj2hUs/ig0ncY5Q1rJARND4/\r\nZvxt1oeG7DmYyt+oYysFKq3U+H168ZCVS6qzrhN/1MFm3W1amu4lTDpAkZ/p\r\n1Mg8VoAqJYh6nqXRqkm9CxacjPbEPIq7F2tJBgFccIkoELa7/aUAQd1hMJcw\r\niOfjsMsMv7uXwLvacx8KYnPddm/TShFbUTPDxJ1XPtVxWvU2C5eJ1I5CW7Ey\r\nsQWxTw/zjKQn4kp7giT++GTwR6x5WVVXIx4dPZMLm8KD1PmQALTl5OGAzygW\r\n9rgPwoQ2OUQVwtLgVUToFdqioCzTma4WpV+fUFmG7ha5lfERXY3BbRghuePP\r\nUInocJmKmJFeIWxwQRPcBoE4vmaKoC8rtTezjm+ZUUwH/ktBWZ+BGS2TwpgW\r\nUpzHeY2oV4UdIfPzmd65uFNh2W3xjM97c9dS793FyV9zDPpHvBUdFjOxaGOd\r\nO+JEcxn42dO4cK64h+oOMM0OPst4wYr1Av4=\r\n=udNj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","_from":"file:zoralabs-zord-2.1.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":"./dist/index.js","./index.css":"./dist/index.css"},"scripts":{"dev":"tsup --watch","lint":"eslint src --fix","build":"tsup","clean":"rm -rf .turbo node_modules dist","dev:types":"tsc --emitDeclarationOnly --declaration --declarationMap","build-icons":"svgr --out-dir src/icons --icon --replace-attr-values '#000=currentColor' --typescript icons "},"_npmUser":{"name":"margalit","email":"sam@margalit.com.au"},"_resolved":"/tmp/109508c8f7f6ac107ff10aea09da0beb/zoralabs-zord-2.1.0.tgz","_integrity":"sha512-7rwJ+h+1WSMQB0BsWSn2xGh5QReeKClHkkhwd6u4dDtgzxpGTiMTrixEkpMUAMPhKkgZh4XfBmK2X5XEHpAd1A==","_npmVersion":"8.19.2","description":"## Getting Started","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"16.18.1","dependencies":{"clsx":"^1.2.1","uuid":"^9.0.0","react-popper":"^2.3.0","@popperjs/core":"^2.11.6","@vanilla-extract/css":"^1.9.1","@radix-ui/react-icons":"^1.1.1","@radix-ui/react-dialog":"^1.0.2","@radix-ui/react-slider":"^1.1.0","@radix-ui/react-switch":"^1.0.1","react-polymorphic-types":"^2.0.0","@radix-ui/react-checkbox":"^1.0.1","@vanilla-extract/private":"^1.0.3","@vanilla-extract/recipes":"^0.2.5","@radix-ui/react-accordion":"^1.0.1","@radix-ui/react-separator":"^1.0.1","@vanilla-extract/sprinkles":"^1.5.0","@radix-ui/react-radio-group":"^1.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^6.5.0","react":"^18.2.0","eslint":"^8.27.0","@svgr/cli":"^6.5.1","lodash-es":"^4.17.21","react-dom":"^18.2.0","typescript":"^4.9.3","@types/uuid":"^8.3.4","@types/react":"^18.0.25","@types/lodash-es":"^4.17.6","@types/react-dom":"^18.0.9","@zoralabs/tsconfig":"0.0.0","eslint-config-zoralabs":"0.0.0","@vanilla-extract/esbuild-plugin":"^2.2.0"},"peerDependencies":{"react":"^17 || ^18","react-dom":"^17 || ^18"},"_npmOperationalInternal":{"tmp":"tmp/zord_2.1.0_1669940266921_0.7941667417176788","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-07-12T22:06:46.612Z","modified":"2026-09-02T02:53:21.758Z","1.0.5":"2022-06-08T01:05:46.618Z","0.0.1-alpha":"2022-07-12T22:01:02.871Z","0.0.2-alpha":"2022-07-12T22:06:46.797Z","0.0.3":"2022-07-13T01:26:35.027Z","0.1.0":"2022-08-02T03:30:41.604Z","0.1.1":"2022-08-16T06:19:44.587Z","1.0.0-alpha.0":"2022-08-19T07:33:16.021Z","1.0.1":"2022-08-25T03:19:07.856Z","1.0.2":"2022-09-16T01:37:39.267Z","1.0.3":"2022-09-16T03:05:19.177Z","1.0.4":"2022-09-19T06:42:47.252Z","1.1.0":"2022-09-20T00:36:41.279Z","1.1.1":"2022-09-20T01:38:33.121Z","1.2.0":"2022-09-22T19:42:26.077Z","1.3.0":"2022-09-23T15:52:42.940Z","1.3.1":"2022-09-23T19:14:29.581Z","2.0.0":"2022-10-21T00:06:29.045Z","2.0.1":"2022-11-21T22:28:19.922Z","2.1.0":"2022-12-02T00:17:47.146Z"},"license":"MIT","description":"## Getting Started","maintainers":[{"email":"j@zora.co","name":"j-s"},{"email":"g@zora.co","name":"gilllo"}],"readme":"# Zord Documentation\n\n## Getting Started\n\nAdding to your project boils down to:\n\n1. Add Zord stylesheet from `@zoralabs/zord/index.css`\n2. Set up webfonts\n3. Add Zord ThemeProvider and theme\n\n### Usage with Next.js\n\n```tsx\n// pages/_app.tsx\n\nimport '@fontsource/inter/400.css'\nimport '@fontsource/inter/600.css'\nimport '@zoralabs/zord/index.css'\nimport { ThemeProvider, lightTheme } from '@zoralabs/zord'\nimport type { AppProps } from 'next/app'\n\nexport default function MyApp({ Component, pageProps }: AppProps) {\n  return (\n    <ThemeProvider theme={lightTheme}>\n      <Component {...pageProps} />\n    </ThemeProvider>\n  )\n}\n```\n\n## Themes\n\nTheming with Zord is done by defining an object known as a \"_Theme Contract_\", a common interface of consistent design tokens defined in a central theme file and then used throughout a site's components.\n\n```ts\nexport const theme = createThemeContract({\n  fonts: {\n    heading: '',\n    body: '',\n    mono: '',\n  },\n  fontSizing: {\n    fontSize: {\n      0: '',\n      12: '',\n      14: '',\n      16: '',\n      18: '',\n      20: '',\n      28: '',\n      30: '',\n      35: '',\n      40: '',\n      48: '',\n      50: '',\n      65: '',\n      80: '',\n      unset: '',\n    },\n    lineHeight: {\n      0: '',\n      14: '',\n      20: '',\n      24: '',\n      25: '',\n      30: '',\n      34: '',\n      40: '',\n      50: '',\n      55: '',\n      65: '',\n      70: '',\n      85: '',\n      95: '',\n      unset: '',\n    },\n    fontWeight: {\n      display: '',\n      heading: '',\n      label: '',\n      paragraph: '',\n    },\n  },\n  radii: {\n    tiny: '',\n    small: '',\n    normal: '',\n    curved: '',\n    phat: '',\n    round: '',\n  },\n  size: {\n    x0: '',\n    x1: '',\n    x2: '',\n    x3: '',\n    x4: '',\n    x5: '',\n    x6: '',\n    x7: '',\n    x8: '',\n    x9: '',\n    x10: '',\n    x11: '',\n    x12: '',\n    x13: '',\n    x14: '',\n    x15: '',\n    x16: '',\n    x17: '',\n    x18: '',\n    x19: '',\n    x20: '',\n    x21: '',\n    x22: '',\n    x23: '',\n    x24: '',\n    x25: '',\n    x26: '',\n    x27: '',\n    x28: '',\n    x29: '',\n    x30: '',\n    x32: '',\n    x64: '',\n    auto: '',\n    '100vw': '',\n    '100vh': '',\n    '100%': '',\n    unset: '',\n  },\n  space: {\n    x0: '',\n    x1: '',\n    x2: '',\n    x3: '',\n    x4: '',\n    x5: '',\n    x6: '',\n    x7: '',\n    x8: '',\n    x9: '',\n    x10: '',\n    x11: '',\n    x12: '',\n    x13: '',\n    x14: '',\n    x15: '',\n    x16: '',\n    x17: '',\n    x18: '',\n    x19: '',\n    x20: '',\n    x21: '',\n    x22: '',\n    x23: '',\n    x24: '',\n    x25: '',\n    x26: '',\n    x27: '',\n    x28: '',\n    x29: '',\n    x30: '',\n    x32: '',\n    x64: '',\n    auto: '',\n  },\n  ease: {\n    in: '',\n    out: '',\n    inOut: '',\n  },\n  border: {\n    width: {\n      none: '',\n      thin: '',\n      normal: '',\n      thick: '',\n    },\n    style: {\n      solid: '',\n      dashed: '',\n      dotted: '',\n    },\n  },\n  colors: {\n    backdrop: '',\n    border: '',\n    borderOnImage: '',\n    background1: '',\n    background2: '',\n    text1: '',\n    text2: '',\n    text3: '',\n    text4: '',\n    icon1: '',\n    icon2: '',\n    primary: '',\n    secondary: '',\n    tertiary: '',\n    quaternary: '',\n    transparent: '',\n    accent: '',\n    accentHover: '',\n    accentActive: '',\n    accentDisabled: '',\n    onAccent: '',\n    onAccentDisabled: '',\n    positive: '',\n    positiveHover: '',\n    positiveActive: '',\n    positiveDisabled: '',\n    onPositive: '',\n    onPositiveDisabled: '',\n    warning: '',\n    warningHover: '',\n    warningActive: '',\n    warningDisabled: '',\n    onWarning: '',\n    onWarningDisabled: '',\n    negative: '',\n    negativeHover: '',\n    negativeActive: '',\n    negativeDisabled: '',\n    onNegative: '',\n    onNegativeDisabled: '',\n    ghost: '',\n    ghostHover: '',\n    ghostActive: '',\n    ghostDisabled: '',\n    onGhost: '',\n    onGhostDisabled: '',\n    neutral: '',\n    neutralHover: '',\n    neutralActive: '',\n    neutralDisabled: '',\n    onNeutral: '',\n    onNeutralDisabled: '',\n  },\n  shadows: {\n    small: '',\n    medium: '',\n  },\n})\n```\n\nMultiple implementations of a ThemeContract can exist on a single site, and the themes can be swapped in + out to enable, for example, dark and light theme variations, or themes designed to assist users who are visually impaired.\n\nEach theme maps 1-1 with the ThemeContract:\n\n```ts\nimport { colorTheme, border, ease, radii, size, space, typography } from './tokens'\n\nexport const lightTheme = createTheme(theme, {\n  fonts: {\n    heading: typography.fonts.body,\n    body: typography.fonts.body,\n    mono: typography.fonts.mono,\n  },\n  fontSizing: {\n    fontSize: typography.fontSize,\n    lineHeight: typography.lineHeight,\n    fontWeight: typography.fontWeight,\n  },\n  colors,\n  shadows,\n  radii,\n  size,\n  space,\n  ease,\n  border,\n})\n```\n\nThemes are most commonly used to define theme colors, but can also be used to specify typefaces, spacing conventions, borders, animation standards, and more.\n\nZora's standard theme defines colors, typography, borders + radii, shadows, container sizing, animation easing, and spacing increments:\n\n```ts\nexport const [baseTheme, vars] = createTheme({\n  color: theme.colors,\n  fonts: theme.fonts,\n  fontSize: theme.fontSizing.fontSize,\n  lineHeight: theme.fontSizing.lineHeight,\n  fontWeight: theme.fontSizing.fontWeight,\n  radii: theme.radii,\n  shadows: theme.shadows,\n  size: theme.size,\n  space: theme.space,\n  ease: theme.ease,\n  border: theme.border,\n})\n```\n\nTODO: How can we easily let people customize themes?\n\n- colors\n- spacing\n- breakpoints\n\n## Styling with Zord\n\nZord uses a heavily-adapted styling implementation based on the Vanilla Extract styling framework. At Zora, we've found that this system allows us to develop front-end code rapidly using design primitives that can be customized using a large set of pre-defined CSS properties that adhere to Zora's theme specifications. At its core, Zord makes extensive use of Vanilla Extract's [Sprinkles](https://vanilla-extract.style/documentation/packages/sprinkles/) package to statically generate CSS classes that can be re-used without continually adding to an app's CSS footprint. The Zord implementation renames Sprinkles as Atoms.\n\n## Basic styles\n\n```\n// Container.css.ts\nimport { atoms } from '../atoms'\nimport { style } from '@vanilla-extract/css'\n\nexport const container = style({\n  width: '100%',\n  height: '200px',\n  backgroundColor: '#DEDEDE'\n})\n```\n\nThe most familiar way of styling a component is using the style() function in an external CSS file. `style` writes to a .css file on build, and `container` is exported as a className that can be applied elements in markup: `<div className={styles.container}>`\n\n## Atoms\n\nAt the heart of Zord are a broad set of atoms, a selection of the most commonly-used CSS properties. Atoms enable a developer to take advantage of the filesize efficiencies gained by pre-defined classes while applying styles to components in a number of ways:\n\n- in a separate stylesheet\n- as props\n- directly into a className attribute using the atoms() function (handy for applying styles to non-Zord components!)\n\n**_Separate Stylesheets:_**\n\n```\n// Box.css.ts\nimport { atoms } from '../atoms'\nimport { style } from '@vanilla-extract/css'\n\nexport const box = atoms({\n  width: '100%',\n  height: 'x10'\n})\n```\n\n```\n// Box.tsx\nimport * as styles from 'Box.css.ts'\n<Box className={styles.box} />\n```\n\nYou can also add atomic styles to style declarations alongside styles that aren't included in the atomic presets:\n\n```\n// Box.css.ts\nexport const box = style([\n  {\n    boxSizing: 'border-box',\n    backgroundImage: url(\"zora-is-nice.gif\")\n  },\n  atoms({\n   width: '100%',\n   height: 'x10'\n  }),\n])\n```\n\nSo in the above example, the styles defined within `atoms()` will apply the pre-generated static styles, and not add to the size of the stylesheet.\n\n**_Atoms as props:_**\n\n```\n// Box.tsx\n<Box\n  width='100%'\n  height='x10'\n/>\n```\n\n**_In className attributes (handy for adding atomic styles to non-Zord-based components):_**\n\n```\n// GenericContainer.tsx\n<div className={atoms({\n  width: '100%',\n  height: 'x10'\n})} />\n```\n\n## Spacing\n\nYou'll notice that the Box component above specifies height as `height='x10'`.\n\nZora implements a spacing system based on 4px increments:\n\n```\nexport const space = {\n  n2: '-8px',\n  n1: '-4px',\n  x0: '0px',\n  x1: '4px',\n  x2: '8px',\n  x3: '12px',\n  x4: '16px',\n  x5: '20px'\n  ... (+ many more)\n}\n```\n\nThese spacing increments can be applied to the following atomic properties:\n\n```\npadding (p, paddingTop, paddingBottom, paddingLeft, paddingRight, pt, pb, pl, pr, px, py)\nmargin (m, marginTop, marginBottom, marginLeft, marginRight, mt, mb, ml, mr, m, mx, my)\ngap\ntop\nleft\nbottom\nright\ninset\n```\n\n## Shorthands\n\nZord has a small set of shorthand convenience properties that may look familiar if you've used other popular styling systems. They can be especially useful for defining multiple properties at once, eg. `py='x4'` sets both paddingTop and paddingBottom to 16px.\n\n```\n  shorthands: {\n    minW: ['minWidth'],\n    minH: ['minHeight'],\n    maxW: ['maxWidth'],\n    maxH: ['maxWidth'],\n    margin: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],\n    m: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],\n    mx: ['marginLeft', 'marginRight'],\n    my: ['marginTop', 'marginBottom'],\n    mt: ['marginTop'],\n    mb: ['marginBottom'],\n    ml: ['marginLeft'],\n    mr: ['marginRight'],\n    pos: ['position'],\n    padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    p: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    px: ['paddingLeft', 'paddingRight'],\n    py: ['paddingTop', 'paddingBottom'],\n    pt: ['paddingTop'],\n    pb: ['paddingBottom'],\n    pl: ['paddingLeft'],\n    pr: ['paddingRight'],\n    w: ['width'],\n    h: ['height'],\n    t: ['top'],\n    l: ['left'],\n    b: ['bottom'],\n    r: ['right'],\n    size: ['width', 'height'],\n  },\n```\n\n## Responsive Styling\n\nMedia queries are defined using the following breakpoints:\n\n```\nconst conditions = {\n  '@initial': {},\n  '@480': { '@media': '(min-width: 480px)' },\n  '@576': { '@media': '(min-width: 576px)' },\n  '@768': { '@media': '(min-width: 768px)' },\n  '@1024': { '@media': '(min-width: 1024px)' },\n  '@1440': { '@media': '(min-width: 1440px)' },\n} as const\n```\n\nThere are a few ways of applying responsive styles:\n\n**_In Props_**\n\n```\n// Stack.tsx\n <Stack\n   px=\"x4\"\n   py={{\n     '@initial': 'x4',\n     '@1024': 'x12',\n   }}\n   align=\"center\"\n >\n```\n\n**_In Stylesheets_**\n\n```\n// ComponentName.css.ts\nimport { atoms, media } from '@zoralabs/zord'\n\nexport const marginTop = atoms({\n  mt: { '@initial': 'x32', '@768': 'x64' },\n})\n\nexport const paddingX = atoms({\n  px: { '@initial': 'x5', '@768': 'x8' },\n})\n\nexport const filterGridHeader = style([\n  {\n    background: 'rgba(255, 255, 255, 0.92)',\n    backdropFilter: 'blur(10px)',\n    '@media': {\n      [media.min1024]: {\n        zIndex: HEADER_LAYER,\n      },\n    },\n  },\n  atoms({\n    position: { '@initial': 'relative', '@768': 'sticky' },\n    top: 'x16',\n  }),\n])\n\n```\n\nNote the different methods used to apply media queries inside the normal `style({})` block vs. inside of the `atoms({})` block.\n\n## Selectors\n\n[Vanilla Extract' Styling API](https://github.com/seek-oss/vanilla-extract#styling-api) requires that special selectors like ':hover' and '&[data-state=\"checked\"]&:hover&:not([disabled])' must be nested inside of a `selectors:{}` object, and there are rules about targeting with which you should familiarize yourself.\n\n```ts\nexport const link = style([\n  {\n    outline: 'none',\n    textDecoration: 'none',\n    selectors: {\n      // <-- Nested selectors object\n      '&:focus, &:hover': {\n        '@media': {\n          [media.min768]: {\n            backgroundColor: vars.color.background2,\n          },\n        },\n      },\n    },\n  },\n  atoms({\n    color: 'primary',\n  }),\n])\n```\n\n## Box Component\n\nThe functionality above is all encapsulated into the Box component, a polymorphic component that defaults to a `<div>` element but can take on the form of other elements by specifying an `as`. This allows us to build any kind of component with Box and inherit all of the useful styling behavior for free.\n\nLet's have a look at an example.\n\n```\n// UserCard.tsx\n\nexport interface UserCardProps extends BoxProps {\n  user: User\n  as?: React.ElementType\n}\n\nexport function UserCard({\n  user,\n  className,\n  as,\n}: UserCardProps) {\n return (\n  <Box as={as} className={['zora-usercard', styles.card, className]}>\n   <Heading as=\"h3\" size=\"lg\">{user.name}</Heading>\n   <Paragraph size=\"md\">{user.bio}</Paragraph>\n  </Box>\n )\n}\n```\n\nThere are a few things going on here.\n\nFirst, let's have a look at `<Heading>`, a general-purpose component. Heading has a number of size variants. By separating the style implementation from the semantic element used, we have full control over how semantic HTML is applied in different contexts. Here, we implement the heading `as='h3'`, but in other contexts we might want a heading with `size=\"lg\"` to be implemented `as=\"h1\"`.\n\nUserCard accepts `as` props and is wrapped by a `Box` that implements it: `as={as}`. So UserCard can take context-specific semantic HTML based on usage: `<UserCard as=\"div\" user={user} />` in the default case, `<UserCard as=\"li\" user={user} />` for use inside of an `<ul>`, and so on.\n\nOne more thing to point out: className takes an array: `className={['zora-usercard', styles.card, className]}`. Under the hood, Box is using _clsx_, a super-lightweight package for constructing className strings conditionally. It's similar to the popular _classNames_ package. Any component inheriting BoxProps from Box can receive styles as an array without the need to explicitly use `clsx()`.\n\n## Text Component\n\nIn the `<UserCard>` code block above, we discussed `<Header>` briefly. It's worth going into more detail. Under the hood, `<Header>` is based on a generic `<Text>` component, which inherits its behaviour from `<Box>`. `<Text>` has a large number of variants with custom fontSize, fontWeight, lineHeight. Rather than exposing this large set of variants as a single complex `<Text>` component, Zord creates a number of convenient text components to reflect these presets:\n\n```\n<Display>\n<Heading>\n<Paragraph>\n<Eyebrow>\n<MenuText>\n<Label>\n```\n\nThese text components can generally receive one or more size props: `xs | sm | md | lg | xl`\n\n## Mixins\n\n-- todo\n","readmeFilename":"README.md"}