@gamecp/ui 0.1.40 → 0.1.42

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

@@ -3556,7 +3556,7 @@ function FormInput({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: `relative flex-1 ${footerDescription ? "border-r-2 border-info/50 hover:border-info rounded-r-sm cursor-help transition-colors" : ""}`,
+          className: `relative flex-1 ${footerDescription ? "cursor-help" : ""}`,
           "data-tooltip-id": footerDescription ? `${uniqueId}-help` : void 0,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -3575,7 +3575,7 @@ function FormInput({
                 } : handleSelectChange,
                 options: options || [],
                 placeholder: placeholder || "Select an option...",
-                className: `${error ? "form-input-error" : ""} ${inputClassName}`,
+                className: `${error ? "form-input-error" : ""} ${footerDescription ? "border-r-2 border-r-info/50 hover:border-r-info transition-colors" : ""} ${inputClassName}`,
                 multiple: multiSelect,
                 width: selectWidth,
                 searchable,
@@ -3607,7 +3607,7 @@ function FormInput({
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: `relative flex-1 ${footerDescription ? "border-r-2 border-info/50 hover:border-info rounded-r-sm cursor-help transition-colors" : ""}`,
+          className: `relative flex-1 ${footerDescription ? "cursor-help" : ""}`,
           "data-tooltip-id": footerDescription ? `${uniqueId}-help` : void 0,
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "textarea",
@@ -3626,7 +3626,7 @@ function FormInput({
               maxLength,
               "aria-invalid": error ? "true" : "false",
               "aria-describedby": error ? `${name}-error` : description ? `${name}-description` : void 0,
-              className: `form-input ${error ? "form-input-error" : ""} ${inputClassName}`
+              className: `form-input ${error ? "form-input-error" : ""} ${footerDescription ? "border-r-2 border-r-info/50 hover:border-r-info transition-colors" : ""} ${inputClassName}`
             }
           )
         }
@@ -3644,7 +3644,7 @@ function FormInput({
     ] }) : type === "color" ? /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: `flex items-center space-x-3 ${footerDescription ? "border-r-2 border-info/50 hover:border-info pr-2 rounded-r-sm cursor-help transition-colors" : ""}`,
+        className: `flex items-center space-x-3 ${footerDescription ? "cursor-help" : ""}`,
         "data-tooltip-id": footerDescription ? `${uniqueId}-help` : void 0,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-10 h-10 border border-input rounded-md overflow-hidden bg-card", children: [
@@ -3714,7 +3714,7 @@ function FormInput({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: `relative flex-1 ${footerDescription ? "border-r-2 border-info/50 hover:border-info rounded-r-sm cursor-help transition-colors" : ""}`,
+          className: `relative flex-1 ${footerDescription ? "cursor-help" : ""}`,
           "data-tooltip-id": footerDescription ? `${uniqueId}-help` : void 0,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -3736,7 +3736,7 @@ function FormInput({
                 onBlur,
                 "aria-invalid": error ? "true" : "false",
                 "aria-describedby": error ? `${name}-error` : description ? `${name}-description` : void 0,
-                className: `form-input ${error ? "form-input-error" : ""} ${readOnly ? "bg-muted cursor-default" : ""} ${copyable ? "pr-20" : "pr-10"} ${getInputPaddingClasses(type, getIconConfig(icon))} ${inputClassName}`
+                className: `form-input ${error ? "form-input-error" : ""} ${readOnly ? "bg-muted cursor-default" : ""} ${copyable ? "pr-20" : "pr-10"} ${footerDescription ? "border-r-2 border-r-info/50 hover:border-r-info transition-colors" : ""} ${getInputPaddingClasses(type, getIconConfig(icon))} ${inputClassName}`
               }
             ),
             shouldShowIcons(type) && (() => {
@@ -3804,7 +3804,7 @@ function FormInput({
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: `flex items-center ${variablePicker ? "input-group" : ""} ${footerDescription ? "border-r-2 border-info/50 hover:border-info rounded-r-sm cursor-help transition-colors" : ""}`,
+        className: `flex items-center ${variablePicker ? "input-group" : ""} ${footerDescription ? "cursor-help" : ""}`,
         "data-tooltip-id": footerDescription ? `${uniqueId}-help` : void 0,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group flex-1", children: [
@@ -3831,7 +3831,7 @@ function FormInput({
                 onBlur,
                 "aria-invalid": error ? "true" : "false",
                 "aria-describedby": error ? `${name}-error` : description ? `${name}-description` : void 0,
-                className: `form-input ${error ? "form-input-error" : ""} ${readOnly ? "bg-muted cursor-default" : ""} ${copyable ? "pr-10" : ""} ${variablePicker ? "rounded-r-none border-r-0" : ""} ${getInputPaddingClasses(type, getIconConfig(icon))} ${inputClassName}`
+                className: `form-input ${error ? "form-input-error" : ""} ${readOnly ? "bg-muted cursor-default" : ""} ${copyable ? "pr-10" : ""} ${variablePicker ? "rounded-r-none border-r-0" : ""} ${footerDescription && !variablePicker ? "border-r-2 border-r-info/50 hover:border-r-info transition-colors" : ""} ${getInputPaddingClasses(type, getIconConfig(icon))} ${inputClassName}`
               }
             ),
             shouldShowIcons(type) && (() => {
@@ -4125,19 +4125,42 @@ 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",
       {
         type: "button",
         onClick,
-        title,
+        "data-tooltip-id": title ? "global-tooltip" : void 0,
+        "data-tooltip-content": title,
         "aria-current": isActive ? "page" : void 0,
         className: `w-full text-left ${commonClasses}`,
         children: [
@@ -4158,6 +4181,8 @@ function SidebarNavItem({
     {
       href,
       onClick,
+      "data-tooltip-id": title ? "global-tooltip" : void 0,
+      "data-tooltip-content": title,
       className: commonClasses,
       children: [
         Icon && /* @__PURE__ */ jsxRuntime.jsx(