@iclips/ui 1.0.29 → 1.0.32

package/dist/index.js

@@ -1008,7 +1008,7 @@ function $A({
     "div",
     {
       className: M(
-        "relative flex h-screen flex-col bg-muted/30 transition-all duration-200",
+        "relative flex h-screen flex-col transition-all duration-200",
         m ? "w-56" : "w-16",
         s
       ),
@@ -1123,11 +1123,14 @@ function ZA({
       {
         onClick: y.onClick,
         className: M(
-          "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors",
-          N ? "bg-primary text-primary-foreground font-medium shadow-sm" : y.highlighted ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+          "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm transition-all relative",
+          N ? "bg-accent text-foreground font-semibold border-l-2 border-l-primary" : y.highlighted ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"
         ),
         children: [
-          /* @__PURE__ */ l(C, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ l(C, { className: M(
+            "h-4 w-4 shrink-0 transition-colors",
+            N && "text-primary"
+          ) }),
           /* @__PURE__ */ l("span", { className: M("flex-1 text-left"), children: y.label }),
           y.badge && /* @__PURE__ */ l(
             ge,
@@ -1135,7 +1138,7 @@ function ZA({
               variant: "secondary",
               className: M(
                 "min-w-5 px-1.5 text-xs",
-                N && "bg-primary-foreground/20 text-primary-foreground"
+                N && "bg-primary/10 text-primary font-medium"
               ),
               children: y.badge
             }