@gamecp/ui 0.1.39 → 0.1.41

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;
 
@@ -251,15 +251,6 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
-/**
- * Get the sidebar nav item classes based on active state.
- * Useful for extensions that need custom Link components.
- */
-declare function getSidebarNavItemClasses(isActive: boolean, className?: string): string;
-/**
- * Get the sidebar nav icon classes.
- */
-declare function getSidebarNavIconClasses(isActive?: boolean): string;
 interface SidebarNavItemProps {
     href: string;
     icon?: IconType;
@@ -270,17 +261,8 @@ interface SidebarNavItemProps {
     exact?: boolean;
     onClick?: () => void;
     isButton?: boolean;
-    /** Custom Link component for extensions that inject their own routing */
-    LinkComponent?: React__default.ComponentType<{
-        href: string;
-        className?: string;
-        onClick?: () => void;
-        children: React__default.ReactNode;
-    }>;
-    /** Custom pathname for extensions that inject their own routing context */
-    pathname?: string;
 }
-declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, LinkComponent, pathname: externalPathname, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingSpinnerProps {
     message?: string;
@@ -1025,4 +1007,4 @@ declare function VariableInput({ name, label, value, onChange, placeholder, erro
 
 declare const VERSION = "0.1.35";
 
-export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, type SidebarNavItemProps, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, type SwitchVariant, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, getSidebarNavIconClasses, getSidebarNavItemClasses, useConfirmDialog };
+export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, type SidebarNavItemProps, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, type SwitchVariant, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, useConfirmDialog };

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;
 
@@ -251,15 +251,6 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
-/**
- * Get the sidebar nav item classes based on active state.
- * Useful for extensions that need custom Link components.
- */
-declare function getSidebarNavItemClasses(isActive: boolean, className?: string): string;
-/**
- * Get the sidebar nav icon classes.
- */
-declare function getSidebarNavIconClasses(isActive?: boolean): string;
 interface SidebarNavItemProps {
     href: string;
     icon?: IconType;
@@ -270,17 +261,8 @@ interface SidebarNavItemProps {
     exact?: boolean;
     onClick?: () => void;
     isButton?: boolean;
-    /** Custom Link component for extensions that inject their own routing */
-    LinkComponent?: React__default.ComponentType<{
-        href: string;
-        className?: string;
-        onClick?: () => void;
-        children: React__default.ReactNode;
-    }>;
-    /** Custom pathname for extensions that inject their own routing context */
-    pathname?: string;
 }
-declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, LinkComponent, pathname: externalPathname, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingSpinnerProps {
     message?: string;
@@ -1025,4 +1007,4 @@ declare function VariableInput({ name, label, value, onChange, placeholder, erro
 
 declare const VERSION = "0.1.35";
 
-export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, type SidebarNavItemProps, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, type SwitchVariant, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, getSidebarNavIconClasses, getSidebarNavItemClasses, useConfirmDialog };
+export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, type SidebarNavItemProps, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, type SwitchVariant, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, useConfirmDialog };

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",
@@ -3554,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(
@@ -3573,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,
@@ -3605,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",
@@ -3624,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}`
             }
           )
         }
@@ -3642,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: [
@@ -3712,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(
@@ -3734,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) && (() => {
@@ -3802,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: [
@@ -3829,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) && (() => {
@@ -4114,12 +4116,6 @@ var Link2 = React6.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,
@@ -4129,22 +4125,20 @@ function SidebarNavItem({
   title,
   exact = false,
   onClick,
-  isButton = false,
-  LinkComponent,
-  pathname: externalPathname
+  isButton = false
 }) {
-  const nextPathname = navigation.usePathname();
-  const pathname = externalPathname ?? nextPathname;
+  const pathname = navigation.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__ */ 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: [
@@ -4160,12 +4154,13 @@ function SidebarNavItem({
       }
     );
   }
-  const LinkEl = LinkComponent || Link__default.default;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    LinkEl,
+    Link__default.default,
     {
       href,
       onClick,
+      "data-tooltip-id": title ? "global-tooltip" : void 0,
+      "data-tooltip-content": title,
       className: commonClasses,
       children: [
         Icon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5561,8 +5556,6 @@ exports.VariableSelector = VariableSelector;
 exports.ViewToggle = ViewToggle;
 exports.WarningAlert = WarningAlert;
 exports.WarningNotice = WarningNotice;
-exports.getSidebarNavIconClasses = getSidebarNavIconClasses;
-exports.getSidebarNavItemClasses = getSidebarNavItemClasses;
 exports.useConfirmDialog = useConfirmDialog;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map