@gamecp/ui 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -4,6 +4,7 @@ import { RiCloseLine, RiCheckLine, RiLoader4Line, RiFileCopyLine, RiEyeOffLine,
 import { createPortal } from 'react-dom';
 import { AnimatePresence, motion } from 'framer-motion';
 import NextLink from 'next/link';
+import { usePathname } from 'next/navigation';
 import { Tooltip } from 'react-tooltip';
 
 // src/Badge.tsx
@@ -284,7 +285,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" : "",
@@ -2598,6 +2599,63 @@ var Link = forwardRef(
 );
 Link.displayName = "Link";
 var Link_default = Link;
+function SidebarNavItem({
+  href,
+  icon: Icon,
+  children,
+  active,
+  className = "",
+  title,
+  exact = false,
+  onClick,
+  isButton = false
+}) {
+  const pathname = 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__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick,
+        title,
+        "aria-current": isActive ? "page" : void 0,
+        className: `w-full text-left ${commonClasses}`,
+        children: [
+          Icon && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    NextLink,
+    {
+      href,
+      onClick,
+      title,
+      "aria-current": isActive ? "page" : void 0,
+      className: commonClasses,
+      children: [
+        Icon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: `mr-3 h-5 w-5 shrink-0 transition-all duration-150 ease-in-out`,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children })
+      ]
+    }
+  );
+}
 var LoadingSpinner = ({
   message = "Initializing...",
   className,
@@ -3592,6 +3650,6 @@ function ViewToggle({
 // src/index.ts
 var VERSION = "0.1.3";
 
-export { ActionButton, Badge, Button_default as Button, Card, ConfirmDialog_default as ConfirmDialog, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState_default as EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link_default as Link, LoadingSpinner_default as 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_default as Spinner, StatusBadge, StickyActionsColumn, Switch, Typography, VERSION, ViewToggle, useConfirmDialog };
+export { ActionButton, Badge, Button_default as Button, Card, ConfirmDialog_default as ConfirmDialog, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState_default as EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link_default as Link, LoadingSpinner_default as LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, SidebarNavItem, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner_default as Spinner, StatusBadge, StickyActionsColumn, Switch, Typography, VERSION, ViewToggle, useConfirmDialog };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map