{"_id":"@bns2/eslint-plugin-tailwind-v4","_rev":"7-e8d0a6370c76a42249757dec842e95f0","name":"@bns2/eslint-plugin-tailwind-v4","dist-tags":{"latest":"1.0.8"},"versions":{"1.0.0":{"name":"@bns2/eslint-plugin-tailwind-v4","version":"1.0.0","keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"author":"","license":"MIT","_id":"@bns2/eslint-plugin-tailwind-v4@1.0.0","maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"dist":{"shasum":"bbe1ca062417c5fc690073c55f52c0f54ca90e44","tarball":"https://registry.npmjs.org/@bns2/eslint-plugin-tailwind-v4/-/eslint-plugin-tailwind-v4-1.0.0.tgz","fileCount":4,"integrity":"sha512-cXBWXu+NZ0ki96F17ZSBg1XuBchWHYpB6XWoc5wX/eORujm9cxOPdIi5jXVjyiXspmFUC8L/Maaojfjn6tgH4A==","signatures":[{"sig":"MEUCIQCZhJ1bPiafbhd43rDiEvSWs8By595XiksbHRuue7JNhAIgDuPrCDUj6M/w2weRZxEs8bBG3EqjcUi6l9UvEQ6YchA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6607},"main":"index.js","type":"module","_from":"file:bns2-eslint-plugin-tailwind-v4-1.0.0.tgz","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bns2","email":"owasarmiento@gmail.com"},"_resolved":"/private/var/folders/ft/f5pyw3pj47g0m3xwtglxm4dm0000gn/T/bd13ed2d112002e16fc73dbe1b89fbea/bns2-eslint-plugin-tailwind-v4-1.0.0.tgz","_integrity":"sha512-cXBWXu+NZ0ki96F17ZSBg1XuBchWHYpB6XWoc5wX/eORujm9cxOPdIi5jXVjyiXspmFUC8L/Maaojfjn6tgH4A==","_npmVersion":"11.6.1","description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","directories":{},"_nodeVersion":"22.13.1","dependencies":{"synckit":"^0.9.2"},"_hasShrinkwrap":false,"peerDependencies":{"eslint":">=9.0.0","tailwindcss":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/eslint-plugin-tailwind-v4_1.0.0_1773850227310_0.8985048389462262","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bns2/eslint-plugin-tailwind-v4","version":"1.0.1","keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"author":{"name":"BnS2"},"license":"MIT","_id":"@bns2/eslint-plugin-tailwind-v4@1.0.1","maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"homepage":"https://github.com/BnS2/eslint-plugin-tailwind-v4#readme","bugs":{"url":"https://github.com/BnS2/eslint-plugin-tailwind-v4/issues"},"dist":{"shasum":"789ed803410311a0ec01087502b7dc09747c7568","tarball":"https://registry.npmjs.org/@bns2/eslint-plugin-tailwind-v4/-/eslint-plugin-tailwind-v4-1.0.1.tgz","fileCount":5,"integrity":"sha512-VLBzibEnrxDBI+GkJtawERr6Tnrs4jtMqF8Y5exeo4jWnwGzLl9q1zI1olyZU3yw0o+zhNB65pt+t38RpUzKVA==","signatures":[{"sig":"MEUCIQCBbxvY2zXK3KEc9HG27gulugRbeCYqHUaHZI+nwo5r7wIgAumCyVGZZG876iE5RSw09M4XL6nXahLBi/85xBRWX08=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8080},"main":"index.js","type":"module","engines":{"node":">=18.18.0"},"gitHead":"fa78f63b3ada7020fc61a76b6e0d43dcdb41e3f1","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bns2","email":"owasarmiento@gmail.com"},"repository":{"url":"git+https://github.com/BnS2/eslint-plugin-tailwind-v4.git","type":"git"},"_npmVersion":"11.6.1","description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","directories":{},"_nodeVersion":"22.13.1","dependencies":{"synckit":"^0.9.2"},"_hasShrinkwrap":false,"peerDependencies":{"eslint":">=9.0.0","tailwindcss":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/eslint-plugin-tailwind-v4_1.0.1_1774341302442_0.028213082552317026","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bns2/eslint-plugin-tailwind-v4","version":"1.0.2","keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"author":{"name":"BnS2"},"license":"MIT","_id":"@bns2/eslint-plugin-tailwind-v4@1.0.2","maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"homepage":"https://github.com/BnS2/eslint-plugin-tailwind-v4#readme","bugs":{"url":"https://github.com/BnS2/eslint-plugin-tailwind-v4/issues"},"dist":{"shasum":"eee4ba3b1f772f437136a99480d93b77f38cc705","tarball":"https://registry.npmjs.org/@bns2/eslint-plugin-tailwind-v4/-/eslint-plugin-tailwind-v4-1.0.2.tgz","fileCount":5,"integrity":"sha512-y9dqNZeqWFrd7Tf01bNb24aXAVN1hdaOl2+0agY5mLkg1VJsCuGLgNDdrNZcIoX+tEkiWrxiVgSuLTOvAqDF7w==","signatures":[{"sig":"MEUCIQDjqFcBY9+UkIhLhSVGif9GHC/NrLISW0mShtkuPis72gIgVnhatHI0N1yPGl242IZlq/uwiQtaTX8Azkn6mwkr5uY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9524},"main":"index.js","type":"module","engines":{"node":">=18.18.0"},"gitHead":"cc0a718bb499b29dbd8644af45524f47cd330c61","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bns2","email":"owasarmiento@gmail.com"},"repository":{"url":"git+https://github.com/BnS2/eslint-plugin-tailwind-v4.git","type":"git"},"_npmVersion":"11.11.1","description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","directories":{},"_nodeVersion":"25.8.2","dependencies":{"synckit":"^0.9.2"},"_hasShrinkwrap":false,"peerDependencies":{"eslint":">=9.0.0","nativewind":">=5.0.0","tailwindcss":">=4.0.0"},"peerDependenciesMeta":{"nativewind":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/eslint-plugin-tailwind-v4_1.0.2_1774891638310_0.25849285013264667","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bns2/eslint-plugin-tailwind-v4","version":"1.0.4","keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"author":{"name":"BnS2"},"license":"MIT","_id":"@bns2/eslint-plugin-tailwind-v4@1.0.4","maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"homepage":"https://github.com/BnS2/eslint-plugin-tailwind-v4#readme","bugs":{"url":"https://github.com/BnS2/eslint-plugin-tailwind-v4/issues"},"dist":{"shasum":"09286ef46411d6b8aaabab7e9a98f599e7b4431e","tarball":"https://registry.npmjs.org/@bns2/eslint-plugin-tailwind-v4/-/eslint-plugin-tailwind-v4-1.0.4.tgz","fileCount":5,"integrity":"sha512-WyopY0TRJ54MEw2JXwacIhuh0TfPB7knh0/8E20n3dg5vWzAMxzMwLSNkpGXBXBvIpD4ilV3lNaUppdgmTCAkQ==","signatures":[{"sig":"MEQCIHi/uXDkbkPRk/HdI8JaXQp4a/Zaukq9y2y3eaKm6rHzAiAENiPDSCcUnuMd1buDz+DB6OCjzeTplGbrQ2ZPADkV9Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14199},"main":"index.js","type":"module","engines":{"node":">=18.18.0"},"gitHead":"996b31c5d3eb3c30446bacecffcaf16639375228","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bns2","email":"owasarmiento@gmail.com"},"repository":{"url":"git+https://github.com/BnS2/eslint-plugin-tailwind-v4.git","type":"git"},"_npmVersion":"11.12.1","description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","directories":{},"_nodeVersion":"25.9.0","dependencies":{"postcss":"^8.5.8","synckit":"^0.9.2","postcss-selector-parser":"^7.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^4.2.2","@tailwindcss/node":"^4.2.2","@tailwindcss/postcss":"^4.2.2"},"peerDependencies":{"eslint":">=9.0.0","nativewind":">=5.0.0","tailwindcss":">=4.0.0","@tailwindcss/node":">=4.0.0"},"peerDependenciesMeta":{"nativewind":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/eslint-plugin-tailwind-v4_1.0.4_1775229826871_0.371540244532476","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@bns2/eslint-plugin-tailwind-v4","version":"1.0.5","keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"author":{"name":"BnS2"},"license":"MIT","_id":"@bns2/eslint-plugin-tailwind-v4@1.0.5","maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"homepage":"https://github.com/BnS2/eslint-plugin-tailwind-v4#readme","bugs":{"url":"https://github.com/BnS2/eslint-plugin-tailwind-v4/issues"},"dist":{"shasum":"2c8f813a21f882dcd0b3df244a091ddcc2ab40b9","tarball":"https://registry.npmjs.org/@bns2/eslint-plugin-tailwind-v4/-/eslint-plugin-tailwind-v4-1.0.5.tgz","fileCount":5,"integrity":"sha512-hckGiTM1sPAG2Bb7YSFelbj3Qa4zH3TAk5K3a95gHeApOZd5R+8vcGurZCfPJoMZ+zBsbA2/CC3MqOCUc5HRzQ==","signatures":[{"sig":"MEUCIDihcQ7rwfiqcJyTchabf5x0VwFST5SaSnoE9sSIMQxRAiEAzUzr/IvumSeAy1tH3IYIYgDQbcIWpVZTgfMvRrPLRcc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14197},"main":"index.js","type":"module","engines":{"node":">=18.18.0"},"gitHead":"c09cf3fb970a490acd4e8c47077d6b08a5d62229","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bns2","email":"owasarmiento@gmail.com"},"repository":{"url":"git+https://github.com/BnS2/eslint-plugin-tailwind-v4.git","type":"git"},"_npmVersion":"11.12.1","description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","directories":{},"_nodeVersion":"25.9.0","dependencies":{"postcss":"^8.5.8","synckit":"^0.9.2","postcss-selector-parser":"^7.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^4.2.2","@tailwindcss/node":"^4.2.2","@tailwindcss/postcss":"^4.2.2"},"peerDependencies":{"eslint":">=9.0.0","nativewind":">=5.0.0","tailwindcss":">=4.0.0","@tailwindcss/node":">=4.0.0"},"peerDependenciesMeta":{"nativewind":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/eslint-plugin-tailwind-v4_1.0.5_1775234152170_0.4569393403613544","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@bns2/eslint-plugin-tailwind-v4","version":"1.0.6","keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"author":{"name":"BnS2"},"license":"MIT","_id":"@bns2/eslint-plugin-tailwind-v4@1.0.6","maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"homepage":"https://github.com/BnS2/eslint-plugin-tailwind-v4#readme","bugs":{"url":"https://github.com/BnS2/eslint-plugin-tailwind-v4/issues"},"dist":{"shasum":"623e5c4ea2d383e0ec697d351dc52530b1b0e667","tarball":"https://registry.npmjs.org/@bns2/eslint-plugin-tailwind-v4/-/eslint-plugin-tailwind-v4-1.0.6.tgz","fileCount":5,"integrity":"sha512-QA/DoyoamcLZWbdn2GCilj1omGzG/D3bAz1GbNhkk9o3qUVfL0JtDehIfX4tNBmQTaenUWhH8BTT7VfS15BmzA==","signatures":[{"sig":"MEQCICieyXA/Q9xdpeNb1RL5pB85NJw6/oZhlqVjt/hrdcO2AiB8d4dl1fNKrPJxSbmo3eqyou3TogZwUnI3gHOOmFa6fQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14198},"main":"index.js","type":"module","engines":{"node":">=18.18.0"},"gitHead":"4c68eaba893ea8aed67665f037c11face8f1210d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bns2","email":"owasarmiento@gmail.com"},"repository":{"url":"git+https://github.com/BnS2/eslint-plugin-tailwind-v4.git","type":"git"},"_npmVersion":"11.12.1","description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","directories":{},"_nodeVersion":"25.9.0","dependencies":{"postcss":"^8.5.8","synckit":"^0.9.2","postcss-selector-parser":"^7.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^4.2.2","@tailwindcss/node":"^4.2.2","@tailwindcss/postcss":"^4.2.2"},"peerDependencies":{"eslint":">=9.0.0","nativewind":"^5.0.0-0","tailwindcss":">=4.0.0","@tailwindcss/node":">=4.0.0"},"peerDependenciesMeta":{"nativewind":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/eslint-plugin-tailwind-v4_1.0.6_1775286729189_0.8008061178747046","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@bns2/eslint-plugin-tailwind-v4","version":"1.0.8","description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","repository":{"type":"git","url":"git+https://github.com/BnS2/eslint-plugin-tailwind-v4.git"},"install":"npm i -D @bns2/eslint-plugin-tailwind-v4","bugs":{"url":"https://github.com/BnS2/eslint-plugin-tailwind-v4/issues"},"homepage":"https://github.com/BnS2/eslint-plugin-tailwind-v4#readme","main":"index.js","type":"module","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"author":{"name":"BnS2"},"license":"MIT","engines":{"node":">=18.18.0"},"peerDependencies":{"@tailwindcss/node":">=4.0.0","eslint":">=9.0.0","nativewind":"^5.0.0-0","tailwindcss":">=4.0.0"},"peerDependenciesMeta":{"nativewind":{"optional":true},"@typescript-eslint/parser":{"optional":true}},"dependencies":{"postcss":"^8.5.8","postcss-selector-parser":"^7.1.0","synckit":"^0.9.2"},"devDependencies":{"@tailwindcss/node":"^4.2.2","@tailwindcss/postcss":"^4.2.2","tailwindcss":"^4.2.2"},"gitHead":"f3cc00e011cd9d87d5d882db11b5e5566603d7b4","_id":"@bns2/eslint-plugin-tailwind-v4@1.0.8","_nodeVersion":"25.9.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-DzRQ7B7BTqb3ANF8FCtRWtA0aJlAwaZAyGT1uhPns4Bei7ZCAtmX3ZysxrCDb+YKbTLkAiQF6CnLfeHfVj8j9Q==","shasum":"85933b2428d9fb5d203bdb0c7aface7b8d797a3d","tarball":"https://registry.npmjs.org/@bns2/eslint-plugin-tailwind-v4/-/eslint-plugin-tailwind-v4-1.0.8.tgz","fileCount":5,"unpackedSize":15675,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDXHN8koamNtMB3W2qamlm1rySXwDVyapHEIWkxj7QbQAiEA8Z3muYZq/lU8XL3J9K8xNB/edVSkCu58uLTil9LNa9U="}]},"_npmUser":{"name":"bns2","email":"owasarmiento@gmail.com"},"directories":{},"maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/eslint-plugin-tailwind-v4_1.0.8_1777789946844_0.46882128124445654"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-18T16:10:27.209Z","modified":"2026-05-03T06:32:27.073Z","1.0.0":"2026-03-18T16:10:27.446Z","1.0.1":"2026-03-24T08:35:02.594Z","1.0.2":"2026-03-30T17:27:18.460Z","1.0.4":"2026-04-03T15:23:47.010Z","1.0.5":"2026-04-03T16:35:52.321Z","1.0.6":"2026-04-04T07:12:09.361Z","1.0.8":"2026-05-03T06:32:26.976Z"},"bugs":{"url":"https://github.com/BnS2/eslint-plugin-tailwind-v4/issues"},"author":{"name":"BnS2"},"license":"MIT","homepage":"https://github.com/BnS2/eslint-plugin-tailwind-v4#readme","keywords":["eslint","eslintplugin","tailwindcss","tailwind","v4","typo"],"repository":{"type":"git","url":"git+https://github.com/BnS2/eslint-plugin-tailwind-v4.git"},"description":"ESLint plugin to catch typos in Tailwind CSS v4 classes","maintainers":[{"name":"bns2","email":"owasarmiento@gmail.com"}],"readme":"# @bns2/eslint-plugin-tailwind-v4\n\nAn ESLint plugin to catch and prevent typos in Tailwind CSS v4 class names. This plugin validates your `className` strings against your actual Tailwind configuration by loading the Tailwind v4 design system directly from your CSS entry point.\n\n## Features\n\n- **Typo Detection**: Catches invalid Tailwind class names by validating them against your actual design system.\n- **Custom Class Support**: Supports any custom classes defined in your CSS files (no matter if they are in `@layer` or just bare CSS).\n- **Dynamic Reloading**: Automatically detects changes in your CSS files and re-validates classes without needing to restart ESLint.\n\n> [!TIP]\n> After updating to this version (v1.0.3+), we recommend restarting your IDE or ESLint server once to ensure the new worker logic is active. After that, any changes you make to your CSS file will be picked up **automatically** with no further restarts required.\n\n- **Nativewind Support**: Tested and works seamlessly with Nativewind v5 projects.\n- **Tailwind v4 Support**: Specifically designed for Tailwind CSS v4.\n- **Real-time Validation**: Uses `@tailwindcss/node` to verify if a class is valid within your theme.\n- **Flat Config Ready**: Built for modern ESLint (v9+) and Flat Config.\n- **Performance**: Utilizes `synckit` to perform synchronous validation via a background worker, ensuring ESLint stays responsive.\n- **Biome & Prettier Compatible**: Designed to work alongside `eslint-config-biome` and `prettier-plugin-tailwindcss`.\n\n## Installation\n\n```bash\n# pnpm\npnpm add -D @bns2/eslint-plugin-tailwind-v4\n\n# npm\nnpm install -D @bns2/eslint-plugin-tailwind-v4\n```\n\n### Peer Dependencies\n\nEnsure you have the following installed in your project:\n\n- `eslint` >= 9.0.0\n- `tailwindcss` >= 4.0.0\n- `@tailwindcss/node` >= 4.0.0 (Usually included with `@tailwindcss/postcss`)\n- `nativewind` >= 5.0.0 (Optional, for Nativewind projects)\n\n> [!NOTE]\n> This plugin relies on `@tailwindcss/node` to load your design system. If you are using `@tailwindcss/postcss`, this is already included as a dependency. If not, you may need to install it manually.\n\n> [!NOTE]\n> **Parser Requirement**: If your ESLint configuration does not include a parser, you will need to install one separately. This is because barebones ESLint only understands standard JavaScript—it cannot parse TypeScript or JSX without a parser.\n>\n> **Why do Next.js and Expo work out of the box?**  \n> When you use `eslint-config-next/core-web-vitals` or `eslint-config-expo`, these presets automatically configure a parser for you under the hood (like `@typescript-eslint/parser` or `@babel/eslint-parser`). They handle this silently, so you never notice it.\n>\n> **For barebones ESLint setups**, install `@typescript-eslint/parser` and add it to your config:\n\n```javascript\nimport tsParser from \"@typescript-eslint/parser\";\nimport tailwindV4 from \"@bns2/eslint-plugin-tailwind-v4\";\n\nexport default [\n  {\n    files: [\"**/*.{ts,tsx}\"],\n    plugins: {\n      \"tailwind-v4\": tailwindV4,\n    },\n    languageOptions: {\n      parser: tsParser,\n    },\n    rules: {\n      \"tailwind-v4/typo\": [\"error\", { cssPath: \"./app/globals.css\" }],\n    },\n  },\n];\n```\n\nFramework configs like Next.js (`eslint-config-next/core-web-vitals`) and Expo (`eslint-config-expo`) include a parser by default, so no additional setup is required.\n\n## Usage (Flat Config)\n\n### Standard Configuration\n\nIn your `eslint.config.js`, import the plugin and use the `recommended` helper. You **must** provide the path to your Tailwind CSS entry file (e.g., `./app/globals.css`).\n\n```javascript\nimport { defineConfig } from \"eslint/config\";\nimport tailwindV4 from \"@bns2/eslint-plugin-tailwind-v4\";\n\nexport default defineConfig([\n  // ... other configs (next, biome, etc.)\n\n  // Initialize the plugin with your CSS entry point\n  tailwindV4.configs.recommended(\"./app/globals.css\"),\n\n  {\n    rules: {\n      // You can also customize the rule directly\n      \"tailwind-v4/typo\": [\"error\", { cssPath: \"./app/globals.css\" }],\n    },\n  },\n]);\n```\n\n### Expo / Nativewind v5 Configuration\n\nIf you are using Expo with Nativewind v5, your `eslint.config.mjs` might look like this:\n\n```javascript\nimport expoConfig from \"eslint-config-expo/flat.js\";\nimport tailwindV4 from \"@bns2/eslint-plugin-tailwind-v4\";\n\n/** @type {import('eslint').Linter.Config[]} */\nexport default [\n  ...expoConfig,\n  {\n    ignores: [\"dist/*\", \".expo/*\"],\n  },\n  {\n    files: [\"**/*.{js,jsx,ts,tsx}\"],\n    plugins: {\n      \"tailwind-v4\": tailwindV4,\n    },\n    rules: {\n      \"tailwind-v4/typo\": [\"error\", { cssPath: \"./global.css\" }],\n    },\n  },\n];\n```\n\n### Example Configuration with Next.js & Biome\n\nIf you are using Next.js and Biome (as mentioned in your setup), your configuration might look like this:\n\n```javascript\nimport { defineConfig, globalIgnores } from \"eslint/config\";\nimport biome from \"eslint-config-biome\";\nimport nextVitals from \"eslint-config-next/core-web-vitals\";\nimport tailwindV4 from \"@bns2/eslint-plugin-tailwind-v4\";\n\nexport default defineConfig([\n  ...nextVitals,\n  biome,\n  tailwindV4.configs.recommended(\"./app/globals.css\"),\n  {\n    rules: {\n      // Your custom rules\n    },\n  },\n  globalIgnores([\".next/**\", \"out/**\"]),\n]);\n```\n\n## Recommended Complementary Plugins\n\nFor the best Tailwind CSS v4 experience, we recommend using this plugin alongside:\n\n- **[prettier-plugin-tailwindcss](https://www.npmjs.com/package/prettier-plugin-tailwindcss)**: Automatically sorts your classes according to the recommended order.\n- **[eslint-plugin-tailwind-canonical-classes](https://www.npmjs.com/package/eslint-plugin-tailwind-canonical-classes)**: Ensures your classes are canonical, sorted, and non-redundant.\n\n### The \"Pro\" Setup\n\nWhile `prettier-plugin-tailwindcss` and `eslint-plugin-tailwind-canonical-classes` handle organization and consistency, this plugin (`@bns2/eslint-plugin-tailwind-v4`) handles **validity**. Using them together ensures your classes are both valid and well-organized.\n\n```javascript\n// eslint.config.js\nimport { defineConfig } from \"eslint/config\";\nimport tailwindV4 from \"@bns2/eslint-plugin-tailwind-v4\";\nimport tailwindCanonical from \"eslint-plugin-tailwind-canonical-classes\";\n\nexport default defineConfig([\n  // 1. Organization & Sorting\n  ...tailwindCanonical.configs[\"flat/recommended\"],\n\n  // 2. Validity & Typo Detection\n  tailwindV4.configs.recommended(\"./app/globals.css\"),\n\n  {\n    rules: {\n      \"tailwind-canonical-classes/tailwind-canonical-classes\": [\n        \"warn\",\n        { cssPath: \"./app/globals.css\" },\n      ],\n    },\n  },\n]);\n```\n\n```json\n{\n  \"semi\": true,\n  \"singleQuote\": false,\n  \"tabWidth\": 2,\n  \"trailingComma\": \"all\",\n  \"printWidth\": 120,\n  \"plugins\": [\"prettier-plugin-tailwindcss\"],\n  \"tailwindStylesheet\": \"./global.css\"\n}\n```\n\n## Why this plugin?\n\nWhile Biome and other tools provide excellent linting and formatting, Tailwind CSS v4 introduced significant changes to how classes are generated. This plugin ensures that any class you type actually exists in your generated CSS, preventing \"silent\" typos that result in missing styles.\n\n## Configuration\n\nThe `typo` rule accepts a single option:\n\n| Option    | Type     | Required | Description                                                                  |\n| :-------- | :------- | :------- | :--------------------------------------------------------------------------- |\n| `cssPath` | `string` | Yes      | Path to the CSS file where `@tailwind` directives or v4 imports are defined. |\n\n## Contributing\n\nPlease see our [Contributing Guide](CONTRIBUTING.md) for more details.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}