{"_id":"varena","_rev":"31-b403e0f96ba186304c4d2185181733ff","name":"varena","dist-tags":{"latest":"0.4.14"},"versions":{"0.1.0":{"name":"varena","version":"0.1.0","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.1.0","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"431df499d5bbe8a3203a22b9ad04fa26c6674716","tarball":"https://registry.npmjs.org/varena/-/varena-0.1.0.tgz","fileCount":6,"integrity":"sha512-d9FnzgRdXGRtXSIjEdh5a0XhtfDPv9Zw/xwlTTg6gIeOY7WlUNGPO4f3m5uhzqnk9GymQ2DBq72e0ZW/go2Ouw==","signatures":[{"sig":"MEUCIAiJphAlRgs/+OgEGwkurIP3ITN1djeBRQ8fwrktYi/9AiEAlpim2J4TcBau7wohWXclZfGH4N5yM182FkOlQMx0xQM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16399},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"55b3ad021e5c7d7df20586ac841b0b0f6bc230b5","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.7.0","description":"A framework-agnostic, type-safe styling library for building component variants with multi-part support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.28.0","oxlint":"^1.43.0","tsdown":"^0.20.3","typescript":"^5.9.3","@types/node":"^25.2.2","@changesets/cli":"^2.29.8"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.1.0_1770736570929_0.5445251277640182","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"varena","version":"0.2.0","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.0","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"17d3c257547cc5490796e46c08cb6aa882f9e9e9","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.0.tgz","fileCount":6,"integrity":"sha512-9zO/UMzFAzrFrzus6esXoXeikT4jIrPWsDeAbaur8V7ZvSQxor7HMkcVGpCOkJmDTe4I6Qqlo5RXd/61AolcGw==","signatures":[{"sig":"MEQCIBZiPzpuH+o5sLZWwc2VFQpBLZWlY7OjixagIFsDdxIAAiBE+QYh+B/KBvUn16rEs6ntydtnYAhjLPcFSvE0+kCZrw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16390},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"6be73732a7ae3afc1ba44f4d4b4878dd61ace6a3","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.7.0","description":"A framework-agnostic, type-safe styling library for building component variants with multi-part support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.28.0","oxlint":"^1.43.0","tsdown":"^0.20.3","typescript":"^5.9.3","@types/node":"^25.2.2","@changesets/cli":"^2.29.8"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.0_1770737726662_0.18587392704763728","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"varena","version":"0.2.1","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.1","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"5a32677a05a62faab4ebc599f4a21c8389eb6bbf","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.1.tgz","fileCount":6,"integrity":"sha512-r+PD3b0kRvL1ndbiumvN/AoJNf44Zdna6RJkE2SdtcgfHjsBQ/hI/MnGzRA5Fba26iYqTECkKK9mj8elGyhpYw==","signatures":[{"sig":"MEUCIQDU2eglM86qeFEtv9JAQ9WfTUfyhTNrxgxTAar8vSc+CgIgAsA0inZNG8ehqN3a4ssw6xAiu6x6ys6NkQAtpefToSc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16533},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"dd567d8edd93666fd698a471c7a00b68318804a5","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.7.0","description":"A framework-agnostic, type-safe styling library for building component variants with multi-part support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.31.0","oxlint":"^1.46.0","tsdown":"^0.20.3","typescript":"^5.9.3","@types/node":"^25.2.3","@changesets/cli":"^2.29.8"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.1_1770745885256_0.07888154822458993","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"varena","version":"0.2.2","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.2","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"0fe25c4116fc256af4959d51036d8e219ffb3f31","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.2.tgz","fileCount":6,"integrity":"sha512-5J50HbpG15tXW3wtZFCty7u0a2t07J5i9UwUirWsSGIAmjayS9H0Gv6wg1x8ohMK2HVL9o8fWpAsYHU5WV6H1w==","signatures":[{"sig":"MEUCIQDoEev+SrjStac6C01Qs+FQT4461j2lJIpT0wFoVghK/wIgTBl3MNPcdayz00VIHMt0kkAKE8rRv4IrBHcAOAfYL7Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":27773},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"1edfecc421907a65f923aeab6aeeb27ba68f3851","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.6.2","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.31.0","oxlint":"^1.46.0","tsdown":"^0.20.3","typescript":"^5.9.3","@types/node":"^25.2.3","@changesets/cli":"^2.29.8"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.2_1770794250150_0.9706302808647564","host":"s3://npm-registry-packages-npm-production"}},"0.2.3":{"name":"varena","version":"0.2.3","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.3","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"513e947311b70eb1b4ac43e06e9590617c2ea5b1","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.3.tgz","fileCount":6,"integrity":"sha512-GTLCzlfjiCrBNvuLcsChXVa46MISBjD9vEi6gb2cN0JPSQxUwHfiKkXr+JyaPzzmBcGi8R9BUTPjBNsIXDLppA==","signatures":[{"sig":"MEYCIQDULPL14n+US9Uu3uN/Dnf+Fo8brtZ66aNMBI8SvwYqvQIhAIvXIgjESWl9r0KF4hGZrtkDKqvmwwHOk2JDHkva9vNX","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":28940},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"2a4f0941e1f016c02dc3329cef15779e6d2b3eb3","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.6.2","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.32.1","devDependencies":{"oxfmt":"^0.41.0","oxlint":"^1.56.0","tsdown":"^0.21.4","typescript":"^6.0.2","@types/node":"^25.5.0","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.3_1774323178918_0.9027982349415573","host":"s3://npm-registry-packages-npm-production"}},"0.2.4":{"name":"varena","version":"0.2.4","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.4","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"cdd45e5a19c9d3106390b861e19df659ad3fd214","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.4.tgz","fileCount":6,"integrity":"sha512-1tPEe46BySc+2smJs4SzCML+YHiUbmEKh8QbeExWkjBwzYuoIc7xj24FrD0oE8GiD2uGJCo8cm5+i6pTOgucdw==","signatures":[{"sig":"MEUCIEiM3StvKzKPe6NInKaoHNfcSojyE3ipvaBbP3a4QuGwAiEA5lA05NQ6hnZzcQtVr8i/rkYnJDD1pJ+dFZkRUYm30IQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30622},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"4baf1a58cdabc15372279a25ab944ac0f6e008d9","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.4_1775547090016_0.13993415845749624","host":"s3://npm-registry-packages-npm-production"}},"0.2.5":{"name":"varena","version":"0.2.5","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.5","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"85603612a6414a5efa927f6ee7d6ffd5ff44915d","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.5.tgz","fileCount":6,"integrity":"sha512-ba84nlmhfrDxCyMrxKgpE++Y8Q6GacSkBJMhNivvULAOqcxIEHhluLu1Irzw+DY8eQlVo1nl4Z8oL8Cn92645A==","signatures":[{"sig":"MEUCICscqViwDlBYrSfzgLd8JcpYaDfa928xz/9v26kOMYyWAiEAr5hwV+35ZUMbh4mQDifGYMBsLV9ZiSLTHpa5XpieVjw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32279},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"5c66affcba42f7591458d837797e7cf880cb3774","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.5_1775548166804_0.1826638875289559","host":"s3://npm-registry-packages-npm-production"}},"0.2.6":{"name":"varena","version":"0.2.6","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.6","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"e5322b2c3d5fdbaef9f30536b138f68f6f0fc0ac","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.6.tgz","fileCount":6,"integrity":"sha512-nhd9HemZRq4JEijRtXe+cvgcSf69RWkutPgmC6bUoqOKNdA5P+zL0yiwI7TPcMesSjYBGsxKhzUcvlZ6mz4Q6Q==","signatures":[{"sig":"MEYCIQCoxr+NHdIQAHCjxbUDa9rIumylZU03WdlhDyPY6HKU2wIhAJ2SMPhS+HlMGYc4grCaP2WMR7Efr2dIRcoxVRk/j2hT","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33644},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"5ee1fbbd952f031ddac85bcc1814162d2aa50208","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.6_1775702552293_0.8950066396590106","host":"s3://npm-registry-packages-npm-production"}},"0.2.7":{"name":"varena","version":"0.2.7","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.7","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"03101fb852e91b78e5f1925ed48f8dca1974cb66","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.7.tgz","fileCount":6,"integrity":"sha512-yReZ8teXB9FH6HOBEYJ5WtcEtgQEoyS7zGIhZVzc3Pi+xWCROM4B/kEQ2sToP05ms7HyFsxVln7+RdL+Hxkpvw==","signatures":[{"sig":"MEUCIFztuVkqYqU0xYGKTfHFnQ4SLrDrIte4szqNH2q+n4bLAiEA5iN4J8S3ADBdcFta9+f1HmlTdBEGr0dq9yI1cx6dLGA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35604},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"7e1d615a95214cb7a2c1ac2cf5976e6a0d306a08","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.7_1775707814607_0.1468882457158065","host":"s3://npm-registry-packages-npm-production"}},"0.2.8":{"name":"varena","version":"0.2.8","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.8","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"cec915b6c4b9702ca6b52c0173440d494e2cd65b","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.8.tgz","fileCount":6,"integrity":"sha512-Pv0j5SLoMWPgPeu7s08aw7AoGAfspUo3RW/ZTigRL52BpVVD0yHIKQyHDi6vL8xuBq0kl5QbDgPEO7Nw1GT0Hw==","signatures":[{"sig":"MEQCIHZi9PX8Wg80CKnLVOiOUl7fOOcv31Yor7cnEg6tfduBAiB1tumAb1oz7CL3cKN/CsDB1qs3H4O4gyliV0zSJr3edQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":36907},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"d843d8c2a8e1745c019082462653a975fb37918b","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.8_1775709411008_0.95748562223462","host":"s3://npm-registry-packages-npm-production"}},"0.2.9":{"name":"varena","version":"0.2.9","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.2.9","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"d132f0f770dc34a28a503fa2c426e89a558710bd","tarball":"https://registry.npmjs.org/varena/-/varena-0.2.9.tgz","fileCount":6,"integrity":"sha512-ybUEvsF5uwaK4KktfF9+HVUMQ+bHbMABIVfAhf1u3EFgFmxL7yiwj9ojeZzyfstCki+F9yz89nP7gfkBaAFuKg==","signatures":[{"sig":"MEYCIQDC6Hx1cyVK29MFyAWimcaM53oqR/IX7LXpyyXq8zprNAIhAIWuQVy24WWXWPx+S2fN6XbUw9oTzVxTewrx8LSQNrQx","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39251},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"f317d0b5fb20077fa07025c4d226f8f4a7dd75b3","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.2.9_1775719582609_0.9116168685381583","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"varena","version":"0.3.0","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.3.0","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"5129aa0bd79b570d4c670126ab8311cdd2f2eba3","tarball":"https://registry.npmjs.org/varena/-/varena-0.3.0.tgz","fileCount":6,"integrity":"sha512-/bLkH6VpelGoHGN2wt4BAjms4bek9Cf5J5f/q8pACh5OePni89HAw2QNgqsptbuo2x3V9cHxy37DgEysF7Ns/w==","signatures":[{"sig":"MEYCIQCUX2j7adeX2VYoKSfhu7lGNkxvCd7ZHz+FRRHNPZHFUwIhAPl4BZ7O97BJvEFhQKqLjfIjyCdC0QwjRYdfPBYBYbv3","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39401},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"dab21f9b19780dfd0ba26c053d1b1a927b540c2c","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.3.0_1775734961700_0.4101514300900675","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"varena","version":"0.3.1","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.3.1","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"83c2e9cbd4f612cf178a59e33f96af899e7997c4","tarball":"https://registry.npmjs.org/varena/-/varena-0.3.1.tgz","fileCount":6,"integrity":"sha512-lNV0FeYUu8tQvoNj5MtUo0F2nrs+e5as3U6u5TJ9TwgxMOUKoLhJjJ8QlxWZU/SxkBHsbAikqM6YdhQK+Zjazg==","signatures":[{"sig":"MEUCIQCwonjoL4p/+KgMnQyvLEBiD27G7ePtQyBAnwlAQuMWAQIgAnz7Sr4HgBP7E7AlL6bFhVsL9Va9xtw/FVZ93UCgQ8g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":40212},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"1d9094bdbb89729663d5d42df304d841fef87797","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.3.1_1776069703287_0.6406754682941895","host":"s3://npm-registry-packages-npm-production"}},"0.3.2":{"name":"varena","version":"0.3.2","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.3.2","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"edd689b1c928e7b3f0ee4ce520ca190c8e53465d","tarball":"https://registry.npmjs.org/varena/-/varena-0.3.2.tgz","fileCount":6,"integrity":"sha512-RbW4EXfoI4xqgqXYumHhlKEH2jmc8aitfUmqOxr/clyeur8JKxUIRyfNAX78pKwOIZHeoBIg/L+FKo2svYtLHQ==","signatures":[{"sig":"MEUCIQCmmeEdhWMpP0B/fUfXQFBARMSNiOkc4oRMGYmv6XwlOwIgNimJDXd4jsCeFHrX0CXDCYaUuyL2IGgja1faNeFbksc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39758},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"gitHead":"8697c2f9eed2754ac51265a79b8815a0bf4ff5bc","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.33.0","devDependencies":{"oxfmt":"^0.44.0","oxlint":"^1.59.0","tsdown":"^0.21.7","typescript":"^6.0.2","@changesets/cli":"^2.30.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.3.2_1776072566149_0.2248547584366476","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"varena","version":"0.4.0","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.0","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"f93661a5009914f8d134bb8815588811c8033c1e","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.0.tgz","fileCount":10,"integrity":"sha512-dZ9G4HIZ0MZ1v15iHlnk/n9xps1zi+55mr8X2o22n9OesdrjKWnWRT8mmwH8x5ZekQkdIJ3gmcGX+fShTepiww==","signatures":[{"sig":"MEQCIBpnDsp7ePnfCorB1WBWjx0cWgzn2hglkAQbzA0PMIMhAiARW/s0qx8NcAbO0dttHrqL5U9emMnu+oUAS5t2xPwmbA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":94290},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"6da7888f150724ecd1fdd8616ca7e877e663cb28","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.12.1","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.15.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.1.3","devDependencies":{"oxfmt":"^0.51.0","oxlint":"^1.66.0","tsdown":"^0.22.0","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.0_1779330657521_0.20017396858171743","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"varena","version":"0.4.1","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.1","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"8eb417a4e83434318d6322df07127f394f3ffcd1","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.1.tgz","fileCount":10,"integrity":"sha512-zzbkmyHvCR1w4GPcLPI9NGf+SUt2EkEI8iiszc2i/u0EuXfNxotKPAg/tbSXk3Umv4/l+Jmr9TgRM0YMkVmjug==","signatures":[{"sig":"MEUCIGIwKfVXuYXlZVigSWEXJID7nwArsO9sjtXmck40L2ZmAiEAuv4XFawYqveLl2x897+l4X6k99zCELoehPku9Ar11G4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":94680},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"7ea70faa55f6072705cd19e8c94b59e8d6b0b1b8","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.12.1","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.15.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.1.3","devDependencies":{"oxfmt":"^0.51.0","oxlint":"^1.66.0","tsdown":"^0.22.0","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.1_1779332633797_0.6583869331758516","host":"s3://npm-registry-packages-npm-production"}},"0.4.2":{"name":"varena","version":"0.4.2","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.2","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"b083cb3ce1877b78c74af4dffc38aadd33d1da5d","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.2.tgz","fileCount":10,"integrity":"sha512-LE9bfv3v3AViLZNgPg0UGxFpEDjuirdVE1cMTFsPFeYtUbRJYNBZ/sh6TZ3VctkeEGsdccJfbRGvqG0Fd4KQCQ==","signatures":[{"sig":"MEUCIDaalBIIArnzwu6Fy4zJdkNtyajjGB+CJCY5DS7Np+mXAiEAnFOM87yRECxZnKNiB53a0LkyC6YWAvTBfYNlXVBRHQM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":94889},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"6d867b5f9c13ce1c94102a7999a2b4b3b0f7bb3b","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.12.1","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.15.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.1.3","devDependencies":{"oxfmt":"^0.51.0","oxlint":"^1.66.0","tsdown":"^0.22.0","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.2_1779343125992_0.33686868922264135","host":"s3://npm-registry-packages-npm-production"}},"0.4.3":{"name":"varena","version":"0.4.3","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.3","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"21f67605904b158d6819ebe4ba7b20cea9b6546b","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.3.tgz","fileCount":10,"integrity":"sha512-yBgcG7fRX9hoqOVRGYqyKeO4012zUuOMU4MImh4JkF+RYSVdPV6j7tOX9K8Jn0QyERg0fLe+OgqNISiSwpq3Ow==","signatures":[{"sig":"MEUCIEO3FpED9qMQnYuu5YUQrdpHzQQPR1th/yS0CREABlBeAiEArhB8POQbY2voJ240MPM39/ndzgozHzLEIM4RuL/0kfA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114274},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"364c22409a8c8fff9aeaac8d9d0f42a58b4bd064","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.15.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.15.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.2.2","devDependencies":{"oxfmt":"^0.51.0","oxlint":"^1.66.0","tsdown":"^0.22.0","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.3_1779440726811_0.33307597046422766","host":"s3://npm-registry-packages-npm-production"}},"0.4.4":{"name":"varena","version":"0.4.4","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.4","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"78a2d857e9f014e38120e622f4e6ef4cfc202fc5","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.4.tgz","fileCount":10,"integrity":"sha512-M/5cUTN0DZtRs2csWPHtVv7HNPnNRV3k5XhsyrxVZe1C5ZbIIVF4O3OtLGQpOTbpqOipWN/6gViaDm1DgvbmgQ==","signatures":[{"sig":"MEQCIFU3XF0IYwXuiQ4DDcENh161yxOroKomjUbNfVHJaQ3kAiA5QC47Apue+XWl2tpLC0Z3j9N4GlAQ7wMnGPLzddwAmQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114824},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"aaa948fd41f010f904977d8e2cc649159a4e5d24","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.16.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.16.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.5.2","devDependencies":{"oxfmt":"^0.54.0","oxlint":"^1.69.0","tsdown":"^0.22.2","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.4_1780983111371_0.3902888626653014","host":"s3://npm-registry-packages-npm-production"}},"0.4.5":{"name":"varena","version":"0.4.5","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.5","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"abc4657626b9147a90876131f7ebd7809a704b3b","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.5.tgz","fileCount":10,"integrity":"sha512-mvjhZszAV/HZYUdLxAeLZfd3QegD+vpvtuZAsansr7EJ1Uk5+aYePqgVInhek+AaOh8xv1WJwtCxUVbYVBHK5A==","signatures":[{"sig":"MEUCICIaQN6GdZWrGWn89NZGkudvAzYhei3z42HOM0N9BnGcAiEA1zX4H0N9oRRQ4Dd5BYfEbh9bcU67dwXjSolxSXCK9Tw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":136596},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"e93bf8bf41eb3201c403fad6054609290af301d6","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.16.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.16.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.5.3","devDependencies":{"oxfmt":"^0.54.0","oxlint":"^1.69.0","tsdown":"^0.22.2","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.5_1781152809229_0.40738771798025764","host":"s3://npm-registry-packages-npm-production"}},"0.4.6":{"name":"varena","version":"0.4.6","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.6","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"0be49f4e18b7a02b46291f3a90c37dd6823a9097","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.6.tgz","fileCount":10,"integrity":"sha512-Ul0yQAsV2rPlfoQy1AU4Z1gDi6gI9ZJM1R4YHz29t8MkAHUNIJJPjjOGw8dRGJCXmdaHMj9wHEnmAQll5lBXhQ==","signatures":[{"sig":"MEUCIQCQf7ejzA5jy3TrGbbS+b/m2Eak+02KFGv5wdUVWyseGgIgN7BsLvkIYUe35zwN40FJ9TE58UEzo9xhQ5PuWZK6Oeo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":137263},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"36c473221e09e8a9ea8e2edb3e54b2a6e09554b1","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.16.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.16.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.5.3","devDependencies":{"oxfmt":"^0.54.0","oxlint":"^1.69.0","tsdown":"^0.22.2","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.6_1781169048251_0.5916905663425911","host":"s3://npm-registry-packages-npm-production"}},"0.4.7":{"name":"varena","version":"0.4.7","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.7","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"3b6d1fa740b8017cae6e4fb04cd67f1d8206114f","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.7.tgz","fileCount":10,"integrity":"sha512-heSalwmRDcdJhsdHdo0MP2DEYPwUxccHvqz7EAOR3wGUOxNNlM27gcX5Oxz6iuLpaPWq9n8JjbEY5sMtvJpnTQ==","signatures":[{"sig":"MEQCIF6re9o+EJbow9swTc+pM4OKV/6Z490dzwQY+r7COWvwAiAlJuQdyGzYyCjWyCLvDkns+5a7MsSY/mhqBy7ev4vsYw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":143440},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"0adc96a16a9340a4f4781b01931055941f7ddf86","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.16.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.16.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.6.0","devDependencies":{"oxfmt":"^0.54.0","oxlint":"^1.69.0","tsdown":"^0.22.2","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.7_1781509663467_0.7104228890203146","host":"s3://npm-registry-packages-npm-production"}},"0.4.8":{"name":"varena","version":"0.4.8","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.8","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"616e67c80e6331a5ebfa7d5bfe0636cc27a80386","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.8.tgz","fileCount":10,"integrity":"sha512-Ulo7EwtCur+84HgmTAroOhphUNwWxUc9DsA63/FmjLUB9momXRKRDjRiJXbjJ76LhKo4RLih/yj0i4ILBtj2DA==","signatures":[{"sig":"MEUCICVDpm248GAfe0wZJAIVEsl+R999UYQwloUtD6IeRemlAiEA9s+1YBlTlM/vjbu8mlTQfT0Pzy/HOpwYc6lZnJt5qQ0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":143927},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"4be2f000c6e5a0ef39ed2392d0b68879f869eb66","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.17.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.17.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.8.0","devDependencies":{"oxfmt":"^0.55.0","oxlint":"^1.70.0","tsdown":"^0.22.3","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.8_1782121803608_0.36182919785525947","host":"s3://npm-registry-packages-npm-production"}},"0.4.9":{"name":"varena","version":"0.4.9","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.9","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"2dcfdf56c974cd0ad5df4f8ec41be17c09ad7dc9","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.9.tgz","fileCount":10,"integrity":"sha512-l7cuFI0c2qpsbYJ6QfIPITtfnsbAlSUjDEBIPqwp3MIjJA28ZpnfZdlvWv61/5EQ7vCphLj7NgZgRJpkDXV8Zw==","signatures":[{"sig":"MEQCIGwdPSXVpYa5JDDCK+pvucMWsthY+JPcvnHZidSwwirLAiAQyUd00XUzi3x/5h6L1Zi3Hh1LzbUlV9ZiYY+2rVlL0w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":143123},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"0e22943c36e303ca28d32e65df418a7ac6ef15b5","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.17.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.17.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.8.0","devDependencies":{"oxfmt":"^0.55.0","oxlint":"^1.70.0","tsdown":"^0.22.3","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.9_1782383600541_0.9260603211040237","host":"s3://npm-registry-packages-npm-production"}},"0.4.10":{"name":"varena","version":"0.4.10","author":{"name":"skordyr","email":"xyan.sk@gmail.com"},"license":"MIT","_id":"varena@0.4.10","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"3263855fbb5f590b493742379adc4df3a0d2cdbc","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.10.tgz","fileCount":10,"integrity":"sha512-qnYPpVvD1QVU2Vbf282EyJlMQK/7eEYr8+FUXk+dD3FF7WXNpCJuTr/8gRvVjGKtwXnnDwpsPtM6Qmxwn9UhKQ==","signatures":[{"sig":"MEUCIHmPZGs33f2e5KUKZhWeT1E1DNvHGx3yL5XVAPWlIpJGAiEA+MT0CNInFc6ulkX2pmQxcIJazOyGLDs1/Jjp4/mA3eM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":143575},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"gitHead":"5777d992ee4ff7c6d6123d16c38273ef3e85e653","scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt","prepublishOnly":"pnpm build"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"_npmVersion":"11.17.0","description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"packageManager":"pnpm@11.9.0","devDependencies":{"oxfmt":"^0.57.0","oxlint":"^1.72.0","tsdown":"^0.22.3","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.10_1782816473932_0.9626502137257384","host":"s3://npm-registry-packages-npm-production"}},"0.4.11":{"name":"varena","version":"0.4.11","author":"skordyr ","license":"MIT","_id":"varena@0.4.11","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"8c3cdcc09362d03d3208e5ada73abd55a85f604a","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.11.tgz","fileCount":10,"integrity":"sha512-5ZNtPtX1g5AB3P/C8StgGytJc0DL71fuG0/KeBHU0PI3P0oYFGER0WVh41zu//NYm315aK6GInaHQ5GVtqWYyA==","signatures":[{"sig":"MEYCIQD6Cx30F/cte8H71JvqNQvp1a9pJS3dnLsguc3lp3Uh+AIhANc1hrbC2qb2u5weiZJ6n7319zypM0AJxAd8EN7Pa0rn","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":145954},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.57.0","oxlint":"^1.72.0","tsdown":"^0.22.3","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.11_1783066172642_0.3330181866296451","host":"s3://npm-registry-packages-npm-production"}},"0.4.12":{"name":"varena","version":"0.4.12","author":"skordyr ","license":"MIT","_id":"varena@0.4.12","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"ec51ec77b89a56a8b2ba00dee6cc09184faa41a8","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.12.tgz","fileCount":10,"integrity":"sha512-j3B2xKuql3Dk4U3gDOEsAnrVprn8xR3HFqntvwZJjkczXu9pUIL4CandKGdj8RL/m/387pT1e8ZOm1+7TjGRdQ==","signatures":[{"sig":"MEUCIDqLJv+f1QPSJzT3/qK9c4Fm3tG5V89cF8MHejRn8sgTAiEAli7LDvFDycAUq8vtAyEgz5eA9xiPia9i/GDmmKf605E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":146176},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.57.0","oxlint":"^1.72.0","tsdown":"^0.22.3","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.12_1783069025842_0.07962412037674715","host":"s3://npm-registry-packages-npm-production"}},"0.4.13":{"name":"varena","version":"0.4.13","author":"skordyr ","license":"MIT","_id":"varena@0.4.13","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"dc01cb96cbef6d6b97adce65ba359d1acf109547","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.13.tgz","fileCount":10,"integrity":"sha512-pI/fbeZnVYGPRd+rmArPtik/JBjWYs+YS3xG8zKGNu38002bkVwS8Y0RMx60pO8Rhq9b6sIXuXRZPuzJ51pj7Q==","signatures":[{"sig":"MEQCIBYKzhJt8qsz9+hx8gJiBmr1mWZ8QqLLnYqe5/s1ePt5AiBTfWk4pz9c1P14EVgb39P2Tu8SrGc9F67xeCzhuTCAzA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":145875},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.58.0","oxlint":"^1.73.0","tsdown":"^0.22.3","typescript":"^6.0.3","@changesets/cli":"^2.31.0"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.13_1783484154000_0.4294551355058098","host":"s3://npm-registry-packages-npm-production"}},"0.4.14":{"name":"varena","version":"0.4.14","author":"skordyr ","license":"MIT","_id":"varena@0.4.14","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"homepage":"https://github.com/skordyr/varena#readme","bugs":{"url":"https://github.com/skordyr/varena/issues"},"dist":{"shasum":"051380b36fca43a40dc2f9915f41a096fd7a2bfa","tarball":"https://registry.npmjs.org/varena/-/varena-0.4.14.tgz","fileCount":10,"integrity":"sha512-FPLjrLsP90IHDjPxnTpfdlXKmNhD940xWW8xTRyYAzyGDB2M39Y4+uOQANZg/GWSwYJhsLWw5z49O353uF1Tcg==","signatures":[{"sig":"MEYCIQDX9Ec1M2eYIW7dur8x8QY5fcS7v3wBmFDhoeVHBUChfAIhAKK9EQa1H5Fa6A2y7B6h8RiIOIOcKgz38HGXnC1CO4uR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":146027},"type":"module","types":"./dist/index.d.mts","exports":{".":"./dist/index.mjs","./package.json":"./package.json","./design-system":"./dist/design-system.mjs"},"scripts":{"lint":"oxlint","build":"tsdown","format":"oxfmt"},"_npmUser":{"name":"skordyr","email":"xyan.sk@gmail.com"},"deprecated":"Package renamed to varhyme. Migrate with: npm install varhyme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.60.0","oxlint":"^1.75.0","tsdown":"^0.22.14","typescript":"^7.0.2","@changesets/cli":"^2.31.1"},"_npmOperationalInternal":{"tmp":"tmp/varena_0.4.14_1784873848978_0.32518066780171195","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-02-10T15:16:10.770Z","modified":"2026-08-10T08:10:49.463Z","0.1.0":"2026-02-10T15:16:11.086Z","0.2.0":"2026-02-10T15:35:26.809Z","0.2.1":"2026-02-10T17:51:25.404Z","0.2.2":"2026-02-11T07:17:30.388Z","0.2.3":"2026-03-24T03:32:59.070Z","0.2.4":"2026-04-07T07:31:30.140Z","0.2.5":"2026-04-07T07:49:26.934Z","0.2.6":"2026-04-09T02:42:32.429Z","0.2.7":"2026-04-09T04:10:14.751Z","0.2.8":"2026-04-09T04:36:51.145Z","0.2.9":"2026-04-09T07:26:22.762Z","0.3.0":"2026-04-09T11:42:41.832Z","0.3.1":"2026-04-13T08:41:43.448Z","0.3.2":"2026-04-13T09:29:26.286Z","0.4.0":"2026-05-21T02:30:57.678Z","0.4.1":"2026-05-21T03:03:53.937Z","0.4.2":"2026-05-21T05:58:46.132Z","0.4.3":"2026-05-22T09:05:26.956Z","0.4.4":"2026-06-09T05:31:51.578Z","0.4.5":"2026-06-11T04:40:09.392Z","0.4.6":"2026-06-11T09:10:48.384Z","0.4.7":"2026-06-15T07:47:43.599Z","0.4.8":"2026-06-22T09:50:03.735Z","0.4.9":"2026-06-25T10:33:20.698Z","0.4.10":"2026-06-30T10:47:54.072Z","0.4.11":"2026-07-03T08:09:32.778Z","0.4.12":"2026-07-03T08:57:05.985Z","0.4.13":"2026-07-08T04:15:54.126Z","0.4.14":"2026-07-24T06:17:29.132Z"},"bugs":{"url":"https://github.com/skordyr/varena/issues"},"author":"skordyr ","license":"MIT","homepage":"https://github.com/skordyr/varena#readme","repository":{"url":"git+https://github.com/skordyr/varena.git","type":"git"},"description":"A framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by `stitches`.","maintainers":[{"name":"skordyr","email":"xyan.sk@gmail.com"}],"readme":"# varena\n\nA framework-agnostic, type-safe styling library for building component variants and design tokens, with first-class slots support. Inspired by [Stitches](https://stitches.dev/).\n\n## Features\n\n- Framework agnostic: works anywhere you can use plain strings and style objects.\n- Type-safe variants: strongly typed variant names and values.\n- Slot-based components: define slot classes for `root`, `icon`, `label`, and any custom slot.\n- Compound variants: apply slot classes when multiple variant conditions match.\n- Design tokens: generate CSS custom properties and `var(...)` references with types.\n- Tiny utilities: `cx` for class merging and `sx` for style merging.\n\n## Installation\n\n```bash\npnpm add varena\n# or\nnpm install varena\n# or\nyarn add varena\n```\n\n## Quick Start\n\n### Button with Tailwind CSS\n\n```\nproject/\n├── lib/\n│ └── varena.ts # varena instance with twMerge\n└── components/\n └── button.tsx # button component + styles\n```\n\n```bash\npnpm add varena tailwind-merge\n```\n\n```ts\n// lib/varena.ts\nimport { create } from \"varena\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const { createStyles, createTokens } = create({\n mergeClasses: twMerge,\n});\n```\n\n```tsx\n// components/button.tsx\nimport type { InferComponentStylesConfig } from \"varena\";\n\nimport * as React from \"react\";\n\n// Note: `@/` is a path alias, use your project's import path\nimport { createStyles, cx } from \"@/lib/varena\";\n\nconst ButtonStyles = createStyles({\n slots: {\n root: cx(\n \"inline-flex items-center justify-center rounded-md px-4 py-2 font-medium transition-colors\",\n ),\n icon: cx(\"mr-2 h-4 w-4\"),\n },\n variants: {\n disabled: {\n true: { root: cx(\"opacity-50 cursor-not-allowed\") },\n },\n variant: {\n solid: { root: cx(\"bg-blue-600 text-white hover:bg-blue-700\") },\n outline: { root: cx(\"border border-gray-300 hover:bg-gray-50\") },\n },\n size: {\n sm: { root: cx(\"text-sm px-3 py-1.5\"), icon: cx(\"h-3 w-3\") },\n md: { root: cx(\"px-4 py-2\"), icon: cx(\"h-4 w-4\") },\n lg: { root: cx(\"text-lg px-6 py-3\"), icon: cx(\"h-5 w-5\") },\n },\n icon: {\n true: { root: cx(\"px-2\"), icon: cx(\"mr-0\") },\n },\n },\n defaultVariants: {\n variant: \"solid\",\n size: \"md\",\n icon: false,\n disabled: false,\n },\n});\n\ntype ButtonStylesConfig = InferComponentStylesConfig;\n\nexport interface ButtonProps extends Omit {\n style?: React.CSSProperties;\n className?: string;\n children?: React.ReactNode;\n icon?: React.ReactNode;\n}\n\nexport function Button(props: ButtonProps) {\n const { style, className, children, icon, slots, disabled, variant, size } = props;\n\n const $slots = ButtonStyles(\n { slots, variants: { disabled, variant, size, icon: Boolean(icon) && !children } },\n className,\n );\n\n return (\n \n );\n}\n```\n\n```tsx\n// usage\n\n// Basic button with default solid style\n\n\n// Outline variant for secondary actions\n\n\n// Large size for prominent CTAs\n\n\n// Disabled state for unavailable actions\n\n\n// Button with icon for better visual cues\n\n\n// Icon-only button for compact UI\n\n\n// Override multiple slots via slots prop\n\n```\n\n### Theme with design tokens\n\n```\nproject/\n├── styles/\n│ ├── theme.ts # Theme token configuration\n│ ├── global.ts # Global style injection\n│ └── theme.css # Generated theme CSS file\n├── scripts/\n│ └── generate-theme-css.ts # CSS generation script\n└── app/\n └── global.css # Global CSS imports\n```\n\n```bash\npnpm add varena @emotion/css\n```\n\n```ts\n// styles/theme.ts\nimport { ColorTokens } from \"varena/design-system\";\n\n// Extend tokens for a custom theme\nexport const ThemeTokens = createTokens({ ...ColorTokens.definition });\n```\n\n```ts\n// styles/global.ts\nimport { injectGlobal } from \"@emotion/css\";\n\n// Note: `@/` is a path alias, use your project's import path\nimport { ThemeTokens } from \"@/styles/theme\";\n\n// Inject tokens as CSS variables globally\ninjectGlobal(ThemeTokens.css(\":root\"));\n```\n\n```tsx\n// Use theme tokens with CSS-in-JS\nimport { css } from \"@emotion/css\";\n\n// Note: `@/` is a path alias, use your project's import path\nimport { ThemeTokens } from \"@/styles/theme\";\n\n// Color tokens use space-separated HSL values, supporting opacity via CSS hsl()\ncss`\n background-color: hsl(${ThemeTokens.variable(\"color-error\")} / 0.1);\n color: hsl(${ThemeTokens.variable(\"color-error\")});\n`;\n```\n\n```ts\n// scripts/generate-theme-css.ts\nimport * as fs from \"node:fs/promises\";\n\nimport type { ColorSystem } from \"varena/design-system\";\n\n// Note: `@/` is a path alias, use your project's import path\nimport { ThemeTokens } from \"@/styles/theme\";\n\n// Generate theme CSS with inline color tokens for Tailwind CSS\nawait fs.writeFile(\n \"./styles/theme.css\",\n `\n${ThemeTokens.css(\n Object.keys(ThemeTokens.definition).reduce>((result, key) => {\n result[key as keyof ColorSystem] = `hsl(${ThemeTokens.variable(key as keyof ColorSystem)})`;\n\n return result;\n }, {}),\n \"@theme inline\",\n)}\n${ThemeTokens.css(\":root\")}\n`,\n);\n```\n\n```css\n/* app/global.css */\n@import \"tailwindcss\";\n@import \"tw-animate-css\";\n\n/* Import generated theme tokens */\n@import \"styles/theme.css\";\n```\n\n```tsx\n// Use theme tokens with Tailwind CSS\n\n// Use color tokens with opacity modifier\n
\n```\n\n## API Reference\n\n### varena\n\nCore styling utilities providing type-safe APIs for building component variants and design tokens.\n\n#### `create(options?)`\n\nCreate a preconfigured varena instance so `createStyles` and `createTokens` share defaults.\n\n**Parameters**\n\n- `options?` - Optional global defaults applied to both factories.\n- `options.mergeClasses?(...classes)` - Default class merge strategy injected into `createStyles`.\n- `options.createVariableName?(key, prefix?)` - Default token-key-to-variable-name mapper injected into `createTokens`.\n\n**Returns**\n\n- `createStyles(styles, options?)` - Preconfigured `createStyles` function with the provided defaults applied.\n- `createTokens(tokens, options?)` - Preconfigured `createTokens` function with the provided defaults applied.\n\n**Examples**\n\n```ts\nimport { create } from \"varena\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const { createStyles, createTokens } = create({\n mergeClasses: twMerge,\n});\n```\n\n#### `createStyles(styles, options?)`\n\nCreate a typed slot styles factory for slot-based components with variants, compound variants, and defaults.\n\n**Parameters**\n\n- `styles.slots` - Base class names for each slot key.\n- `styles.variants?` - Variant definitions that override slot classes based on variant values.\n- `styles.compoundVariants?` - Additional slot classes applied when multiple variant conditions match simultaneously.\n- `styles.defaultVariants?` - Default variants used when call-time variants are omitted.\n- `options?` - Optional style factory behavior overrides.\n- `options.mergeClasses?(...classes)` - Custom class merging function (default joins with spaces).\n\n**Returns**\n\n- `Styles(config?, overrides?)` - Resolves final slot classes by combining defaults, variants, and overrides.\n- `Styles.definition` - Original style definition passed to `createStyles`.\n- `Styles.slots` - Cached slots resolved from base slots + `defaultVariants`.\n- `Styles.extend(extension)` - Returns a new `Styles` instance with merged definitions. Supports both adding new slots and variants, and merging with existing ones.\n\n**Call-time Parameters**\n\n- `config.variants?` - Per-call variant overrides.\n- `config.slots?` - Per-call slot class patches, either object or function form.\n- `overrides?` - Final override layer applied after variants/config slots. When a `string`, it is treated as the `root` slot.\n\n**Examples**\n\n```ts\nimport type { InferComponentStylesConfig } from \"varena\";\nimport { createStyles } from \"varena\";\n\nexport const ButtonStyles = createStyles({\n slots: {\n root: \"btn\",\n icon: \"btn__icon\",\n },\n variants: {\n size: {\n sm: { root: \"btn--sm\", icon: \"btn__icon--sm\" },\n lg: { root: \"btn--lg\", icon: \"btn__icon--lg\" },\n },\n tone: {\n neutral: { root: \"btn--neutral\" },\n danger: { root: \"btn--danger\" },\n },\n },\n compoundVariants: [\n {\n variants: { size: \"lg\", tone: \"danger\" },\n slots: { root: \"btn--lg-danger\" },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n tone: \"neutral\",\n },\n});\n\nexport type ButtonStylesConfig = InferComponentStylesConfig;\n// => {\n// slots?: { root?: string; icon?: string } | ...;\n// size?: \"sm\" | \"lg\";\n// tone?: \"neutral\" | \"danger\";\n// }\n```\n\n```ts\nButtonStyles.definition;\n// => { slots: {...}, variants: {...}, compoundVariants: [...], defaultVariants: {...} }\n\nButtonStyles.slots;\n// => { root: \"btn btn--sm btn--neutral\", icon: \"btn__icon btn__icon--sm\" }\n\nconst slots = ButtonStyles();\n\nslots.root;\n// => \"btn btn--sm btn--neutral\"\n\nslots.icon;\n// => \"btn__icon btn__icon--sm\"\n```\n\n```ts\nconst slots = ButtonStyles({ variants: { size: \"lg\", tone: \"danger\" } });\n\nslots.root;\n// => \"btn btn--lg btn--danger btn--lg-danger\"\n\nslots.icon;\n// => \"btn__icon btn__icon--lg\"\n```\n\n```ts\nconst slots = ButtonStyles(\n { slots: { icon: \"custom-icon\" }, variants: { size: \"lg\" } },\n \"override-root\",\n);\n\nslots.root;\n// => \"btn btn--lg btn--neutral override-root\"\n\nslots.icon;\n// => \"btn__icon btn__icon--lg custom-icon\"\n```\n\n```ts\nconst slots = ButtonStyles(\n { slots: { icon: \"custom-icon\" }, variants: { size: \"lg\" } },\n { root: \"override-root\" },\n);\n\nslots.root;\n// => \"btn btn--lg btn--neutral override-root\"\n\nslots.icon;\n// => \"btn__icon btn__icon--lg custom-icon\"\n```\n\n```ts\nconst slots = ButtonStyles({\n slots: (variants) => ({\n root: variants.tone === \"danger\" ? \"btn--ring\" : undefined,\n }),\n variants: { tone: \"danger\" },\n});\n\nslots.root;\n// => \"btn btn--sm btn--danger btn--ring\"\n```\n\n```ts\nconst PricingButtonStyles = ButtonStyles.extend({\n slots: {\n root: \"pricing-btn\",\n badge: \"pricing-btn__badge\",\n },\n variants: {\n size: {\n lg: { root: \"pricing-btn--lg\", icon: \"pricing-btn__icon--lg\" },\n xl: { root: \"pricing-btn--xl\", icon: \"pricing-btn__icon--xl\" },\n },\n tier: {\n starter: { root: \"pricing-btn--starter\" },\n pro: { root: \"pricing-btn--pro\" },\n },\n },\n compoundVariants: [\n {\n variants: { size: \"lg\", tone: \"danger\" },\n slots: { root: \"pricing-btn--lg-danger\", badge: \"pricing-btn__badge--danger\" },\n },\n {\n variants: { size: \"xl\", tier: \"pro\" },\n slots: { root: \"pricing-btn--hero\", badge: \"pricing-btn__badge--hero\" },\n },\n ],\n defaultVariants: { size: \"lg\", tier: \"pro\" },\n});\n\nPricingButtonStyles.definition;\n// => {\n// slots: { root: \"btn pricing-btn\", icon: \"btn__icon\", badge: \"pricing-btn__badge\" },\n// variants: {\n// size: {\n// sm: { root: \"btn--sm\", icon: \"btn__icon--sm\" },\n// lg: { root: \"btn--lg pricing-btn--lg\", icon: \"btn__icon--lg pricing-btn__icon--lg\" },\n// xl: { root: \"pricing-btn--xl\", icon: \"pricing-btn__icon--xl\" },\n// },\n// tone: { neutral: { root: \"btn--neutral\" }, danger: { root: \"btn--danger\" } },\n// tier: { starter: { root: \"pricing-btn--starter\" }, pro: { root: \"pricing-btn--pro\" } },\n// },\n// compoundVariants: [\n// { variants: { size: \"lg\", tone: \"danger\" }, slots: { root: \"btn--lg-danger pricing-btn--lg-danger\", badge: \"pricing-btn__badge--danger\" } },\n// { variants: { size: \"xl\", tier: \"pro\" }, slots: { root: \"pricing-btn--hero\", badge: \"pricing-btn__badge--hero\" } },\n// ],\n// defaultVariants: { size: \"lg\", tone: \"neutral\", tier: \"pro\" },\n// }\n\nPricingButtonStyles.slots;\n// => { root: \"btn pricing-btn btn--lg pricing-btn--lg btn--neutral pricing-btn--pro\", icon: \"btn__icon btn__icon--lg pricing-btn__icon--lg\", badge: \"pricing-btn__badge\" }\n```\n\n#### `createTokens(tokens, options?)`\n\nCreate a typed token factory for generating CSS custom properties and `var(...)` helpers.\n\n**Parameters**\n\n- `tokens` - Base token definition map.\n- `options?` - Optional token factory behavior overrides.\n- `options.prefix?` - Prefix prepended to generated CSS custom property names.\n- `options.createVariableName?(key, prefix?)` - Custom formatter for CSS variable names.\n\n**Returns**\n\n- `Tokens(config)` - Generates a style object with only the specified CSS custom property overrides.\n\n > Token values may contain `{key[?? fallback]}` references.\n >\n > - `{key}` → `variable('key')`\n > - `{key ?? fallback}` → `variable('key', 'fallback')`\n\n- `Tokens.definition` - Original token definition passed to `createTokens`.\n- `Tokens.style` - Cached style object generated from full default token values.\n- `Tokens.css()` - Returns a formatted CSS string of token declarations without a selector.\n- `Tokens.css(selector, wrapper?)` - Returns a formatted CSS string wrapped in a CSS selector for creating CSS files.\n- `Tokens.css(config)` - Returns a formatted CSS string with only the specified CSS custom property overrides, without a selector.\n- `Tokens.css(config, selector, wrapper?)` - Returns a formatted CSS string with only the specified CSS custom property overrides, wrapped in a CSS selector.\n- `Tokens.atProperties(config)` - Returns a formatted CSS string of `@property` at-rules for registering typed custom properties.\n- `Tokens.value(key)` - Reads a token value. Returns `undefined` if the key is not defined.\n\n > Token value may contain `{key[?? fallback]}` references.\n >\n > - `{key}` → `variable('key')`\n > - `{key ?? fallback}` → `variable('key', 'fallback')`\n\n- `Tokens.value(key, fallback)` - Reads a token value with a guaranteed non-null return, using `fallback` when the key is missing.\n- `Tokens.value(key, fallback?)` - Reads a token value. Returns `undefined` if the key is not defined and no fallback is provided.\n- `Tokens.property(key)` - Returns the CSS custom property name for a token key.\n- `Tokens.variable(key, fallback?)` - Returns `var(...)` reference for a token key, with optional fallback.\n- `Tokens.extend(extension)` - Returns a new `Tokens` instance with merged values. Supports both overriding existing token keys and adding new keys.\n\n**Call-time Parameters**\n\n- `config` - Partial token overrides to generate a style object for a specific context.\n\n**Examples**\n\n```ts\nimport type { InferTokensConfig } from \"varena\";\nimport { createTokens } from \"varena\";\n\nexport const ThemeTokens = createTokens<{\n \"color.primary\": string;\n \"color.border\"?: string;\n \"radius.md\": string;\n border: string;\n}>(\n {\n \"color.primary\": \"#0ea5e9\",\n \"radius.md\": \"8px\",\n border: \"1px solid {color.border ?? #e5e7eb}\",\n },\n { prefix: \"app\" },\n);\n\nexport type ThemeTokensConfig = InferTokensConfig;\n// => { \"color.primary\"?: string; \"color.border\"?: string; \"radius.md\"?: string; \"border\"?: string }\n```\n\n```ts\nThemeTokens.definition;\n// => { \"color.primary\": \"#0ea5e9\", \"radius.md\": \"8px\", border: \"1px solid {color.border ?? #e5e7eb}\" }\n\nThemeTokens({});\n// => {}\n\nThemeTokens({ \"color.primary\": \"#0369a1\" });\n// => { \"--app-color-primary\": \"#0369a1\" }\n\nThemeTokens.style;\n// => {\n// \"--app-color-primary\": \"#0ea5e9\",\n// \"--app-radius-md\": \"8px\",\n// \"--app-border\": \"1px solid var(--app-color-border, #e5e7eb)\",\n// }\n\nThemeTokens.css();\n// =>\n// --app-color-primary: #0ea5e9;\n// --app-radius-md: 8px;\n// --app-border: 1px solid var(--app-color-border, #e5e7eb);\n\nThemeTokens.css(\":root\");\n// =>\n// :root {\n// --app-color-primary: #0ea5e9;\n// --app-radius-md: 8px;\n// --app-border: 1px solid var(--app-color-border, #e5e7eb);\n// }\n\nThemeTokens.css(\":root\", \"@layer theme\");\n// =>\n// @layer theme {\n// :root {\n// --app-color-primary: #0ea5e9;\n// --app-radius-md: 8px;\n// --app-border: 1px solid var(--app-color-border, #e5e7eb);\n// }\n// }\n\nThemeTokens.css({ ...ThemeTokens.definition, \"color.primary\": \"#f97316\" });\n// =>\n// --app-color-primary: #f97316;\n// --app-radius-md: 8px;\n// --app-border: 1px solid var(--app-color-border, #e5e7eb);\n\nThemeTokens.css({ ...ThemeTokens.definition, \"color.primary\": \"#f97316\" }, \":root\");\n// =>\n// :root {\n// --app-color-primary: #f97316;\n// --app-radius-md: 8px;\n// --app-border: 1px solid var(--app-color-border, #e5e7eb);\n// }\n\nThemeTokens.css({ ...ThemeTokens.definition, \"color.primary\": \"#f97316\" }, \":root\", \"@layer theme\");\n// =>\n// @layer theme {\n// :root {\n// --app-color-primary: #f97316;\n// --app-radius-md: 8px;\n// --app-border: 1px solid var(--app-color-border, #e5e7eb);\n// }\n// }\n\nThemeTokens.css({});\n// => \"\"\n\nThemeTokens.atProperties({\n \"color.primary\": { syntax: '\"\"', inherits: true, initialValue: \"#0ea5e9\" },\n \"radius.md\": { syntax: '\"\"', inherits: true, initialValue: \"8px\" },\n});\n// =>\n// @property --app-color-primary {\n// syntax: \"\";\n// inherits: true;\n// initial-value: #0ea5e9;\n// }\n//\n// @property --app-radius-md {\n// syntax: \"\";\n// inherits: true;\n// initial-value: 8px;\n// }\n\nThemeTokens.atProperties({});\n// => \"\"\n\nThemeTokens.value(\"color.primary\");\n// => \"#0ea5e9\"\n\nThemeTokens.value(\"color.border\", \"#e5e7eb\");\n// => \"#e5e7eb\" (returns fallback since key not in definition)\n\nThemeTokens.value(\"border\");\n// => \"1px solid var(--app-color-border, #e5e7eb)\"\n\nThemeTokens.property(\"color.primary\");\n// => \"--app-color-primary\"\n\nThemeTokens.variable(\"color.primary\");\n// => \"var(--app-color-primary)\"\n\nThemeTokens.variable(\"radius.md\", \"6px\");\n// => \"var(--app-radius-md, 6px)\"\n```\n\n```ts\nexport const CustomThemeTokens = ThemeTokens.extend({\n \"color.primary\": \"#1e40af\",\n \"color.secondary\": \"#475569\",\n});\n\nexport type CustomThemeTokensConfig = InferTokensConfig;\n// => { \"color.primary\"?: string; \"color.border\"?: string; \"radius.md\"?: string; border?: string; \"color.secondary\"?: string }\n```\n\n```ts\nCustomThemeTokens.definition;\n// => { \"color.primary\": \"#1e40af\", \"radius.md\": \"8px\", border: \"1px solid {color.border ?? #e5e7eb}\", \"color.secondary\": \"#475569\" }\n\nCustomThemeTokens.style;\n// => {\n// \"--app-color-primary\": \"#1e40af\",\n// \"--app-radius-md\": \"8px\",\n// \"--app-border\": \"1px solid var(--app-color-border, #e5e7eb)\",\n// \"--app-color-secondary\": \"#475569\",\n// }\n\nCustomThemeTokens.value(\"color.primary\");\n// => \"#1e40af\"\n\nCustomThemeTokens.value(\"color.secondary\");\n// => \"#475569\"\n```\n\n#### `cx(...classes)`\n\nMerge class names and ignore falsy `undefined` entries.\n\n**Parameters**\n\n- `classes` - Class names to merge in order.\n\n**Returns**\n\n- Merged class string with `undefined` entries skipped.\n\n**Examples**\n\n```ts\nimport { cx } from \"varena\";\n\ncx(\"btn\", undefined, \"btn--primary\", \"rounded-md\");\n// => \"btn btn--primary rounded-md\"\n```\n\n#### `sx(...styles)`\n\nMerge style objects and ignore `undefined` entries.\n\n**Parameters**\n\n- `styles` - Style objects to shallow-merge in order.\n\n**Returns**\n\n- Merged style object with `undefined` entries skipped.\n\n**Examples**\n\n```ts\nimport { sx } from \"varena\";\n\nsx({ padding: \"8px\", borderRadius: \"8px\" }, undefined, { padding: \"12px\", color: \"white\" });\n// => { padding: \"12px\", borderRadius: \"8px\", color: \"white\" }\n```\n\n#### `isStyles(target)`\n\nType guard to check if a value is a `Styles` instance.\n\n**Parameters**\n\n- `target` - The value to check.\n\n**Returns**\n\n- `true` if the value is a `Styles` instance, narrowing the type in TypeScript.\n\n**Examples**\n\n```ts\nimport { isStyles, createStyles } from \"varena\";\n\nconst ButtonStyles = createStyles({ slots: { root: \"btn\" } });\n\nisStyles(ButtonStyles);\n// => true\n\nisStyles({});\n// => false\n\nisStyles(null);\n// => false\n```\n\n#### `isTokens(target)`\n\nType guard to check if a value is a `Tokens` instance.\n\n**Parameters**\n\n- `target` - The value to check.\n\n**Returns**\n\n- `true` if the value is a `Tokens` instance, narrowing the type in TypeScript.\n\n**Examples**\n\n```ts\nimport { isTokens, createTokens } from \"varena\";\n\nconst ThemeTokens = createTokens({ \"color.primary\": \"#0ea5e9\" });\n\nisTokens(ThemeTokens);\n// => true\n\nisTokens({});\n// => false\n\nisTokens(null);\n// => false\n```\n\n#### `InferStylesConfig`\n\nInfers the full `createStyles` call config type.\n\n**Input**\n\n- `TStyles extends Styles` - A `createStyles` return type.\n\n**Output**\n\n- `{ slots?: Partial> | ((variants) => Partial> | undefined); variants?: Partial> }` - Full config shape accepted by `Styles(config)`.\n\n**Examples**\n\n```ts\nimport type { InferStylesConfig } from \"varena\";\n\nexport type ButtonStylesConfig = InferStylesConfig;\n// => {\n// slots?: { root?: string; icon?: string } | ...;\n// variants?: { size?: \"sm\" | \"lg\"; tone?: \"neutral\" | \"danger\" };\n// }\n```\n\n#### `ExtractStylesConfig`\n\nExtracts matching slot keys from the `createStyles` config type.\n\n**Input**\n\n- `TStyles extends Styles` - A `createStyles` return type.\n- `TRules extends string` - A string literal type pattern to match slot keys.\n\n**Output**\n\n- `StylesConfig` with only the matching slot keys in `slots`.\n\n**Examples**\n\n```ts\nimport type { ExtractStylesConfig } from \"varena\";\n\nexport type IconOnlyButtonStylesConfig = ExtractStylesConfig;\n// => {\n// slots?: { icon?: string } | ...;\n// variants?: { size?: \"sm\" | \"lg\"; tone?: \"neutral\" | \"danger\" };\n// }\n```\n\n#### `ExcludeStylesConfig`\n\nExcludes matching slot keys from the `createStyles` config type.\n\n**Input**\n\n- `TStyles extends Styles` - A `createStyles` return type.\n- `TRules extends string` - A string literal type pattern to exclude slot keys.\n\n**Output**\n\n- `StylesConfig` without the excluded slot keys in `slots`.\n\n**Examples**\n\n```ts\nimport type { ExcludeStylesConfig } from \"varena\";\n\nexport type WithoutIconButtonStylesConfig = ExcludeStylesConfig;\n// => {\n// slots?: { root?: string } | ...;\n// variants?: { size?: \"sm\" | \"lg\"; tone?: \"neutral\" | \"danger\" };\n// }\n```\n\n#### `InferComponentStylesConfig`\n\nInfers a component-friendly flattened style config type.\n\n**Input**\n\n- `TStyles extends Styles` - A `createStyles` return type.\n\n**Output**\n\n- `{ slots?: Partial> | ((variants) => Partial> | undefined); [variantName]?: VariantValue }` - Flattened component props style config.\n\n**Examples**\n\n```ts\nimport type { InferComponentStylesConfig } from \"varena\";\n\nexport type ButtonStylesConfig = InferComponentStylesConfig;\n// => {\n// slots?: { root?: string; icon?: string } | ...;\n// size?: \"sm\" | \"lg\";\n// tone?: \"neutral\" | \"danger\";\n// }\n```\n\n#### `ExtractComponentStylesConfig`\n\nExtracts a component-friendly config type with only matching slots and flattened variants.\n\n**Input**\n\n- `TStyles extends Styles` - A `createStyles` return type.\n- `TRules extends string` - A string literal type pattern to match slot keys.\n\n**Output**\n\n- Flattened config type with only the matching slot keys in `slots`.\n\n**Examples**\n\n```ts\nimport type { ExtractComponentStylesConfig } from \"varena\";\n\nexport type IconOnlyButtonStylesConfig = ExtractComponentStylesConfig;\n// => {\n// slots?: { icon?: string } | ...;\n// size?: \"sm\" | \"lg\";\n// tone?: \"neutral\" | \"danger\";\n// }\n```\n\n#### `ExcludeComponentStylesConfig`\n\nExcludes a component-friendly config type with excluded slots and flattened variants.\n\n**Input**\n\n- `TStyles extends Styles` - A `createStyles` return type.\n- `TRules extends string` - A string literal type pattern to exclude slot keys.\n\n**Output**\n\n- Flattened config type without the excluded slot keys in `slots`.\n\n**Examples**\n\n```ts\nimport type { ExcludeComponentStylesConfig } from \"varena\";\n\nexport type WithoutIconButtonStylesConfig = ExcludeComponentStylesConfig<\n typeof ButtonStyles,\n \"icon\"\n>;\n// => {\n// slots?: { root?: string } | ...;\n// size?: \"sm\" | \"lg\";\n// tone?: \"neutral\" | \"danger\";\n// }\n```\n\n#### `InferTokensConfig`\n\nInfers the config shape accepted by a `Tokens(config)` call.\n\n**Input**\n\n- `TTokens extends Tokens` - A `createTokens` return type.\n\n**Output**\n\n- `Partial` - Config shape accepted by `Tokens(config)`.\n\n**Examples**\n\n```ts\nimport type { InferTokensConfig } from \"varena\";\n\nexport type ThemeTokensConfig = InferTokensConfig;\n// => { \"color.primary\"?: string; \"color.border\"?: string; \"radius.md\"?: string; \"border\"?: string }\n```\n\n### varena/design-system\n\nDesign token systems for consistent foundations.\n\n#### `DesignTokens: Tokens`\n\nReady-to-use preset of all design tokens.\n\n**System**\n\n```ts\ntype DesignSystem = ColorSystem &\n SpacingSystem &\n TypographySystem &\n BorderSystem &\n EffectSystem &\n AnimationSystem &\n LayoutSystem &\n InteractivitySystem &\n FilterSystem &\n BlackWhiteSystem &\n RedSystem &\n OrangeSystem &\n AmberSystem &\n YellowSystem &\n LimeSystem &\n GreenSystem &\n EmeraldSystem &\n TealSystem &\n CyanSystem &\n SkySystem &\n BlueSystem &\n IndigoSystem &\n VioletSystem &\n PurpleSystem &\n FuchsiaSystem &\n PinkSystem &\n RoseSystem &\n SlateSystem &\n GraySystem &\n ZincSystem &\n NeutralSystem &\n StoneSystem &\n MauveSystem &\n OliveSystem &\n MistSystem &\n TaupeSystem;\n```\n\n#### `ColorTokens: Tokens`\n\nSemantic colors for surfaces, text, and states.\n\n**System**\n\n```ts\ntype ColorSystem = {\n \"color-background\": string; // 0 0% 100% // color-white :hsl(0 0% 100%)\n \"color-foreground\": string; // 0 0% 3.94% // color-neutral-950:hsl(0 0% 3.94%)\n\n \"color-brand\": string; // 0 0% 9.05% // color-neutral-900:hsl(0 0% 9.05%)\n \"color-brand-foreground\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n \"color-primary\": string; // 0 0% 9.05% // color-neutral-900:hsl(0 0% 9.05%)\n \"color-primary-foreground\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n \"color-secondary\": string; // 0 0% 96.06% // color-neutral-100:hsl(0 0% 96.06%)\n \"color-secondary-foreground\": string; // 0 0% 9.05% // color-neutral-900:hsl(0 0% 9.05%)\n \"color-muted\": string; // 0 0% 96.06% // color-neutral-100:hsl(0 0% 96.06%)\n \"color-muted-foreground\": string; // 0 0% 45.15% // color-neutral-500:hsl(0 0% 45.15%)\n \"color-accent\": string; // 0 0% 96.06% // color-neutral-100:hsl(0 0% 96.06%)\n \"color-accent-foreground\": string; // 0 0% 9.05% // color-neutral-900:hsl(0 0% 9.05%)\n\n \"color-error\": string; // 357.21 100% 45.32% // color-red-600 :hsl(357.21 100% 45.32%)\n \"color-error-foreground\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n \"color-warning\": string; // 30.1 100% 44.19% // color-amber-600 :hsl(30.1 100% 44.19%)\n \"color-warning-foreground\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n \"color-success\": string; // 142.29 100% 32.57% // color-green-600 :hsl(142.29 100% 32.57%)\n \"color-success-foreground\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n \"color-info\": string; // 221.34 97.06% 53.5% // color-blue-600 :hsl(221.34 97.06% 53.5%)\n \"color-info-foreground\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n\n \"color-border\": string; // 0 0% 89.82% // color-neutral-200:hsl(0 0% 89.82%)\n \"color-input\": string; // 0 0% 89.82% // color-neutral-200:hsl(0 0% 89.82%)\n \"color-ring\": string; // 0 0% 63.02% // color-neutral-400:hsl(0 0% 63.02%)\n\n \"color-card\": string; // 0 0% 100% // color-white :hsl(0 0% 100%)\n \"color-card-foreground\": string; // 0 0% 3.94% // color-neutral-950:hsl(0 0% 3.94%)\n \"color-popover\": string; // 0 0% 100% // color-white :hsl(0 0% 100%)\n \"color-popover-foreground\": string; // 0 0% 3.94% // color-neutral-950:hsl(0 0% 3.94%)\n\n \"color-sidebar\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n \"color-sidebar-foreground\": string; // 0 0% 3.94% // color-neutral-950:hsl(0 0% 3.94%)\n \"color-sidebar-primary\": string; // 0 0% 9.05% // color-neutral-900:hsl(0 0% 9.05%)\n \"color-sidebar-primary-foreground\": string; // 0 0% 98.03% // color-neutral-50 :hsl(0 0% 98.03%)\n \"color-sidebar-accent\": string; // 0 0% 96.06% // color-neutral-100:hsl(0 0% 96.06%)\n \"color-sidebar-accent-foreground\": string; // 0 0% 9.05% // color-neutral-900:hsl(0 0% 9.05%)\n \"color-sidebar-border\": string; // 0 0% 89.82% // color-neutral-200:hsl(0 0% 89.82%)\n \"color-sidebar-ring\": string; // 0 0% 63.02% // color-neutral-400:hsl(0 0% 63.02%)\n\n \"color-chart-1\": string; // 210.69 100% 77.83% // color-blue-300 :hsl(210.69 100% 77.83%)\n \"color-chart-2\": string; // 216.26 100% 58.47% // color-blue-500 :hsl(216.26 100% 58.47%)\n \"color-chart-3\": string; // 221.34 97.06% 53.5% // color-blue-600 :hsl(221.34 97.06% 53.5%)\n \"color-chart-4\": string; // 225.35 84.1% 48.98% // color-blue-700 :hsl(225.35 84.1% 48.98%)\n \"color-chart-5\": string; // 227.1 75.74% 41.14% // color-blue-800 :hsl(227.1 75.74% 41.14%)\n};\n```\n\n#### `SpacingTokens: Tokens`\n\nSpacing scales.\n\n**System**\n\n```ts\ntype SpacingSystem = {\n spacing: string; // 0.25rem // :4px\n \"spacing-0\": string; // 0px // :0px\n \"spacing-0_5\": string; // calc({spacing} * 0.5) // :2px\n \"spacing-1\": string; // {spacing} // :4px\n \"spacing-1_5\": string; // calc({spacing} * 1.5) // :6px\n \"spacing-2\": string; // calc({spacing} * 2) // :8px\n \"spacing-2_5\": string; // calc({spacing} * 2.5) // :10px\n \"spacing-3\": string; // calc({spacing} * 3) // :12px\n \"spacing-3_5\": string; // calc({spacing} * 3.5) // :14px\n \"spacing-4\": string; // calc({spacing} * 4) // :16px\n \"spacing-4_5\": string; // calc({spacing} * 4.5) // :18px\n \"spacing-5\": string; // calc({spacing} * 5) // :20px\n \"spacing-5_5\": string; // calc({spacing} * 5.5) // :22px\n \"spacing-6\": string; // calc({spacing} * 6) // :24px\n \"spacing-7\": string; // calc({spacing} * 7) // :28px\n \"spacing-8\": string; // calc({spacing} * 8) // :32px\n \"spacing-9\": string; // calc({spacing} * 9) // :36px\n \"spacing-10\": string; // calc({spacing} * 10) // :40px\n \"spacing-11\": string; // calc({spacing} * 11) // :44px\n \"spacing-12\": string; // calc({spacing} * 12) // :48px\n \"spacing-14\": string; // calc({spacing} * 14) // :56px\n \"spacing-16\": string; // calc({spacing} * 16) // :64px\n \"spacing-20\": string; // calc({spacing} * 20) // :80px\n \"spacing-24\": string; // calc({spacing} * 24) // :96px\n \"spacing-28\": string; // calc({spacing} * 28) // :112px\n \"spacing-32\": string; // calc({spacing} * 32) // :128px\n \"spacing-36\": string; // calc({spacing} * 36) // :144px\n \"spacing-40\": string; // calc({spacing} * 40) // :160px\n \"spacing-44\": string; // calc({spacing} * 44) // :176px\n \"spacing-48\": string; // calc({spacing} * 48) // :192px\n \"spacing-52\": string; // calc({spacing} * 52) // :208px\n \"spacing-56\": string; // calc({spacing} * 56) // :224px\n \"spacing-60\": string; // calc({spacing} * 60) // :240px\n \"spacing-64\": string; // calc({spacing} * 64) // :256px\n \"spacing-72\": string; // calc({spacing} * 72) // :288px\n \"spacing-80\": string; // calc({spacing} * 80) // :320px\n \"spacing-96\": string; // calc({spacing} * 96) // :384px\n};\n```\n\n#### `TypographyTokens: Tokens`\n\nTypography fonts and scales.\n\n**System**\n\n```ts\ntype TypographySystem = {\n \"font-sans\": string; // ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"\n \"font-sans--font-feature-settings\": string; // normal\n \"font-sans--font-variation-settings\": string; // normal\n \"font-serif\": string; // ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif\n \"font-serif--font-feature-settings\": string; // normal\n \"font-serif--font-variation-settings\": string; // normal\n \"font-mono\": string; // ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace\n \"font-mono--font-feature-settings\": string; // normal\n \"font-mono--font-variation-settings\": string; // normal\n\n \"font-weight-thin\": string; // 100\n \"font-weight-extralight\": string; // 200\n \"font-weight-light\": string; // 300\n \"font-weight-normal\": string; // 400\n \"font-weight-medium\": string; // 500\n \"font-weight-semibold\": string; // 600\n \"font-weight-bold\": string; // 700\n \"font-weight-extrabold\": string; // 800\n \"font-weight-black\": string; // 900\n\n text: string; // 1rem // :16px\n \"text-xs\": string; // calc({text} * 0.75) // :12px\n \"text-xs--line-height\": string; // calc(1 / 0.75) // :1.333\n \"text-sm\": string; // calc({text} * 0.875) // :14px\n \"text-sm--line-height\": string; // calc(1.25 / 0.875) // :1.429\n \"text-md\": string; // {text} // :16px\n \"text-md--line-height\": string; // calc(1.5 / 1) // :1.5\n \"text-lg\": string; // calc({text} * 1.125) // :18px\n \"text-lg--line-height\": string; // calc(1.75 / 1.125) // :1.556\n \"text-xl\": string; // calc({text} * 1.25) // :20px\n \"text-xl--line-height\": string; // calc(1.75 / 1.25) // :1.4\n \"text-2xl\": string; // calc({text} * 1.5) // :24px\n \"text-2xl--line-height\": string; // calc(2 / 1.5) // :1.333\n \"text-3xl\": string; // calc({text} * 1.875) // :30px\n \"text-3xl--line-height\": string; // calc(2.25 / 1.875) // :1.2\n \"text-4xl\": string; // calc({text} * 2.25) // :36px\n \"text-4xl--line-height\": string; // calc(2.5 / 2.25) // :1.111\n \"text-5xl\": string; // calc({text} * 3) // :48px\n \"text-5xl--line-height\": string; // 1 // :1\n \"text-6xl\": string; // calc({text} * 3.75) // :60px\n \"text-6xl--line-height\": string; // 1 // :1\n \"text-7xl\": string; // calc({text} * 4.5) // :72px\n \"text-7xl--line-height\": string; // 1 // :1\n \"text-8xl\": string; // calc({text} * 6) // :96px\n \"text-8xl--line-height\": string; // 1 // :1\n \"text-9xl\": string; // calc({text} * 8) // :128px\n \"text-9xl--line-height\": string; // 1 // :1\n\n \"leading-none\": string; // 1\n \"leading-tight\": string; // 1.25\n \"leading-snug\": string; // 1.375\n \"leading-normal\": string; // 1.5\n \"leading-relaxed\": string; // 1.625\n \"leading-loose\": string; // 2\n\n \"tracking-tighter\": string; // -0.05em\n \"tracking-tight\": string; // -0.025em\n \"tracking-normal\": string; // 0em\n \"tracking-wide\": string; // 0.025em\n \"tracking-wider\": string; // 0.05em\n \"tracking-widest\": string; // 0.1em\n};\n```\n\n#### `BorderTokens: Tokens`\n\nBorder radius scales.\n\n**System**\n\n```ts\ntype BorderSystem = {\n radius: string; // 0.5rem // :8px\n \"radius-none\": string; // 0px // :0px\n \"radius-xs\": string; // calc({radius} * 0.25) // :2px\n \"radius-sm\": string; // calc({radius} * 0.5) // :4px\n \"radius-md\": string; // calc({radius} * 0.75) // :6px\n \"radius-lg\": string; // {radius} // :8px\n \"radius-xl\": string; // calc({radius} * 1.5) // :12px\n \"radius-2xl\": string; // calc({radius} * 2) // :16px\n \"radius-3xl\": string; // calc({radius} * 3) // :24px\n \"radius-4xl\": string; // calc({radius} * 4) // :32px\n \"radius-full\": string; // 9999px // :9999px\n};\n```\n\n#### `EffectTokens: Tokens`\n\nShadow effects for boxes and text.\n\n**System**\n\n```ts\ntype EffectSystem = {\n \"shadow-none\": string; // 0 0 hsl(0 0% 0% / 0)\n \"shadow-2xs\": string; // 0 1px hsl(0 0% 0% / 0.05)\n \"shadow-xs\": string; // 0 1px 2px 0 hsl(0 0% 0% / 0.05)\n \"shadow-sm\": string; // 0 1px 3px 0 hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1)\n \"shadow-md\": string; // 0 4px 6px -1px hsl(0 0% 0% / 0.1), 0 2px 4px -2px hsl(0 0% 0% / 0.1)\n \"shadow-lg\": string; // 0 10px 15px -3px hsl(0 0% 0% / 0.1), 0 4px 6px -4px hsl(0 0% 0% / 0.1)\n \"shadow-xl\": string; // 0 20px 25px -5px hsl(0 0% 0% / 0.1), 0 8px 10px -6px hsl(0 0% 0% / 0.1)\n \"shadow-2xl\": string; // 0 25px 50px -12px hsl(0 0% 0% / 0.25)\n\n \"inset-shadow-none\": string; // inset 0 0 hsl(0 0% 0% / 0)\n \"inset-shadow-2xs\": string; // inset 0 1px hsl(0 0% 0% / 0.05)\n \"inset-shadow-xs\": string; // inset 0 1px 1px hsl(0 0% 0% / 0.05)\n \"inset-shadow-sm\": string; // inset 0 2px 4px hsl(0 0% 0% / 0.05)\n\n \"text-shadow-none\": string; // none\n \"text-shadow-2xs\": string; // 0 1px 0 hsl(0 0% 0% / 0.15)\n \"text-shadow-xs\": string; // 0 1px 1px hsl(0 0% 0% / 0.2)\n \"text-shadow-sm\": string; // 0 1px 0 hsl(0 0% 0% / 0.075), 0 1px 1px hsl(0 0% 0% / 0.075), 0 2px 2px hsl(0 0% 0% / 0.075)\n \"text-shadow-md\": string; // 0 1px 1px hsl(0 0% 0% / 0.1), 0 1px 2px hsl(0 0% 0% / 0.1), 0 2px 4px hsl(0 0% 0% / 0.1)\n \"text-shadow-lg\": string; // 0 1px 2px hsl(0 0% 0% / 0.1), 0 3px 2px hsl(0 0% 0% / 0.1), 0 4px 8px hsl(0 0% 0% / 0.1)\n};\n```\n\n#### `AnimationTokens: Tokens`\n\nAnimation durations and easing curves.\n\n**System**\n\n```ts\ntype AnimationSystem = {\n \"duration-fastest\": string; // 50ms\n \"duration-faster\": string; // 100ms\n \"duration-fast\": string; // 150ms\n \"duration-normal\": string; // 200ms\n \"duration-slow\": string; // 300ms\n \"duration-slower\": string; // 400ms\n \"duration-slowest\": string; // 500ms\n\n \"ease-linear\": string; // linear\n \"ease-in\": string; // cubic-bezier(0.4, 0, 1, 1)\n \"ease-out\": string; // cubic-bezier(0, 0, 0.2, 1)\n \"ease-in-out\": string; // cubic-bezier(0.4, 0, 0.2, 1)\n};\n```\n\n#### `LayoutTokens: Tokens`\n\nLayout layers and proportions.\n\n**System**\n\n```ts\ntype LayoutSystem = {\n \"z-hide\": string; // -1\n \"z-base\": string; // 0\n \"z-docked\": string; // 10\n \"z-dropdown\": string; // 1000\n \"z-sticky\": string; // 1100\n \"z-banner\": string; // 1200\n \"z-overlay\": string; // 1300\n \"z-modal\": string; // 1400\n \"z-popover\": string; // 1500\n \"z-skip-nav\": string; // 1600\n \"z-toast\": string; // 1700\n \"z-tooltip\": string; // 1800\n \"z-max\": string; // 2147483647\n\n \"aspect-square\": string; // 1 / 1\n \"aspect-landscape\": string; // 4 / 3\n \"aspect-portrait\": string; // 3 / 4\n \"aspect-wide\": string; // 16 / 9\n \"aspect-ultrawide\": string; // 18 / 5\n \"aspect-golden\": string; // 1.618 / 1\n};\n```\n\n#### `InteractivityTokens: Tokens`\n\nInteractive cursor styles.\n\n**System**\n\n```ts\ntype InteractivitySystem = {\n \"cursor-interactive\": string; // pointer\n \"cursor-disabled\": string; // not-allowed\n};\n```\n\n#### `FilterTokens: Tokens`\n\nVisual filters like blur and drop shadow.\n\n**System**\n\n```ts\ntype FilterSystem = {\n \"blur-none\": string; // \"\"\n \"blur-xs\": string; // 4px\n \"blur-sm\": string; // 8px\n \"blur-md\": string; // 12px\n \"blur-lg\": string; // 16px\n \"blur-xl\": string; // 24px\n \"blur-2xl\": string; // 40px\n \"blur-3xl\": string; // 64px\n\n \"drop-shadow-none\": string; // 0 0 hsl(0 0% 0% / 0)\n \"drop-shadow-xs\": string; // 0 1px 1px hsl(0 0% 0% / 0.05)\n \"drop-shadow-sm\": string; // 0 1px 2px hsl(0 0% 0% / 0.15)\n \"drop-shadow-md\": string; // 0 3px 3px hsl(0 0% 0% / 0.12)\n \"drop-shadow-lg\": string; // 0 4px 4px hsl(0 0% 0% / 0.15)\n \"drop-shadow-xl\": string; // 0 9px 7px hsl(0 0% 0% / 0.1)\n \"drop-shadow-2xl\": string; // 0 25px 25px hsl(0 0% 0% / 0.15)\n};\n```\n\n#### `BlackWhiteTokens: Tokens`\n\nBlack and white palette tokens.\n\n**System**\n\n```ts\ntype BlackWhiteSystem = {\n \"color-black\": string; // 0 0% 0% // :hsl(0 0% 0%)\n \"color-white\": string; // 0 0% 100% // :hsl(0 0% 100%)\n};\n```\n\n#### `RedTokens: Tokens`\n\nRed palette tokens.\n\n**System**\n\n```ts\ntype RedSystem = {\n \"color-red-50\": string; // 0 88.21% 97.32% // :hsl(0 88.21% 97.32%)\n \"color-red-100\": string; // 359.98 98.78% 94.25% // :hsl(359.98 98.78% 94.25%)\n \"color-red-200\": string; // 359.95 100% 89.49% // :hsl(359.95 100% 89.49%)\n \"color-red-300\": string; // 359.72 100% 81.73% // :hsl(359.72 100% 81.73%)\n \"color-red-400\": string; // 358.75 100% 69.56% // :hsl(358.75 100% 69.56%)\n \"color-red-500\": string; // 356.95 95.9% 57.72% // :hsl(356.95 95.9% 57.72%)\n \"color-red-600\": string; // 357.21 100% 45.32% // :hsl(357.21 100% 45.32%)\n \"color-red-700\": string; // 357.72 100% 37.84% // :hsl(357.72 100% 37.84%)\n \"color-red-800\": string; // 355.94 91.15% 32.55% // :hsl(355.94 91.15% 32.55%)\n \"color-red-900\": string; // 358.8 69.3% 30.07% // :hsl(358.8 69.3% 30.07%)\n \"color-red-950\": string; // 359.29 79.42% 15.35% // :hsl(359.29 79.42% 15.35%)\n};\n```\n\n#### `OrangeTokens: Tokens`\n\nOrange palette tokens.\n\n**System**\n\n```ts\ntype OrangeSystem = {\n \"color-orange-50\": string; // 33.75 100% 96.46% // :hsl(33.75 100% 96.46%)\n \"color-orange-100\": string; // 34.51 100% 91.63% // :hsl(34.51 100% 91.63%)\n \"color-orange-200\": string; // 32.22 100% 82.84% // :hsl(32.22 100% 82.84%)\n \"color-orange-300\": string; // 31.57 100% 70.7% // :hsl(31.57 100% 70.7%)\n \"color-orange-400\": string; // 31.83 100% 50.69% // :hsl(31.83 100% 50.69%)\n \"color-orange-500\": string; // 24.64 100% 50% // :hsl(24.64 100% 50%)\n \"color-orange-600\": string; // 18 100% 48.04% // :hsl(18 100% 48.04%)\n \"color-orange-700\": string; // 15.7 100% 39.59% // :hsl(15.7 100% 39.59%)\n \"color-orange-800\": string; // 16.97 100% 31.22% // :hsl(16.97 100% 31.22%)\n \"color-orange-900\": string; // 15.99 83.12% 27.04% // :hsl(15.99 83.12% 27.04%)\n \"color-orange-950\": string; // 12.88 84.81% 14.42% // :hsl(12.88 84.81% 14.42%)\n};\n```\n\n#### `AmberTokens: Tokens`\n\nAmber palette tokens.\n\n**System**\n\n```ts\ntype AmberSystem = {\n \"color-amber-50\": string; // 48.38 100% 96% // :hsl(48.38 100% 96%)\n \"color-amber-100\": string; // 47.99 97.34% 88.73% // :hsl(47.99 97.34% 88.73%)\n \"color-amber-200\": string; // 48.02 98.23% 75.9% // :hsl(48.02 98.23% 75.9%)\n \"color-amber-300\": string; // 46.99 100% 59.38% // :hsl(46.99 100% 59.38%)\n \"color-amber-400\": string; // 43.65 100% 50% // :hsl(43.65 100% 50%)\n \"color-amber-500\": string; // 36.49 100% 49.6% // :hsl(36.49 100% 49.6%)\n \"color-amber-600\": string; // 30.1 100% 44.19% // :hsl(30.1 100% 44.19%)\n \"color-amber-700\": string; // 24.68 100% 36.59% // :hsl(24.68 100% 36.59%)\n \"color-amber-800\": string; // 23.76 100% 29.52% // :hsl(23.76 100% 29.52%)\n \"color-amber-900\": string; // 23.04 90.17% 25.26% // :hsl(23.04 90.17% 25.26%)\n \"color-amber-950\": string; // 20.9 96.65% 13.94% // :hsl(20.9 96.65% 13.94%)\n};\n```\n\n#### `YellowTokens: Tokens`\n\nYellow palette tokens.\n\n**System**\n\n```ts\ntype YellowSystem = {\n \"color-yellow-50\": string; // 54.55 90.61% 95.28% // :hsl(54.55 90.61% 95.28%)\n \"color-yellow-100\": string; // 54.89 97.52% 87.84% // :hsl(54.89 97.52% 87.84%)\n \"color-yellow-200\": string; // 52.74 99.45% 76.08% // :hsl(52.74 99.45% 76.08%)\n \"color-yellow-300\": string; // 51.51 100% 56.29% // :hsl(51.51 100% 56.29%)\n \"color-yellow-400\": string; // 47.61 100% 49.38% // :hsl(47.61 100% 49.38%)\n \"color-yellow-500\": string; // 44.37 100% 46.93% // :hsl(44.37 100% 46.93%)\n \"color-yellow-600\": string; // 38.87 100% 40.88% // :hsl(38.87 100% 40.88%)\n \"color-yellow-700\": string; // 34.39 100% 32.55% // :hsl(34.39 100% 32.55%)\n \"color-yellow-800\": string; // 32.77 100% 26.8% // :hsl(32.77 100% 26.8%)\n \"color-yellow-900\": string; // 29.52 83.35% 24.57% // :hsl(29.52 83.35% 24.57%)\n \"color-yellow-950\": string; // 26.16 87.52% 13.96% // :hsl(26.16 87.52% 13.96%)\n};\n```\n\n#### `LimeTokens: Tokens`\n\nLime palette tokens.\n\n**System**\n\n```ts\ntype LimeSystem = {\n \"color-lime-50\": string; // 78.26 92.84% 95.14% // :hsl(78.26 92.84% 95.14%)\n \"color-lime-100\": string; // 79.56 89.72% 89.11% // :hsl(79.56 89.72% 89.11%)\n \"color-lime-200\": string; // 80.7 89.71% 78.91% // :hsl(80.7 89.71% 78.91%)\n \"color-lime-300\": string; // 80.92 87.66% 63.65% // :hsl(80.92 87.66% 63.65%)\n \"color-lime-400\": string; // 79.91 100% 45.08% // :hsl(79.91 100% 45.08%)\n \"color-lime-500\": string; // 83.9 100% 40.5% // :hsl(83.9 100% 40.5%)\n \"color-lime-600\": string; // 85.83 100% 32.37% // :hsl(85.83 100% 32.37%)\n \"color-lime-700\": string; // 85.23 100% 24.58% // :hsl(85.23 100% 24.58%)\n \"color-lime-800\": string; // 83.32 100% 19.4% // :hsl(83.32 100% 19.4%)\n \"color-lime-900\": string; // 86.52 71.11% 19.12% // :hsl(86.52 71.11% 19.12%)\n \"color-lime-950\": string; // 88.95 88.62% 9.61% // :hsl(88.95 88.62% 9.61%)\n};\n```\n\n#### `GreenTokens: Tokens`\n\nGreen palette tokens.\n\n**System**\n\n```ts\ntype GreenSystem = {\n \"color-green-50\": string; // 138.46 76.51% 96.68% // :hsl(138.46 76.51% 96.68%)\n \"color-green-100\": string; // 140.65 84.38% 92.45% // :hsl(140.65 84.38% 92.45%)\n \"color-green-200\": string; // 141.14 81.07% 84.82% // :hsl(141.14 81.07% 84.82%)\n \"color-green-300\": string; // 142.66 81.25% 71.39% // :hsl(142.66 81.25% 71.39%)\n \"color-green-400\": string; // 150.06 95.56% 44.76% // :hsl(150.06 95.56% 44.76%)\n \"color-green-500\": string; // 144.06 100% 39.36% // :hsl(144.06 100% 39.36%)\n \"color-green-600\": string; // 142.29 100% 32.57% // :hsl(142.29 100% 32.57%)\n \"color-green-700\": string; // 144.68 100% 25.5% // :hsl(144.68 100% 25.5%)\n \"color-green-800\": string; // 147.72 97.15% 20.36% // :hsl(147.72 97.15% 20.36%)\n \"color-green-900\": string; // 145.73 73.08% 18.99% // :hsl(145.73 73.08% 18.99%)\n \"color-green-950\": string; // 145.39 87.57% 9.65% // :hsl(145.39 87.57% 9.65%)\n};\n```\n\n#### `EmeraldTokens: Tokens`\n\nEmerald palette tokens.\n\n**System**\n\n```ts\ntype EmeraldSystem = {\n \"color-emerald-50\": string; // 151.78 80.95% 95.82% // :hsl(151.78 80.95% 95.82%)\n \"color-emerald-100\": string; // 149.32 81.17% 89.84% // :hsl(149.32 81.17% 89.84%)\n \"color-emerald-200\": string; // 152.54 77.89% 80.02% // :hsl(152.54 77.89% 80.02%)\n \"color-emerald-300\": string; // 157.3 76.25% 64.25% // :hsl(157.3 76.25% 64.25%)\n \"color-emerald-400\": string; // 161.25 100% 41.63% // :hsl(161.25 100% 41.63%)\n \"color-emerald-500\": string; // 159.74 100% 36.94% // :hsl(159.74 100% 36.94%)\n \"color-emerald-600\": string; // 159.97 100% 29.95% // :hsl(159.97 100% 29.95%)\n \"color-emerald-700\": string; // 161.85 100% 23.91% // :hsl(161.85 100% 23.91%)\n \"color-emerald-800\": string; // 162.98 100% 18.89% // :hsl(162.98 100% 18.89%)\n \"color-emerald-900\": string; // 164.76 100% 15.41% // :hsl(164.76 100% 15.41%)\n \"color-emerald-950\": string; // 165.88 100% 8.68% // :hsl(165.88 100% 8.68%)\n};\n```\n\n#### `TealTokens: Tokens`\n\nTeal palette tokens.\n\n**System**\n\n```ts\ntype TealSystem = {\n \"color-teal-50\": string; // 166.15 77.06% 96.74% // :hsl(166.15 77.06% 96.74%)\n \"color-teal-100\": string; // 167.27 86.98% 89.13% // :hsl(167.27 86.98% 89.13%)\n \"color-teal-200\": string; // 168.51 85.39% 77.72% // :hsl(168.51 85.39% 77.72%)\n \"color-teal-300\": string; // 171.35 81.79% 60.15% // :hsl(171.35 81.79% 60.15%)\n \"color-teal-400\": string; // 173.4 100% 41.76% // :hsl(173.4 100% 41.76%)\n \"color-teal-500\": string; // 173.58 100% 36.67% // :hsl(173.58 100% 36.67%)\n \"color-teal-600\": string; // 174.71 100% 29.46% // :hsl(174.71 100% 29.46%)\n \"color-teal-700\": string; // 175.65 100% 23.45% // :hsl(175.65 100% 23.45%)\n \"color-teal-800\": string; // 176.62 100% 18.66% // :hsl(176.62 100% 18.66%)\n \"color-teal-900\": string; // 176.3 76.01% 17.51% // :hsl(176.3 76.01% 17.51%)\n \"color-teal-950\": string; // 178.66 91.58% 9.64% // :hsl(178.66 91.58% 9.64%)\n};\n```\n\n#### `CyanTokens: Tokens`\n\nCyan palette tokens.\n\n**System**\n\n```ts\ntype CyanSystem = {\n \"color-cyan-50\": string; // 183.16 99.92% 96.25% // :hsl(183.16 99.92% 96.25%)\n \"color-cyan-100\": string; // 185.11 96.43% 90.29% // :hsl(185.11 96.43% 90.29%)\n \"color-cyan-200\": string; // 186.2 95.77% 81.44% // :hsl(186.2 95.77% 81.44%)\n \"color-cyan-300\": string; // 186.71 97.47% 65.9% // :hsl(186.71 97.47% 65.9%)\n \"color-cyan-400\": string; // 187.8 100% 47.55% // :hsl(187.8 100% 47.55%)\n \"color-cyan-500\": string; // 189.48 100% 42.87% // :hsl(189.48 100% 42.87%)\n \"color-cyan-600\": string; // 192.32 100% 36.13% // :hsl(192.32 100% 36.13%)\n \"color-cyan-700\": string; // 192.78 100% 29.16% // :hsl(192.78 100% 29.16%)\n \"color-cyan-800\": string; // 192.74 100% 23.56% // :hsl(192.74 100% 23.56%)\n \"color-cyan-900\": string; // 195.82 72.14% 22.87% // :hsl(195.82 72.14% 22.87%)\n \"color-cyan-950\": string; // 196.69 85.44% 14.55% // :hsl(196.69 85.44% 14.55%)\n};\n```\n\n#### `SkyTokens: Tokens`\n\nSky palette tokens.\n\n**System**\n\n```ts\ntype SkySystem = {\n \"color-sky-50\": string; // 203.34 100% 96.99% // :hsl(203.34 100% 96.99%)\n \"color-sky-100\": string; // 203.99 96.54% 93.67% // :hsl(203.99 96.54% 93.67%)\n \"color-sky-200\": string; // 200.57 97.87% 85.94% // :hsl(200.57 97.87% 85.94%)\n \"color-sky-300\": string; // 198.47 100% 72.66% // :hsl(198.47 100% 72.66%)\n \"color-sky-400\": string; // 195.82 100% 50% // :hsl(195.82 100% 50%)\n \"color-sky-500\": string; // 199.27 100% 47.86% // :hsl(199.27 100% 47.86%)\n \"color-sky-600\": string; // 202.08 100% 40.99% // :hsl(202.08 100% 40.99%)\n \"color-sky-700\": string; // 202.6 100% 33.01% // :hsl(202.6 100% 33.01%)\n \"color-sky-800\": string; // 201.21 100% 26.99% // :hsl(201.21 100% 26.99%)\n \"color-sky-900\": string; // 200.84 96.98% 22.39% // :hsl(200.84 96.98% 22.39%)\n \"color-sky-950\": string; // 203.63 87.23% 15.52% // :hsl(203.63 87.23% 15.52%)\n};\n```\n\n#### `BlueTokens: Tokens`\n\nBlue palette tokens.\n\n**System**\n\n```ts\ntype BlueSystem = {\n \"color-blue-50\": string; // 213.75 96.48% 96.79% // :hsl(213.75 96.48% 96.79%)\n \"color-blue-100\": string; // 214.28 96.22% 92.78% // :hsl(214.28 96.22% 92.78%)\n \"color-blue-200\": string; // 213.27 100% 87.25% // :hsl(213.27 100% 87.25%)\n \"color-blue-300\": string; // 210.69 100% 77.83% // :hsl(210.69 100% 77.83%)\n \"color-blue-400\": string; // 211.96 100% 65.79% // :hsl(211.96 100% 65.79%)\n \"color-blue-500\": string; // 216.26 100% 58.47% // :hsl(216.26 100% 58.47%)\n \"color-blue-600\": string; // 221.34 97.06% 53.5% // :hsl(221.34 97.06% 53.5%)\n \"color-blue-700\": string; // 225.35 84.1% 48.98% // :hsl(225.35 84.1% 48.98%)\n \"color-blue-800\": string; // 227.1 75.74% 41.14% // :hsl(227.1 75.74% 41.14%)\n \"color-blue-900\": string; // 224.86 67.28% 33.33% // :hsl(224.86 67.28% 33.33%)\n \"color-blue-950\": string; // 226.51 58.74% 21.15% // :hsl(226.51 58.74% 21.15%)\n};\n```\n\n#### `IndigoTokens: Tokens`\n\nIndigo palette tokens.\n\n**System**\n\n```ts\ntype IndigoSystem = {\n \"color-indigo-50\": string; // 225.82 100% 96.67% // :hsl(225.82 100% 96.67%)\n \"color-indigo-100\": string; // 226.28 100% 93.9% // :hsl(226.28 100% 93.9%)\n \"color-indigo-200\": string; // 227.86 100% 88.92% // :hsl(227.86 100% 88.92%)\n \"color-indigo-300\": string; // 229.52 100% 81.96% // :hsl(229.52 100% 81.96%)\n \"color-indigo-400\": string; // 235.47 100% 74.39% // :hsl(235.47 100% 74.39%)\n \"color-indigo-500\": string; // 240.98 100% 68.59% // :hsl(240.98 100% 68.59%)\n \"color-indigo-600\": string; // 246.99 91.66% 59.53% // :hsl(246.99 91.66% 59.53%)\n \"color-indigo-700\": string; // 247.88 68.29% 51.07% // :hsl(247.88 68.29% 51.07%)\n \"color-indigo-800\": string; // 246.14 60.99% 41.85% // :hsl(246.14 60.99% 41.85%)\n \"color-indigo-900\": string; // 243.26 50.34% 34.77% // :hsl(243.26 50.34% 34.77%)\n \"color-indigo-950\": string; // 244.4 49.1% 20.16% // :hsl(244.4 49.1% 20.16%)\n};\n```\n\n#### `VioletTokens: Tokens`\n\nViolet palette tokens.\n\n**System**\n\n```ts\ntype VioletSystem = {\n \"color-violet-50\": string; // 250 98.58% 97.62% // :hsl(250 98.58% 97.62%)\n \"color-violet-100\": string; // 251.44 93.48% 95.5% // :hsl(251.44 93.48% 95.5%)\n \"color-violet-200\": string; // 250.61 100% 91.89% // :hsl(250.61 100% 91.89%)\n \"color-violet-300\": string; // 253.4 100% 85.2% // :hsl(253.4 100% 85.2%)\n \"color-violet-400\": string; // 256.85 100% 75.85% // :hsl(256.85 100% 75.85%)\n \"color-violet-500\": string; // 260.92 100% 65.91% // :hsl(260.92 100% 65.91%)\n \"color-violet-600\": string; // 265.48 99.08% 56.49% // :hsl(265.48 99.08% 56.49%)\n \"color-violet-700\": string; // 268 93.3% 46.89% // :hsl(268 93.3% 46.89%)\n \"color-violet-800\": string; // 266.64 86.27% 40.44% // :hsl(266.64 86.27% 40.44%)\n \"color-violet-900\": string; // 264.88 74.27% 34.64% // :hsl(264.88 74.27% 34.64%)\n \"color-violet-950\": string; // 262.22 77.74% 22.86% // :hsl(262.22 77.74% 22.86%)\n};\n```\n\n#### `PurpleTokens: Tokens`\n\nPurple palette tokens.\n\n**System**\n\n```ts\ntype PurpleSystem = {\n \"color-purple-50\": string; // 270 98.85% 98.04% // :hsl(270 98.85% 98.04%)\n \"color-purple-100\": string; // 268.7 99.95% 95.45% // :hsl(268.7 99.95% 95.45%)\n \"color-purple-200\": string; // 269.45 100% 91.65% // :hsl(269.45 100% 91.65%)\n \"color-purple-300\": string; // 271.09 100% 84.89% // :hsl(271.09 100% 84.89%)\n \"color-purple-400\": string; // 272.27 100% 73.99% // :hsl(272.27 100% 73.99%)\n \"color-purple-500\": string; // 273.31 100% 63.8% // :hsl(273.31 100% 63.8%)\n \"color-purple-600\": string; // 274.91 96.1% 52.15% // :hsl(274.91 96.1% 52.15%)\n \"color-purple-700\": string; // 275.69 100% 42.86% // :hsl(275.69 100% 42.86%)\n \"color-purple-800\": string; // 274.93 82.4% 37.87% // :hsl(274.93 82.4% 37.87%)\n \"color-purple-900\": string; // 274.52 72.39% 31.62% // :hsl(274.52 72.39% 31.62%)\n \"color-purple-950\": string; // 274.32 94.3% 20.66% // :hsl(274.32 94.3% 20.66%)\n};\n```\n\n#### `FuchsiaTokens: Tokens`\n\nFuchsia palette tokens.\n\n**System**\n\n```ts\ntype FuchsiaSystem = {\n \"color-fuchsia-50\": string; // 289.09 95.95% 97.79% // :hsl(289.09 95.95% 97.79%)\n \"color-fuchsia-100\": string; // 287.85 100% 95.45% // :hsl(287.85 100% 95.45%)\n \"color-fuchsia-200\": string; // 288.42 100% 90.67% // :hsl(288.42 100% 90.67%)\n \"color-fuchsia-300\": string; // 292.14 100% 82.86% // :hsl(292.14 100% 82.86%)\n \"color-fuchsia-400\": string; // 292.78 100% 70.88% // :hsl(292.78 100% 70.88%)\n \"color-fuchsia-500\": string; // 292.61 96.35% 57.51% // :hsl(292.61 96.35% 57.51%)\n \"color-fuchsia-600\": string; // 293.95 100% 43.58% // :hsl(293.95 100% 43.58%)\n \"color-fuchsia-700\": string; // 295.03 100% 35.9% // :hsl(295.03 100% 35.9%)\n \"color-fuchsia-800\": string; // 295.8 98.24% 29.35% // :hsl(295.8 98.24% 29.35%)\n \"color-fuchsia-900\": string; // 296.7 72.35% 27.25% // :hsl(296.7 72.35% 27.25%)\n \"color-fuchsia-950\": string; // 296.75 99.06% 15.6% // :hsl(296.75 99.06% 15.6%)\n};\n```\n\n#### `PinkTokens: Tokens`\n\nPink palette tokens.\n\n**System**\n\n```ts\ntype PinkSystem = {\n \"color-pink-50\": string; // 327.28 71.09% 97% // :hsl(327.28 71.09% 97%)\n \"color-pink-100\": string; // 325.7 78.63% 94.7% // :hsl(325.7 78.63% 94.7%)\n \"color-pink-200\": string; // 325.85 87.87% 89.84% // :hsl(325.85 87.87% 89.84%)\n \"color-pink-300\": string; // 327.09 96.71% 82.03% // :hsl(327.09 96.71% 82.03%)\n \"color-pink-400\": string; // 327.47 95.38% 68.88% // :hsl(327.47 95.38% 68.88%)\n \"color-pink-500\": string; // 328.25 91.82% 58.2% // :hsl(328.25 91.82% 58.2%)\n \"color-pink-600\": string; // 329.15 100% 45.07% // :hsl(329.15 100% 45.07%)\n \"color-pink-700\": string; // 332.31 100% 38.89% // :hsl(332.31 100% 38.89%)\n \"color-pink-800\": string; // 332 100% 31.93% // :hsl(332 100% 31.93%)\n \"color-pink-900\": string; // 334.27 78.49% 29.42% // :hsl(334.27 78.49% 29.42%)\n \"color-pink-950\": string; // 335.29 90.94% 16.65% // :hsl(335.29 90.94% 16.65%)\n};\n```\n\n#### `RoseTokens: Tokens`\n\nRose palette tokens.\n\n**System**\n\n```ts\ntype RoseSystem = {\n \"color-rose-50\": string; // 355.72 96.53% 97.19% // :hsl(355.72 96.53% 97.19%)\n \"color-rose-100\": string; // 355.55 100% 94.67% // :hsl(355.55 100% 94.67%)\n \"color-rose-200\": string; // 352.59 100% 90.06% // :hsl(352.59 100% 90.06%)\n \"color-rose-300\": string; // 351.96 100% 81.5% // :hsl(351.96 100% 81.5%)\n \"color-rose-400\": string; // 349.65 100% 69.44% // :hsl(349.65 100% 69.44%)\n \"color-rose-500\": string; // 345.31 100% 56.23% // :hsl(345.31 100% 56.23%)\n \"color-rose-600\": string; // 343.91 100% 46.37% // :hsl(343.91 100% 46.37%)\n \"color-rose-700\": string; // 343.76 100% 38.93% // :hsl(343.76 100% 38.93%)\n \"color-rose-800\": string; // 340.36 100% 32.33% // :hsl(340.36 100% 32.33%)\n \"color-rose-900\": string; // 338.93 89.54% 28.73% // :hsl(338.93 89.54% 28.73%)\n \"color-rose-950\": string; // 342.26 94.35% 15.6% // :hsl(342.26 94.35% 15.6%)\n};\n```\n\n#### `SlateTokens: Tokens`\n\nSlate palette tokens.\n\n**System**\n\n```ts\ntype SlateSystem = {\n \"color-slate-50\": string; // 210 34.55% 98% // :hsl(210 34.55% 98%)\n \"color-slate-100\": string; // 210 40.55% 96.05% // :hsl(210 40.55% 96.05%)\n \"color-slate-200\": string; // 214.28 32.97% 91.42% // :hsl(214.28 32.97% 91.42%)\n \"color-slate-300\": string; // 212.72 29.91% 84.02% // :hsl(212.72 29.91% 84.02%)\n \"color-slate-400\": string; // 214.99 22.59% 64.5% // :hsl(214.99 22.59% 64.5%)\n \"color-slate-500\": string; // 215.38 18.37% 47.03% // :hsl(215.38 18.37% 47.03%)\n \"color-slate-600\": string; // 215.29 22.04% 34.76% // :hsl(215.29 22.04% 34.76%)\n \"color-slate-700\": string; // 215.29 27.93% 26.85% // :hsl(215.29 27.93% 26.85%)\n \"color-slate-800\": string; // 217.28 36.07% 17.54% // :hsl(217.28 36.07% 17.54%)\n \"color-slate-900\": string; // 222.34 49.39% 11.3% // :hsl(222.34 49.39% 11.3%)\n \"color-slate-950\": string; // 228.82 85.13% 5% // :hsl(228.82 85.13% 5%)\n};\n```\n\n#### `GrayTokens: Tokens`\n\nGray palette tokens.\n\n**System**\n\n```ts\ntype GraySystem = {\n \"color-gray-50\": string; // 210 24.19% 98.1% // :hsl(210 24.19% 98.1%)\n \"color-gray-100\": string; // 220 14.97% 95.9% // :hsl(220 14.97% 95.9%)\n \"color-gray-200\": string; // 220 13.57% 91.05% // :hsl(220 13.57% 91.05%)\n \"color-gray-300\": string; // 216 13.12% 84% // :hsl(216 13.12% 84%)\n \"color-gray-400\": string; // 217.9 11.92% 64.26% // :hsl(217.9 11.92% 64.26%)\n \"color-gray-500\": string; // 220.03 10.26% 46.3% // :hsl(220.03 10.26% 46.3%)\n \"color-gray-600\": string; // 214.99 15.66% 34.25% // :hsl(214.99 15.66% 34.25%)\n \"color-gray-700\": string; // 216.94 21.1% 26.81% // :hsl(216.94 21.1% 26.81%)\n \"color-gray-800\": string; // 214.99 30.99% 16.95% // :hsl(214.99 30.99% 16.95%)\n \"color-gray-900\": string; // 221 41.69% 11.07% // :hsl(221 41.69% 11.07%)\n \"color-gray-950\": string; // 224.05 72.24% 4.17% // :hsl(224.05 72.24% 4.17%)\n};\n```\n\n#### `ZincTokens: Tokens`\n\nZinc palette tokens.\n\n**System**\n\n```ts\ntype ZincSystem = {\n \"color-zinc-50\": string; // 0 0% 98.03% // :hsl(0 0% 98.03%)\n \"color-zinc-100\": string; // 239.99 3.51% 95.79% // :hsl(239.99 3.51% 95.79%)\n \"color-zinc-200\": string; // 240 5.86% 90.03% // :hsl(240 5.86% 90.03%)\n \"color-zinc-300\": string; // 240.02 5.38% 83.97% // :hsl(240.02 5.38% 83.97%)\n \"color-zinc-400\": string; // 240.08 5.71% 64.3% // :hsl(240.08 5.71% 64.3%)\n \"color-zinc-500\": string; // 240.1 4.41% 46.34% // :hsl(240.1 4.41% 46.34%)\n \"color-zinc-600\": string; // 240.13 6% 34.16% // :hsl(240.13 6% 34.16%)\n \"color-zinc-700\": string; // 240.08 5.74% 26.15% // :hsl(240.08 5.74% 26.15%)\n \"color-zinc-800\": string; // 240.05 4.04% 15.93% // :hsl(240.05 4.04% 15.93%)\n \"color-zinc-900\": string; // 240.02 6.03% 9.98% // :hsl(240.02 6.03% 9.98%)\n \"color-zinc-950\": string; // 240.1 11.24% 3.98% // :hsl(240.1 11.24% 3.98%)\n};\n```\n\n#### `NeutralTokens: Tokens`\n\nNeutral palette tokens.\n\n**System**\n\n```ts\ntype NeutralSystem = {\n \"color-neutral-50\": string; // 0 0% 98.03% // :hsl(0 0% 98.03%)\n \"color-neutral-100\": string; // 0 0% 96.06% // :hsl(0 0% 96.06%)\n \"color-neutral-200\": string; // 0 0% 89.82% // :hsl(0 0% 89.82%)\n \"color-neutral-300\": string; // 0 0% 83.14% // :hsl(0 0% 83.14%)\n \"color-neutral-400\": string; // 0 0% 63.02% // :hsl(0 0% 63.02%)\n \"color-neutral-500\": string; // 0 0% 45.15% // :hsl(0 0% 45.15%)\n \"color-neutral-600\": string; // 0 0% 32.2% // :hsl(0 0% 32.2%)\n \"color-neutral-700\": string; // 0 0% 25.05% // :hsl(0 0% 25.05%)\n \"color-neutral-800\": string; // 0 0% 14.94% // :hsl(0 0% 14.94%)\n \"color-neutral-900\": string; // 0 0% 9.05% // :hsl(0 0% 9.05%)\n \"color-neutral-950\": string; // 0 0% 3.94% // :hsl(0 0% 3.94%)\n};\n```\n\n#### `StoneTokens: Tokens`\n\nStone palette tokens.\n\n**System**\n\n```ts\ntype StoneSystem = {\n \"color-stone-50\": string; // 60.01 7.09% 97.9% // :hsl(60.01 7.09% 97.9%)\n \"color-stone-100\": string; // 60.01 3.65% 95.94% // :hsl(60.01 3.65% 95.94%)\n \"color-stone-200\": string; // 20 6.87% 89.98% // :hsl(20 6.87% 89.98%)\n \"color-stone-300\": string; // 24.01 6.69% 82.98% // :hsl(24.01 6.69% 82.98%)\n \"color-stone-400\": string; // 24.01 5.85% 63.05% // :hsl(24.01 5.85% 63.05%)\n \"color-stone-500\": string; // 25.02 5.9% 44.64% // :hsl(25.02 5.9% 44.64%)\n \"color-stone-600\": string; // 33.35 6.28% 32.24% // :hsl(33.35 6.28% 32.24%)\n \"color-stone-700\": string; // 30.02 7.22% 25.04% // :hsl(30.02 7.22% 25.04%)\n \"color-stone-800\": string; // 12 7.23% 15.07% // :hsl(12 7.23% 15.07%)\n \"color-stone-900\": str","readmeFilename":""}