review

package.json

@@ -10,13 +10,15 @@
     "test": "npx playwright test"
   },
   "dependencies": {
+    "@chromatic-com/playwright": "^0.10.0",
     "@hookform/resolvers": "^3.3.2",
     "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
+    "chromatic": "^11.16.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "lucide-react": "^0.292.0",
@@ -30,7 +32,9 @@
   },
   "devDependencies": {
     "@argos-ci/playwright": "^1.2.2",
-    "@playwright/test": "^1.39.0",
+    "@percy/cli": "^1.30.1",
+    "@percy/playwright": "^1.0.6",
+    "@playwright/test": "^1.48.2",
     "@types/node": "^20.9.0",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
@@ -40,5 +44,6 @@
     "postcss": "^8.4.31",
     "tailwindcss": "^3.3.5",
     "typescript": "^5.2.2"
-  }
+  },
+  "packageManager": "[email protected]+sha512.22721b3a11f81661ae1ec68ce1a7b879425a1ca5b991c975b074ac220b187ce56c708fe5db69f4c962c989452eee76c82877f4ee80f474cebd61ee13461b6228"
 }