@sonicjs-cms/core 2.12.0 → 2.13.0

package/dist/{chunk-H4NHRZ6Y.cjs → chunk-QP3OHHON.cjs}

@@ -393,10 +393,14 @@ function renderAdminLayoutCatalyst(data) {
 
     // Close dropdown when clicking outside
     document.addEventListener('click', function(event) {
-      const dropdown = document.getElementById('userDropdown');
+      const dropdowns = document.querySelectorAll('.userDropdown');
       const button = event.target.closest('[data-user-menu]');
-      if (!button && dropdown && !dropdown.contains(event.target)) {
-        dropdown.classList.add('hidden');
+      if (!button) {
+        dropdowns.forEach(function(dropdown) {
+          if (!dropdown.contains(event.target)) {
+            dropdown.classList.add('hidden');
+          }
+        });
       }
     });
 
@@ -1502,16 +1506,20 @@ function adminLayoutV2(data) {
     
     // User dropdown toggle
     function toggleUserDropdown() {
-      const dropdown = document.getElementById('userDropdown');
-      dropdown.classList.toggle('hidden');
+      const dropdowns = document.querySelectorAll('.userDropdown');
+      dropdowns.forEach(function(dropdown) {
+        dropdown.classList.toggle('hidden');
+      });
     }
     
     // Close dropdown when clicking outside
     document.addEventListener('click', function(event) {
-      const dropdown = document.getElementById('userDropdown');
+      const dropdowns = document.querySelectorAll('.userDropdown');
       const button = event.target.closest('button');
       if (!button || !button.getAttribute('onclick')) {
-        dropdown.classList.add('hidden');
+        dropdowns.forEach(function(dropdown) {
+          dropdown.classList.add('hidden');
+        });
       }
     });
     
@@ -1961,7 +1969,7 @@ function renderTopBar(pageTitle, user) {
                 </button>
                 
                 <!-- Dropdown Menu -->
-                <div id="userDropdown" class="hidden absolute right-0 mt-2 w-48 backdrop-blur-md bg-black/95 rounded-xl border border-white/10 shadow-xl z-[9999]">
+                <div class="userDropdown hidden absolute right-0 mt-2 w-48 backdrop-blur-md bg-black/95 rounded-xl border border-white/10 shadow-xl z-[9999]">
                   <div class="py-2">
                     <div class="px-4 py-2 border-b border-white/10">
                       <p class="text-sm font-medium text-gray-1">${user.name || user.email || "User"}</p>
@@ -3617,5 +3625,5 @@ exports.renderLogo = renderLogo;
 exports.renderPagination = renderPagination;
 exports.renderTable = renderTable;
 exports.renderTestimonialsList = renderTestimonialsList;
-//# sourceMappingURL=chunk-H4NHRZ6Y.cjs.map
-//# sourceMappingURL=chunk-H4NHRZ6Y.cjs.map
+//# sourceMappingURL=chunk-QP3OHHON.cjs.map
+//# sourceMappingURL=chunk-QP3OHHON.cjs.map