@marcoschwartz/lite-ui 0.25.3 → 0.25.4

package/dist/index.mjs

@@ -653,7 +653,7 @@ var SidebarNav = ({
     "nav",
     {
       className: `
-          flex flex-col h-full overflow-hidden
+          flex flex-col h-full overflow-x-hidden overflow-y-auto
           transition-[width] duration-200 ease-in-out
           ${className}
         `,
@@ -668,7 +668,7 @@ var SidebarNavSection = ({
   grow = false,
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx7("div", { className: `${grow ? "flex-1 overflow-y-auto" : ""} ${className}`, children });
+  return /* @__PURE__ */ jsx7("div", { className: `p-3 space-y-1 ${grow ? "flex-1 overflow-y-auto overflow-x-hidden" : ""} ${className}`, children });
 };
 var SidebarNavItem = ({
   icon,
@@ -693,8 +693,8 @@ var SidebarNavItem = ({
     flex items-center gap-3 w-full px-3 py-2.5 rounded-lg
     text-sm font-medium
     transition-colors duration-150
-    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-[hsl(var(--accent))]"}
-    ${active ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"}
+    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+    ${active ? "bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"}
     ${collapsed ? "justify-center px-0" : ""}
     ${className}
   `;
@@ -1636,7 +1636,7 @@ var AppShell = ({
           style: getWidthStyle(navbarWidth),
           children: [
             (logo || title) && /* @__PURE__ */ jsx79("div", { className: `${heightClasses[headerHeight]} px-4 flex items-center border-b border-[hsl(var(--border))] shrink-0`, children: logo || /* @__PURE__ */ jsx79("span", { className: "text-xl font-bold text-[hsl(var(--foreground))]", children: title }) }),
-            /* @__PURE__ */ jsx79("nav", { className: "flex-1 overflow-y-auto", children: navbar.content })
+            /* @__PURE__ */ jsx79("nav", { className: "flex-1 overflow-y-auto overflow-x-hidden", children: navbar.content })
           ]
         }
       ),
@@ -1680,7 +1680,7 @@ var AppShell = ({
       aside && !asideCollapsedDesktop && /* @__PURE__ */ jsx79(
         "aside",
         {
-          className: `${asideDesktopShowClass} ${getWidthClass(asideWidth)} ${getVariantClasses(asideVariant, asideWithBorder)} ${asideWithBorder ? "border-l" : ""} flex-col shrink-0 overflow-y-auto`,
+          className: `${asideDesktopShowClass} ${getWidthClass(asideWidth)} ${getVariantClasses(asideVariant, asideWithBorder)} ${asideWithBorder ? "border-l" : ""} flex-col shrink-0 overflow-y-auto overflow-x-hidden`,
           style: getWidthStyle(asideWidth),
           children: aside.content
         }
@@ -1763,7 +1763,7 @@ var AppShell = ({
       navbar && !navbarCollapsedDesktop && /* @__PURE__ */ jsx79(
         "nav",
         {
-          className: `${navbarDesktopShowClass} ${getWidthClass(navbarWidth)} ${getVariantClasses(navbarVariant, navbarWithBorder)} ${navbarWithBorder ? "border-r" : ""} flex-col shrink-0 overflow-y-auto`,
+          className: `${navbarDesktopShowClass} ${getWidthClass(navbarWidth)} ${getVariantClasses(navbarVariant, navbarWithBorder)} ${navbarWithBorder ? "border-r" : ""} flex-col shrink-0 overflow-y-auto overflow-x-hidden`,
           style: getWidthStyle(navbarWidth),
           children: navbar.content
         }
@@ -1772,7 +1772,7 @@ var AppShell = ({
       aside && !asideCollapsedDesktop && /* @__PURE__ */ jsx79(
         "aside",
         {
-          className: `${asideDesktopShowClass} ${getWidthClass(asideWidth)} ${getVariantClasses(asideVariant, asideWithBorder)} ${asideWithBorder ? "border-l" : ""} flex-col shrink-0 overflow-y-auto`,
+          className: `${asideDesktopShowClass} ${getWidthClass(asideWidth)} ${getVariantClasses(asideVariant, asideWithBorder)} ${asideWithBorder ? "border-l" : ""} flex-col shrink-0 overflow-y-auto overflow-x-hidden`,
           style: getWidthStyle(asideWidth),
           children: aside.content
         }