@gamecp/ui 0.1.37 → 0.1.39

package/dist/index.d.mts

@@ -251,6 +251,15 @@ 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;
@@ -261,8 +270,17 @@ 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, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, LinkComponent, pathname: externalPathname, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingSpinnerProps {
     message?: string;
@@ -1007,4 +1025,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, 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, getSidebarNavIconClasses, getSidebarNavItemClasses, useConfirmDialog };

package/dist/index.d.ts

@@ -251,6 +251,15 @@ 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;
@@ -261,8 +270,17 @@ 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, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, LinkComponent, pathname: externalPathname, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingSpinnerProps {
     message?: string;
@@ -1007,4 +1025,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, 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, getSidebarNavIconClasses, getSidebarNavItemClasses, useConfirmDialog };

package/dist/index.js

@@ -4114,6 +4114,12 @@ 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,
@@ -4123,11 +4129,15 @@ function SidebarNavItem({
   title,
   exact = false,
   onClick,
-  isButton = false
+  isButton = false,
+  LinkComponent,
+  pathname: externalPathname
 }) {
-  const pathname = navigation.usePathname();
+  const nextPathname = navigation.usePathname();
+  const pathname = externalPathname ?? nextPathname;
   const isActive = active !== void 0 ? active : exact ? pathname === href : pathname === href || pathname?.startsWith(`${href}/`);
-  const commonClasses = `group flex items-center px-3 py-2 text-sm font-medium rounded-md transition-all duration-150 ease-in-out ${isActive ? "" : "hover:bg-muted"} ${className}`;
+  const commonClasses = getSidebarNavItemClasses(isActive, className);
+  const iconClasses = getSidebarNavIconClasses(isActive);
   if (isButton) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -4141,7 +4151,7 @@ function SidebarNavItem({
           Icon && /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
             {
-              className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+              className: iconClasses,
               "aria-hidden": "true"
             }
           ),
@@ -4150,19 +4160,18 @@ function SidebarNavItem({
       }
     );
   }
+  const LinkEl = LinkComponent || Link__default.default;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    Link__default.default,
+    LinkEl,
     {
       href,
       onClick,
-      title,
-      "aria-current": isActive ? "page" : void 0,
       className: commonClasses,
       children: [
         Icon && /* @__PURE__ */ jsxRuntime.jsx(
           Icon,
           {
-            className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+            className: iconClasses,
             "aria-hidden": "true"
           }
         ),
@@ -5552,6 +5561,8 @@ 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