{"_id":"clsx","_rev":"211024","name":"clsx","description":"A tiny (228B) utility for constructing className strings conditionally.","dist-tags":{"latest":"1.2.1"},"maintainers":[{"name":"lukeed","email":""}],"time":{"modified":"2023-03-24T08:34:04.000Z","created":"2018-12-24T22:41:29.334Z","1.2.1":"2022-07-06T00:06:46.535Z","1.2.0":"2022-07-02T23:08:04.349Z","1.1.1":"2020-05-30T06:26:08.917Z","1.1.0":"2020-02-03T19:59:25.791Z","1.0.4":"2019-04-06T23:27:36.425Z","1.0.3":"2019-02-18T19:46:35.782Z","1.0.2":"2019-02-03T20:39:37.942Z","1.0.1":"2019-01-11T19:18:27.009Z","1.0.0":"2018-12-25T09:17:37.860Z","0.0.1":"2018-12-24T22:41:29.334Z"},"users":{},"author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"https://lukeed.com"},"repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"versions":{"1.2.1":{"name":"clsx","version":"1.2.1","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (228B) utility for constructing className strings conditionally.","module":"dist/clsx.m.js","unpkg":"dist/clsx.min.js","main":"dist/clsx.js","types":"clsx.d.ts","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"https://lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"node bin","test":"uvu -r esm test"},"keywords":["classes","classname","classnames"],"devDependencies":{"esm":"3.2.25","terser":"4.8.0","uvu":"0.5.4"},"gitHead":"6da37d67472ea9eb177a4ea9a9fa2f3f4a3c445e","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.2.1","_nodeVersion":"18.3.0","_npmVersion":"8.11.0","dist":{"shasum":"0ddc4a20a549b59c93a4116bb26f5294ca17dc12","size":2880,"noattachment":false,"key":"/clsx/-/clsx-1.2.1.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.2.1.tgz"},"_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"directories":{},"maintainers":[{"name":"lukeed","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.2.1_1657066006266_0.21110480925656994"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-07-06T00:06:50.411Z","publish_time":1657066006535,"_cnpm_publish_time":1657066006535},"1.2.0":{"name":"clsx","version":"1.2.0","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (228B) utility for constructing className strings conditionally.","module":"dist/clsx.m.js","unpkg":"dist/clsx.min.js","main":"dist/clsx.js","types":"clsx.d.ts","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"https://lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"bundt","test":"uvu -r esm test"},"keywords":["classes","classname","classnames"],"devDependencies":{"bundt":"1.0.1","esm":"3.2.25","uvu":"0.5.4"},"gitHead":"89407de0791beb2279b4f7f17f98b44b846f00bb","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.2.0","_nodeVersion":"18.3.0","_npmVersion":"8.11.0","dist":{"shasum":"b0e415ea7537dbac01b169c5cec1caeb11d86566","size":2938,"noattachment":false,"key":"/clsx/-/clsx-1.2.0.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.2.0.tgz"},"_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"directories":{},"maintainers":[{"name":"lukeed","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.2.0_1656803284194_0.775305228847907"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-07-02T23:24:32.348Z","publish_time":1656803284349,"_cnpm_publish_time":1656803284349},"1.1.1":{"name":"clsx","version":"1.1.1","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (228B) utility for constructing className strings conditionally.","module":"dist/clsx.m.js","unpkg":"dist/clsx.min.js","main":"dist/clsx.js","types":"clsx.d.ts","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"https://lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"bundt","pretest":"npm run build","test":"tape -r esm test/*.js | tap-spec"},"keywords":["classes","classname","classnames"],"devDependencies":{"bundt":"1.0.1","esm":"3.2.25","tap-spec":"5.0.0","tape":"4.9.1"},"gitHead":"c5b2b21ab8aea48ff0b48649f386a2c7280fabf2","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.1.1","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"98b3134f9abbdf23b2663491ace13c5c03a73188","size":2986,"noattachment":false,"key":"/clsx/-/clsx-1.1.1.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.1.1.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.1.1_1590819968778_0.6388920996348315"},"_hasShrinkwrap":false,"publish_time":1590819968917,"_cnpm_publish_time":1590819968917,"_cnpmcore_publish_time":"2021-12-15T16:06:17.932Z"},"1.1.0":{"name":"clsx","version":"1.1.0","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (229B) utility for constructing className strings conditionally.","module":"dist/clsx.m.js","unpkg":"dist/clsx.min.js","main":"dist/clsx.js","types":"clsx.d.ts","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"https://lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"bundt","pretest":"npm run build","test":"tape test/*.js | tap-spec"},"keywords":["classes","classname","classnames"],"devDependencies":{"bundt":"^0.4.0","tap-spec":"^5.0.0","tape":"^4.9.1"},"gitHead":"7948a7eaf486ee7515d64d1a765eff8512188552","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"62937c6adfea771247c34b54d320fb99624f5702","size":2920,"noattachment":false,"key":"/clsx/-/clsx-1.1.0.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.1.0.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.1.0_1580759964984_0.6529961745531376"},"_hasShrinkwrap":false,"publish_time":1580759965791,"_cnpm_publish_time":1580759965791,"_cnpmcore_publish_time":"2021-12-15T16:06:18.257Z"},"1.0.4":{"name":"clsx","version":"1.0.4","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (223B) utility for constructing className strings conditionally.","module":"dist/clsx.m.js","unpkg":"dist/clsx.min.js","main":"dist/clsx.js","types":"clsx.d.ts","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"bundt","pretest":"npm run build","test":"tape test/*.js | tap-spec"},"keywords":["classes","classname","classnames"],"devDependencies":{"bundt":"^0.1.1","tap-spec":"^5.0.0","tape":"^4.9.1"},"gitHead":"af19571baaf00d73c8e7600cc0f0ede163b45bca","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.0.4","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"0c0171f6d5cb2fe83848463c15fcc26b4df8c2ec","size":2725,"noattachment":false,"key":"/clsx/-/clsx-1.0.4.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.0.4.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.0.4_1554593256243_0.753768951141554"},"_hasShrinkwrap":false,"publish_time":1554593256425,"_cnpm_publish_time":1554593256425,"_cnpmcore_publish_time":"2021-12-15T16:06:18.487Z"},"1.0.3":{"name":"clsx","version":"1.0.3","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (199B) utility for constructing className strings conditionally.","unpkg":"dist/clsx.min.js","module":"dist/clsx.m.js","main":"dist/clsx.js","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"bundt","pretest":"npm run build","test":"tape test/*.js | tap-spec"},"types":"clsx.d.ts","keywords":["classes","classname","classnames"],"devDependencies":{"bundt":"^0.1.1","tap-spec":"^5.0.0","tape":"^4.9.1"},"gitHead":"c154c2a566661b46c5f84218d0908bc390a26ad8","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.0.3","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"e164004f4064b372888f20fdafbd436fb960bac9","size":2665,"noattachment":false,"key":"/clsx/-/clsx-1.0.3.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.0.3.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.0.3_1550519195601_0.2511358897038567"},"_hasShrinkwrap":false,"publish_time":1550519195782,"_cnpm_publish_time":1550519195782,"_cnpmcore_publish_time":"2021-12-15T16:06:18.733Z"},"1.0.2":{"name":"clsx","version":"1.0.2","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (199B) utility for constructing className strings conditionally.","unpkg":"dist/clsx.min.js","module":"dist/clsx.mjs","main":"dist/clsx.js","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"bundt","pretest":"npm run build","test":"tape test/*.js | tap-spec"},"types":"clsx.d.ts","keywords":["classes","classname","classnames"],"devDependencies":{"bundt":"^0.1.1","tap-spec":"^5.0.0","tape":"^4.9.1"},"gitHead":"efa2904bf1f023e715408ce24bd45d483cd320b9","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"2e0d63a900d7fe33218d7a53dee9e3a0c7300e1d","size":2666,"noattachment":false,"key":"/clsx/-/clsx-1.0.2.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.0.2.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.0.2_1549226377834_0.10455010388287689"},"_hasShrinkwrap":false,"publish_time":1549226377942,"_cnpm_publish_time":1549226377942,"_cnpmcore_publish_time":"2021-12-15T16:06:18.978Z"},"1.0.1":{"name":"clsx","version":"1.0.1","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (199B) utility for constructing className strings conditionally.","unpkg":"dist/clsx.min.js","module":"dist/clsx.mjs","main":"dist/clsx.js","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"bundt","pretest":"npm run build","test":"tape test/*.js | tap-spec"},"types":"clsx.d.ts","keywords":["classes","classname","classnames"],"devDependencies":{"bundt":"^0.1.1","tap-spec":"^5.0.0","tape":"^4.9.1"},"gitHead":"cf2f5ac334ee624077fad37bc365f46786631d42","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"6d956b00ecc771185bf0ec47383f5a06d941b11f","size":2660,"noattachment":false,"key":"/clsx/-/clsx-1.0.1.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.0.1.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.0.1_1547234306859_0.09253798449704576"},"_hasShrinkwrap":false,"publish_time":1547234307009,"_cnpm_publish_time":1547234307009,"_cnpmcore_publish_time":"2021-12-15T16:06:19.200Z"},"1.0.0":{"name":"clsx","version":"1.0.0","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (200B) utility for constructing className strings conditionally.","unpkg":"dist/clsx.min.js","module":"dist/clsx.mjs","main":"dist/clsx.js","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"node builder","pretest":"npm run build","test":"tape test/*.js | tap-spec"},"keywords":["classes","classname","classnames"],"devDependencies":{"gzip-size":"^3.0.0","mk-dirs":"^1.0.0","pretty-bytes":"^4.0.2","tap-spec":"^5.0.0","tape":"^4.9.1","terser":"^3.10.0"},"gitHead":"6c6d8713970b278bfe742b1c684759b30d140455","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"e917418e53238d7786720dd768bb2d37d7884628","size":2521,"noattachment":false,"key":"/clsx/-/clsx-1.0.0.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-1.0.0.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_1.0.0_1545729457746_0.5062721348555967"},"_hasShrinkwrap":false,"publish_time":1545729457860,"_cnpm_publish_time":1545729457860,"_cnpmcore_publish_time":"2021-12-15T16:06:19.425Z"},"0.0.1":{"name":"clsx","version":"0.0.1","repository":{"type":"git","url":"git+https://github.com/lukeed/clsx.git"},"description":"A tiny (200B) utility for constructing className strings conditionally.","unpkg":"dist/clsx.min.js","module":"dist/clsx.mjs","main":"dist/clsx.js","license":"MIT","author":{"name":"Luke Edwards","email":"luke.edwards05@gmail.com","url":"lukeed.com"},"engines":{"node":">=6"},"scripts":{"build":"node builder","pretest":"npm run build","test":"tape test/*.js | tap-spec"},"keywords":["classes","classname","classnames"],"devDependencies":{"gzip-size":"^3.0.0","mk-dirs":"^1.0.0","pretty-bytes":"^4.0.2","tap-spec":"^5.0.0","tape":"^4.9.1","terser":"^3.10.0"},"gitHead":"870f1cef1790bb92a5b2bb02dfc8a63cde48432f","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"homepage":"https://github.com/lukeed/clsx#readme","_id":"clsx@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lukeed","email":"luke@lukeed.com"},"dist":{"shasum":"96746377a18b70acfc5736a39bc41d59d503cdfb","size":2453,"noattachment":false,"key":"/clsx/-/clsx-0.0.1.tgz","tarball":"http://name.csiicloud.com:7001/clsx/download/clsx-0.0.1.tgz"},"maintainers":[{"name":"lukeed","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clsx_0.0.1_1545691289203_0.7935387173402091"},"_hasShrinkwrap":false,"publish_time":1545691289334,"_cnpm_publish_time":1545691289334,"_cnpmcore_publish_time":"2021-12-15T16:06:20.238Z"}},"readme":"# clsx [](https://github.com/lukeed/clsx/actions?query=workflow%3ACI) [](https://codecov.io/gh/lukeed/clsx)\n\n> A tiny (228B) utility for constructing `className` strings conditionally.
Also serves as a [faster](/bench) & smaller drop-in replacement for the `classnames` module.\n\nThis module is available in three formats:\n\n* **ES Module**: `dist/clsx.m.js`\n* **CommonJS**: `dist/clsx.js`\n* **UMD**: `dist/clsx.min.js`\n\n\n## Install\n\n```\n$ npm install --save clsx\n```\n\n\n## Usage\n\n```js\nimport clsx from 'clsx';\n// or\nimport { clsx } from 'clsx';\n\n// Strings (variadic)\nclsx('foo', true && 'bar', 'baz');\n//=> 'foo bar baz'\n\n// Objects\nclsx({ foo:true, bar:false, baz:isTrue() });\n//=> 'foo baz'\n\n// Objects (variadic)\nclsx({ foo:true }, { bar:false }, null, { '--foobar':'hello' });\n//=> 'foo --foobar'\n\n// Arrays\nclsx(['foo', 0, false, 'bar']);\n//=> 'foo bar'\n\n// Arrays (variadic)\nclsx(['foo'], ['', 0, false, 'bar'], [['baz', [['hello'], 'there']]]);\n//=> 'foo bar baz hello there'\n\n// Kitchen sink (with nesting)\nclsx('foo', [1 && 'bar', { baz:false, bat:null }, ['hello', ['world']]], 'cya');\n//=> 'foo bar hello world cya'\n```\n\n\n## API\n\n### clsx(...input)\nReturns: `String`\n\n#### input\nType: `Mixed`\n\nThe `clsx` function can take ***any*** number of arguments, each of which can be an Object, Array, Boolean, or String.\n\n> **Important:** _Any_ falsey values are discarded!
Standalone Boolean values are discarded as well.\n\n```js\nclsx(true, false, '', null, undefined, 0, NaN);\n//=> ''\n```\n\n## Benchmarks\n\nFor snapshots of cross-browser results, check out the [`bench`](/bench) directory~!\n\n## Support\n\nAll versions of Node.js are supported.\n\nAll browsers that support [`Array.isArray`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray#Browser_compatibility) are supported (IE9+).\n\n>**Note:** For IE8 support and older, please install `clsx@1.0.x` and beware of [#17](https://github.com/lukeed/clsx/issues/17).\n\n\n## Related\n\n- [obj-str](https://github.com/lukeed/obj-str) - A smaller (96B) and similiar utility that only works with Objects.\n\n## License\n\nMIT © [Luke Edwards](https://lukeed.com)\n","_attachments":{},"homepage":"https://github.com/lukeed/clsx#readme","bugs":{"url":"https://github.com/lukeed/clsx/issues"},"license":"MIT"}