Merge pull request #399 from connorabbas/develop

Improvements - Tailwind integration, version bumps, PopupMenuButton

Author: connorabbas

package-lock.json

@@ -9,7 +9,7 @@
     },
     "dependencies": {
         "@inertiajs/vue3": "^2.0.5",
-        "@primeuix/themes": "^1.0.0",
+        "@primeuix/themes": "^2.0.0",
         "@tailwindcss/vite": "^4.0.17",
         "@types/lodash-es": "^4.17.12",
         "@vitejs/plugin-vue": "^5.2.3",
@@ -32,7 +32,7 @@
         "ziggy-js": "^2.5.2"
     },
     "devDependencies": {
-        "@primevue/auto-import-resolver": "^4.2.5",
+        "@primevue/auto-import-resolver": "^4.5.0",
         "@tsconfig/node22": "^22.0.2",
         "@types/node": "^24.5.2",
         "@vitejs/plugin-vue": "^5.0.5",

package.json

@@ -1,6 +1,7 @@
 html {
     /* font size will determine the component/utility scaling */
     font-size: 14px;
+    line-height: 1.15;
 }
 
 body {
@@ -19,4 +20,4 @@ body {
 .lucide {
     width: 16px;
     height: 16px;
-}
+}

resources/css/app.css

@@ -1,10 +1,5 @@
-@layer theme, base, primevue, utilities;
-
-@import 'tailwindcss/theme.css' layer(theme);
-/* Custom Preflight implementation that plays nice with PrimeVue component styling */
-@import './custom-preflight.css' layer(base);
-@import 'tailwindcss/utilities.css' layer(utilities);
-@import 'tailwindcss-primeui';
+@import "tailwindcss";
+@import "tailwindcss-primeui";
 
 @source '../../storage/framework/views/*.php';
 @source '../../resources/views/**/*.blade.php';
@@ -28,4 +23,4 @@
 
 @utility delete-menu-item {
     @apply text-red-500 dark:text-red-400 hover:bg-red-500/10 rounded-[var(--p-menu-item-border-radius)] transition-colors duration-[var(--p-menu-transition-duration)];
-}
+}

resources/css/custom-preflight.css

@@ -63,7 +63,7 @@ createInertiaApp({
                         darkModeSelector: '.dark',
                         cssLayer: {
                             name: 'primevue',
-                            order: 'theme, base, primevue, utilities',
+                            order: 'theme, base, primevue',
                         },
                     },
                 },