WIP/Experimental: Theme Switcher

package.json

@@ -18,19 +18,24 @@
     "@hilla/react-components": "2.3.0",
     "@hilla/react-crud": "2.5.6",
     "@hilla/react-form": "2.5.6",
-    "@material-tailwind/react": "^2.1.9",
     "@phosphor-icons/react": "^2.0.15",
     "@polymer/polymer": "3.5.1",
     "@vaadin/bundles": "24.3.0",
     "@vaadin/common-frontend": "0.0.19",
     "@vaadin/router": "1.7.5",
+    "class-variance-authority": "^0.7.0",
     "classnames": "^2.3.2",
+    "clsx": "^2.1.0",
     "construct-style-sheets-polyfill": "3.1.0",
     "formik": "^2.4.5",
+    "jotai": "^2.7.1",
     "lit": "3.1.0",
+    "lucide-react": "^0.360.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.4.2",
+    "tailwind-merge": "^2.2.2",
+    "tailwindcss-animate": "^1.0.7",
     "yup": "^1.4.0"
   },
   "devDependencies": {
@@ -48,7 +53,6 @@
     "rollup-plugin-brotli": "3.1.0",
     "rollup-plugin-visualizer": "5.9.2",
     "strip-css-comments": "5.0.0",
-    "tailwind-material-colors": "^2.0.2",
     "tailwindcss": "^3.4.1",
     "transform-ast": "2.4.4",
     "typescript": "5.3.3",
@@ -84,7 +88,6 @@
     "@hilla/react-crud": "$@hilla/react-crud",
     "@hilla/generator-typescript-plugin-backbone": "$@hilla/generator-typescript-plugin-backbone",
     "@hilla/generator-typescript-cli": "$@hilla/generator-typescript-cli",
-    "@material-tailwind/react": "$@material-tailwind/react",
     "@phosphor-icons/react": "$@phosphor-icons/react",
     "formik": "$formik",
     "yup": "$yup"