@gamecp/ui 0.1.39 → 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;
 
@@ -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",
@@ -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,15 +4125,12 @@ 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",
@@ -4160,9 +4153,8 @@ function SidebarNavItem({
       }
     );
   }
-  const LinkEl = LinkComponent || Link__default.default;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    LinkEl,
+    Link__default.default,
     {
       href,
       onClick,
@@ -5561,8 +5553,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