@codbex/harmonia 1.4.0 → 1.4.1

package/dist/harmonia.js

@@ -7330,7 +7330,7 @@
       el.setAttribute("data-slot", "sidebar-header");
     });
     Alpine.directive("h-sidebar-content", (el) => {
-      el.classList.add("vbox", "min-h-0", "flex-1", "gap-2", "overflow-auto", "group-data-[collapsed=true]/sidebar:overflow-hidden");
+      el.classList.add("vbox", "min-h-0", "flex-1", "overflow-auto", "scrollbar-none");
       el.setAttribute("data-slot", "sidebar-content");
     });
     Alpine.directive("h-sidebar-group", (el, { expression, modifiers }, { effect, evaluate: evaluate2, evaluateLater, Alpine: Alpine2 }) => {
@@ -7654,13 +7654,16 @@
     });
     Alpine.directive("h-sidebar-menu-skeleton", (el, { modifiers }) => {
       el.classList.add("flex", "h-8", "items-center", "gap-2", "rounded-md", "px-2");
+      const skeleton = document.createElement("div");
+      skeleton.classList.add("h-4", "flex-1", "bg-sidebar-secondary", "animate-pulse", "rounded-md");
       if (modifiers.includes("icon")) {
+        skeleton.classList.add("group-data-[collapsed=true]/sidebar:!hidden");
         const icon = document.createElement("div");
         icon.classList.add("size-4", "rounded-md", "bg-sidebar-secondary", "animate-pulse", "rounded-md");
         el.appendChild(icon);
+      } else {
+        skeleton.classList.add("group-data-[collapsed=true]/sidebar:!w-4", "group-data-[collapsed=true]/sidebar:!max-w-4");
       }
-      const skeleton = document.createElement("div");
-      skeleton.classList.add("h-4", "flex-1", "bg-sidebar-secondary", "animate-pulse", "rounded-md");
       skeleton.style.maxWidth = `${Math.floor(Math.random() * 40) + 50}%`;
       el.appendChild(skeleton);
       el.setAttribute("data-slot", "sidebar-menu-skeleton");
@@ -10004,7 +10007,7 @@
   }
 
   // package.json
-  var version = "1.4.0";
+  var version = "1.4.1";
 
   // src/index.js
   window.Harmonia = { getBreakpointListener, addColorSchemeListener, getColorScheme, removeColorSchemeListener, setColorScheme, version };