@gamecp/ui 0.1.36 → 0.1.39

package/dist/index.d.mts

@@ -27,6 +27,8 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     leftIcon?: React__default.ReactNode;
     rightIcon?: React__default.ReactNode;
     fullWidth?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -249,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;
@@ -259,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;
@@ -690,6 +710,10 @@ interface IconButtonWithCountProps {
 }
 declare function IconButtonWithCount({ icon, label, count, onClick, onClear, showLabel, className, buttonClassName, countVariant, clearVariant, tooltipId, tooltipContent, clearTooltipId, clearTooltipContent, }: IconButtonWithCountProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Render function that receives selection state for dynamic styling
+ */
+type SelectionAwareRenderer = (isSelected: boolean) => ReactNode;
 /**
  * Single dropdown item - flexible to support menus, selects, filters
  */
@@ -698,10 +722,10 @@ interface DropdownItem$1 {
     value: string;
     /** Display label - string or ReactNode */
     label: ReactNode;
-    /** Optional description/subtitle */
-    description?: ReactNode;
-    /** Optional icon (React component, element, or null) */
-    icon?: ReactNode;
+    /** Optional description/subtitle - can be a function to receive selection state */
+    description?: ReactNode | SelectionAwareRenderer;
+    /** Optional icon - can be a function to receive selection state for dynamic styling */
+    icon?: ReactNode | SelectionAwareRenderer;
     /** Whether this item is disabled */
     disabled?: boolean;
     /** Visual variant for the item */
@@ -818,12 +842,14 @@ interface DropdownItemProps {
     selected?: boolean;
     multiple?: boolean;
     onClick: () => void;
+    focused?: boolean;
+    itemId?: string;
 }
 /**
  * Single dropdown item renderer
  * Supports icon, label, description, and selection state
  */
-declare function DropdownItem({ item, selected, multiple, onClick, }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownItem({ item, selected, multiple, onClick, focused, itemId, }: DropdownItemProps): react_jsx_runtime.JSX.Element;
 
 interface SelectProps {
     /** Options to choose from */
@@ -999,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

@@ -27,6 +27,8 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     leftIcon?: React__default.ReactNode;
     rightIcon?: React__default.ReactNode;
     fullWidth?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -249,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;
@@ -259,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;
@@ -690,6 +710,10 @@ interface IconButtonWithCountProps {
 }
 declare function IconButtonWithCount({ icon, label, count, onClick, onClear, showLabel, className, buttonClassName, countVariant, clearVariant, tooltipId, tooltipContent, clearTooltipId, clearTooltipContent, }: IconButtonWithCountProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Render function that receives selection state for dynamic styling
+ */
+type SelectionAwareRenderer = (isSelected: boolean) => ReactNode;
 /**
  * Single dropdown item - flexible to support menus, selects, filters
  */
@@ -698,10 +722,10 @@ interface DropdownItem$1 {
     value: string;
     /** Display label - string or ReactNode */
     label: ReactNode;
-    /** Optional description/subtitle */
-    description?: ReactNode;
-    /** Optional icon (React component, element, or null) */
-    icon?: ReactNode;
+    /** Optional description/subtitle - can be a function to receive selection state */
+    description?: ReactNode | SelectionAwareRenderer;
+    /** Optional icon - can be a function to receive selection state for dynamic styling */
+    icon?: ReactNode | SelectionAwareRenderer;
     /** Whether this item is disabled */
     disabled?: boolean;
     /** Visual variant for the item */
@@ -818,12 +842,14 @@ interface DropdownItemProps {
     selected?: boolean;
     multiple?: boolean;
     onClick: () => void;
+    focused?: boolean;
+    itemId?: string;
 }
 /**
  * Single dropdown item renderer
  * Supports icon, label, description, and selection state
  */
-declare function DropdownItem({ item, selected, multiple, onClick, }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownItem({ item, selected, multiple, onClick, focused, itemId, }: DropdownItemProps): react_jsx_runtime.JSX.Element;
 
 interface SelectProps {
     /** Options to choose from */
@@ -999,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 };