@gamecp/ui 0.1.37 → 0.1.40

package/dist/index.d.mts

@@ -75,7 +75,7 @@ interface CardProps extends AccordionCardProps, StatusCardProps {
     maxHeight?: string;
     headerBorder?: string;
     headerBg?: string;
-    headerStatus?: 'online' | 'offline' | 'maintenance' | 'error' | 'restarting' | 'starting' | 'success' | 'info' | 'updating' | 'unknown';
+    headerStatus?: 'online' | 'offline' | 'maintenance' | 'error' | 'restarting' | 'starting' | 'success' | 'info' | 'updating' | 'terminating' | 'unknown';
 }
 declare function Card({ children, className, onClick, disabled, padding, borderAccent, variant, overflow, minHeight, maxHeight, hover, clickable, title, subtitle, description, icon: Icon, iconColor, iconSize, actionButton, headerClassName, accordion, defaultExpanded, onToggle, contentClassName, status, statusIcon, statusText, headerBorder, headerBg, headerStatus, }: CardProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -75,7 +75,7 @@ interface CardProps extends AccordionCardProps, StatusCardProps {
     maxHeight?: string;
     headerBorder?: string;
     headerBg?: string;
-    headerStatus?: 'online' | 'offline' | 'maintenance' | 'error' | 'restarting' | 'starting' | 'success' | 'info' | 'updating' | 'unknown';
+    headerStatus?: 'online' | 'offline' | 'maintenance' | 'error' | 'restarting' | 'starting' | 'success' | 'info' | 'updating' | 'terminating' | 'unknown';
 }
 declare function Card({ children, className, onClick, disabled, padding, borderAccent, variant, overflow, minHeight, maxHeight, hover, clickable, title, subtitle, description, icon: Icon, iconColor, iconSize, actionButton, headerClassName, accordion, defaultExpanded, onToggle, contentClassName, status, statusIcon, statusText, headerBorder, headerBg, headerStatus, }: CardProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -287,6 +287,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:
@@ -1060,8 +1062,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__ */ jsxRuntime.jsxs(
     "button",
@@ -4127,7 +4129,8 @@ function SidebarNavItem({
 }) {
   const pathname = navigation.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__ */ jsxRuntime.jsxs(
       "button",
@@ -4141,7 +4144,7 @@ function SidebarNavItem({
           Icon && /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
             {
-              className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+              className: iconClasses,
               "aria-hidden": "true"
             }
           ),
@@ -4155,14 +4158,12 @@ function SidebarNavItem({
     {
       href,
       onClick,
-      title,
-      "aria-current": isActive ? "page" : void 0,
       className: commonClasses,
       children: [
         Icon && /* @__PURE__ */ jsxRuntime.jsx(
           Icon,
           {
-            className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+            className: iconClasses,
             "aria-hidden": "true"
           }
         ),