feat: tailwind variants and fix prettier class imports (#12)

feat: installed tailwind-variants and import sorter

fixed tailwind class sorter

Author: hussedev

.prettierignore

@@ -2,5 +2,4 @@ node_modules
 dist
 pnpm-lock.yaml
 mockServiceWorker.js
-storybook-static
-ui-shadcn
+storybook-static

.prettierrc

@@ -4,5 +4,18 @@
   "trailingComma": "all",
   "semi": true,
   "printWidth": 100,
-  "plugins": ["prettier-plugin-tailwindcss"]
+  "plugins": ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-tailwindcss"],
+  "tailwindConfig": "./tailwind.config.ts",
+  "tailwindFunctions": ["tw", "tv", "cn", "cva", "clsx"],
+  "tailwindAttributes": ["tw", "tv", "cn", "cva", "clsx"],
+  "importOrder": [
+    "^react(.*)?$",
+    "^@react(.*)?$",
+    "^vite(.*)?$",
+    "^@vite(.*)?$",
+    "<THIRD_PARTY_MODULES>",
+    "^@/(.*)$",
+    "^[./]"
+  ],
+  "importOrderSeparation": true
 }

package.json

@@ -42,6 +42,7 @@
     "@storybook/react-vite": "8.3.5",
     "@storybook/test": "8.3.5",
     "@storybook/test-runner": "^0.19.1",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/react": "^18.3.10",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^8.10.0",
@@ -66,8 +67,8 @@
     "msw-storybook-addon": "^2.0.3",
     "playwright": "^1.48.1",
     "postcss": "^8.4.47",
-    "prettier": "3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
+    "prettier": "3.1.0",
+    "prettier-plugin-tailwindcss": "0.5.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "storybook": "8.3.5",
@@ -136,6 +137,7 @@
     "react-resizable-panels": "^2.1.4",
     "recharts": "^2.13.0",
     "sonner": "^1.5.0",
+    "tailwind-variants": "^0.2.1",
     "ts-pattern": "^5.5.0",
     "vaul": "^1.1.0",
     "vite-plugin-svgr": "^4.2.0",