@gamecp/ui 0.1.39 → 0.1.41

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",
@@ -3547,7 +3549,7 @@ function FormInput({
       /* @__PURE__ */ 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__ */ jsx(
@@ -3566,7 +3568,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,
@@ -3598,7 +3600,7 @@ function FormInput({
       /* @__PURE__ */ 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__ */ jsx(
             "textarea",
@@ -3617,7 +3619,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}`
             }
           )
         }
@@ -3635,7 +3637,7 @@ function FormInput({
     ] }) : type === "color" ? /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative w-10 h-10 border border-input rounded-md overflow-hidden bg-card", children: [
@@ -3705,7 +3707,7 @@ function FormInput({
       /* @__PURE__ */ 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__ */ jsx(
@@ -3727,7 +3729,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) && (() => {
@@ -3795,7 +3797,7 @@ function FormInput({
     ] }) : /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative group flex-1", children: [
@@ -3822,7 +3824,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) && (() => {
@@ -4107,12 +4109,6 @@ var Link2 = forwardRef(
 );
 Link2.displayName = "Link";
 var Link_default = Link2;
-function getSidebarNavItemClasses(isActive, className = "") {
-  return `group flex items-center gap-0 overflow-hidden rounded-md px-3 py-2 text-sm font-medium outline-hidden ring-sidebar-ring transition-[width,height,padding,background-color,color] duration-300 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 ${isActive ? "bg-primary text-primary-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"} ${className}`;
-}
-function getSidebarNavIconClasses(isActive = false) {
-  return `mr-3 h-5 w-5 shrink-0 transition-all duration-300 ease-in-out${isActive ? " text-primary-foreground" : ""}`;
-}
 function SidebarNavItem({
   href,
   icon: Icon,
@@ -4122,22 +4118,20 @@ function SidebarNavItem({
   title,
   exact = false,
   onClick,
-  isButton = false,
-  LinkComponent,
-  pathname: externalPathname
+  isButton = false
 }) {
-  const nextPathname = usePathname();
-  const pathname = externalPathname ?? nextPathname;
+  const pathname = usePathname();
   const isActive = active !== void 0 ? active : exact ? pathname === href : pathname === href || pathname?.startsWith(`${href}/`);
-  const commonClasses = getSidebarNavItemClasses(isActive, className);
-  const iconClasses = getSidebarNavIconClasses(isActive);
+  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",
       {
         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: [
@@ -4153,12 +4147,13 @@ function SidebarNavItem({
       }
     );
   }
-  const LinkEl = LinkComponent || Link;
   return /* @__PURE__ */ jsxs(
-    LinkEl,
+    Link,
     {
       href,
       onClick,
+      "data-tooltip-id": title ? "global-tooltip" : void 0,
+      "data-tooltip-content": title,
       className: commonClasses,
       children: [
         Icon && /* @__PURE__ */ jsx(
@@ -5472,6 +5467,6 @@ function ViewToggle({
 // src/index.ts
 var VERSION = "0.1.35";
 
-export { ActionButton, Badge, Button_default as Button, Card, ConfirmDialog_default as ConfirmDialog, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState_default as EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link_default as Link, LoadingSpinner_default as LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner_default as Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, getSidebarNavIconClasses, getSidebarNavItemClasses, useConfirmDialog };
+export { ActionButton, Badge, Button_default as Button, Card, ConfirmDialog_default as ConfirmDialog, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState_default as EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link_default as Link, LoadingSpinner_default as LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner_default as Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, useConfirmDialog };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map