@gamecp/ui 0.1.41 → 0.1.43

package/dist/index.d.mts

@@ -261,8 +261,9 @@ interface SidebarNavItemProps {
     exact?: boolean;
     onClick?: () => void;
     isButton?: boolean;
+    disabled?: boolean;
 }
-declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, disabled, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingSpinnerProps {
     message?: string;

package/dist/index.d.ts

@@ -261,8 +261,9 @@ interface SidebarNavItemProps {
     exact?: boolean;
     onClick?: () => void;
     isButton?: boolean;
+    disabled?: boolean;
 }
-declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, disabled, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingSpinnerProps {
     message?: string;

package/dist/index.js

@@ -2284,39 +2284,39 @@ function Switch({
   const labelId = label ? `${switchId}-label` : void 0;
   const descriptionId = description ? `${switchId}-description` : void 0;
   const sizes = {
-    sm: { track: "w-8 h-4", thumb: "w-3 h-3", translate: "translate-x-4" },
-    md: { track: "w-11 h-6", thumb: "w-5 h-5", translate: "translate-x-5" },
-    lg: { track: "w-14 h-8", thumb: "w-7 h-7", translate: "translate-x-6" }
+    sm: { track: "w-8 h-[18px]", thumb: "w-3.5 h-3.5", translate: "translate-x-[14px]" },
+    md: { track: "w-[44px] h-[24px]", thumb: "w-5 h-5", translate: "translate-x-5" },
+    lg: { track: "w-[56px] h-[32px]", thumb: "w-7 h-7", translate: "translate-x-[24px]" }
   };
   const variants = {
     default: {
-      checked: "bg-primary/90",
-      unchecked: "bg-muted-foreground/40",
+      checked: "bg-primary/60",
+      unchecked: "bg-muted-foreground/20",
       ring: "focus:ring-primary"
     },
     success: {
-      checked: "bg-success",
-      unchecked: "bg-muted-foreground/40",
+      checked: "bg-success/60",
+      unchecked: "bg-muted-foreground/20",
       ring: "focus:ring-success"
     },
     danger: {
-      checked: "bg-destructive",
-      unchecked: "bg-muted-foreground/40",
+      checked: "bg-destructive/60",
+      unchecked: "bg-muted-foreground/20",
       ring: "focus:ring-destructive"
     },
     warning: {
-      checked: "bg-warning",
-      unchecked: "bg-muted-foreground/40",
+      checked: "bg-warning/60",
+      unchecked: "bg-muted-foreground/20",
       ring: "focus:ring-warning"
     },
     info: {
-      checked: "bg-info",
-      unchecked: "bg-muted-foreground/40",
+      checked: "bg-info/60",
+      unchecked: "bg-muted-foreground/20",
       ring: "focus:ring-info"
     },
     embedded: {
-      checked: "bg-success",
-      unchecked: "bg-muted-foreground/40",
+      checked: "bg-success/60",
+      unchecked: "bg-muted-foreground/20",
       ring: "focus:ring-success"
     }
   };
@@ -4125,12 +4125,34 @@ function SidebarNavItem({
   title,
   exact = false,
   onClick,
-  isButton = false
+  isButton = false,
+  disabled = false
 }) {
   const pathname = navigation.usePathname();
   const isActive = active !== void 0 ? active : exact ? pathname === href : pathname === href || pathname?.startsWith(`${href}/`);
-  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 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 opacity-35 cursor-not-allowed" : ""} ${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 (disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        "data-tooltip-id": "global-tooltip",
+        "data-tooltip-content": title || "Not available",
+        "aria-disabled": "true",
+        className: commonClasses,
+        children: [
+          Icon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              className: iconClasses,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+        ]
+      }
+    );
+  }
   if (isButton) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",