@gamecp/ui 0.1.27 → 0.1.29

package/dist/index.d.mts

@@ -213,6 +213,19 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
+interface SidebarNavItemProps {
+    href: string;
+    icon?: IconType;
+    children: React__default.ReactNode;
+    active?: boolean;
+    className?: string;
+    title?: string;
+    exact?: boolean;
+    onClick?: () => void;
+    isButton?: boolean;
+}
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+
 interface LoadingSpinnerProps {
     message?: string;
     className?: string;
@@ -635,4 +648,4 @@ declare function IconButtonWithCount({ icon, label, count, onClick, onClear, sho
 
 declare const VERSION = "0.1.3";
 
-export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, 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, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, useConfirmDialog };
+export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, 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, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, useConfirmDialog };

package/dist/index.d.ts

@@ -213,6 +213,19 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
+interface SidebarNavItemProps {
+    href: string;
+    icon?: IconType;
+    children: React__default.ReactNode;
+    active?: boolean;
+    className?: string;
+    title?: string;
+    exact?: boolean;
+    onClick?: () => void;
+    isButton?: boolean;
+}
+declare function SidebarNavItem({ href, icon: Icon, children, active, className, title, exact, onClick, isButton, }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+
 interface LoadingSpinnerProps {
     message?: string;
     className?: string;
@@ -635,4 +648,4 @@ declare function IconButtonWithCount({ icon, label, count, onClick, onClear, sho
 
 declare const VERSION = "0.1.3";
 
-export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, 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, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, useConfirmDialog };
+export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, 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, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, useConfirmDialog };

package/dist/index.js

@@ -6,6 +6,7 @@ var ri = require('react-icons/ri');
 var reactDom = require('react-dom');
 var framerMotion = require('framer-motion');
 var NextLink = require('next/link');
+var navigation = require('next/navigation');
 var reactTooltip = require('react-tooltip');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -291,7 +292,7 @@ function Card({
     variantClasses2[variant],
     paddingClasses[padding],
     borderAccentClasses[borderAccent],
-    overflow !== "visible" || activeHeaderBorder ? `overflow-${overflow === "visible" && activeHeaderBorder ? "hidden" : overflow}` : "",
+    overflow !== "visible" ? `overflow-${overflow}` : "",
     activeHeaderBorder ? "relative" : "",
     hover ? "hover:shadow-md transition-shadow" : "",
     clickable || onClick ? "cursor-pointer" : "",
@@ -2605,6 +2606,63 @@ var Link = React4.forwardRef(
 );
 Link.displayName = "Link";
 var Link_default = Link;
+function SidebarNavItem({
+  href,
+  icon: Icon,
+  children,
+  active,
+  className = "",
+  title,
+  exact = false,
+  onClick,
+  isButton = false
+}) {
+  const pathname = navigation.usePathname();
+  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}`;
+  if (isButton) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick,
+        title,
+        "aria-current": isActive ? "page" : void 0,
+        className: `w-full text-left ${commonClasses}`,
+        children: [
+          Icon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    NextLink__default.default,
+    {
+      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`,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+      ]
+    }
+  );
+}
 var LoadingSpinner = ({
   message = "Initializing...",
   className,
@@ -3633,6 +3691,7 @@ exports.SearchCardContent = SearchCardContent;
 exports.SearchCardHeader = SearchCardHeader;
 exports.SearchInput = SearchInput;
 exports.SharedTooltip = SharedTooltip;
+exports.SidebarNavItem = SidebarNavItem;
 exports.Skeleton = Skeleton;
 exports.SkeletonCard = SkeletonCard;
 exports.SkeletonEnvironmentsList = SkeletonEnvironmentsList;