@gamecp/ui 0.1.37 → 0.1.40

package/dist/index.mjs

@@ -280,6 +280,8 @@ function Card({
       case "restarting":
       case "updating":
         return { border: "bg-orange", bg: "bg-orange/10" };
+      case "terminating":
+        return { border: "bg-destructive", bg: "bg-danger/10" };
       case "unknown":
         return { border: "bg-muted-foreground/30", bg: "bg-muted/10" };
       default:
@@ -1053,8 +1055,8 @@ function DropdownItem({
     flex items-start gap-3 border-b border-border/30 last:border-b-0
     ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
     ${selected && !multiple ? "bg-primary text-primary-foreground" : variantClasses5[variant]}
-    ${focused && !selected ? "bg-muted/70 ring-2 ring-primary/50 ring-inset" : ""}
-    ${focused && selected ? "brightness-110 ring-2 ring-primary-foreground/30" : ""}
+    ${focused && !selected ? "bg-muted/70 ring-1 ring-primary/50 ring-inset" : ""}
+    ${focused && selected ? "brightness-110 ring-1 ring-primary-foreground/30" : ""}
   `;
   return /* @__PURE__ */ jsxs(
     "button",
@@ -4120,7 +4122,8 @@ function SidebarNavItem({
 }) {
   const pathname = usePathname();
   const isActive = active !== void 0 ? active : exact ? pathname === href : pathname === href || pathname?.startsWith(`${href}/`);
-  const commonClasses = `group flex items-center px-3 py-2 text-sm font-medium rounded-md transition-all duration-150 ease-in-out ${isActive ? "" : "hover:bg-muted"} ${className}`;
+  const commonClasses = `group flex items-center gap-0 overflow-hidden rounded-md px-3 py-2 text-sm font-medium outline-hidden ring-sidebar-ring transition-all duration-300 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 ${isActive ? "bg-primary/15 backdrop-blur-md border border-primary/30 text-primary shadow-[0_0_12px_-3px_hsl(var(--primary)/0.2)] hover:bg-primary/20 hover:border-primary/50 hover:shadow-[0_0_16px_-2px_hsl(var(--primary)/0.3)]" : "border border-transparent text-sidebar-foreground hover:bg-sidebar-accent/50 hover:backdrop-blur-sm hover:border-sidebar-foreground/10 hover:text-sidebar-accent-foreground active:bg-sidebar-accent"} ${className}`;
+  const iconClasses = `mr-3 h-5 w-5 shrink-0 transition-all duration-300 ease-in-out${isActive ? " text-primary" : ""}`;
   if (isButton) {
     return /* @__PURE__ */ jsxs(
       "button",
@@ -4134,7 +4137,7 @@ function SidebarNavItem({
           Icon && /* @__PURE__ */ jsx(
             Icon,
             {
-              className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+              className: iconClasses,
               "aria-hidden": "true"
             }
           ),
@@ -4148,14 +4151,12 @@ function SidebarNavItem({
     {
       href,
       onClick,
-      title,
-      "aria-current": isActive ? "page" : void 0,
       className: commonClasses,
       children: [
         Icon && /* @__PURE__ */ jsx(
           Icon,
           {
-            className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+            className: iconClasses,
             "aria-hidden": "true"
           }
         ),