@gamecp/ui 0.1.27 → 0.1.30

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;
@@ -252,8 +265,9 @@ interface PageHeaderProps {
     subtitle?: string;
     rightContent?: React__default.ReactNode;
     className?: string;
+    size?: 'sm' | 'md' | 'lg';
 }
-declare function PageHeader({ icon: Icon, title, subtitle, rightContent, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PageHeader({ icon: Icon, title, subtitle, rightContent, className, size, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
 type SwitchVariant = 'default' | 'success' | 'danger' | 'warning' | 'info' | 'embedded';
 interface SwitchProps {
@@ -635,4 +649,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;
@@ -252,8 +265,9 @@ interface PageHeaderProps {
     subtitle?: string;
     rightContent?: React__default.ReactNode;
     className?: string;
+    size?: 'sm' | 'md' | 'lg';
 }
-declare function PageHeader({ icon: Icon, title, subtitle, rightContent, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PageHeader({ icon: Icon, title, subtitle, rightContent, className, size, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
 type SwitchVariant = 'default' | 'success' | 'danger' | 'warning' | 'info' | 'embedded';
 interface SwitchProps {
@@ -635,4 +649,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,
@@ -2650,17 +2708,48 @@ function PageHeader({
   title,
   subtitle,
   rightContent,
-  className = ""
+  className = "",
+  size = "lg"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mb-6 lg:mb-8 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "header-layout", children: [
+  const sizeClasses5 = {
+    sm: {
+      container: "mb-6",
+      icon: "w-5 h-5 lg:w-6 lg:h-6",
+      title: "text-lg lg:text-xl",
+      subtitle: "text-sm",
+      spacing: "space-x-2 lg:space-x-3"
+    },
+    md: {
+      container: "mb-6 lg:mb-8",
+      icon: "w-6 h-6 lg:w-7 lg:h-7",
+      title: "text-xl lg:text-2xl",
+      subtitle: "text-sm",
+      spacing: "space-x-2 lg:space-x-3"
+    },
+    lg: {
+      container: "mb-6 lg:mb-8",
+      icon: "w-6 h-6 lg:w-8 lg:h-8",
+      title: "text-xl lg:text-3xl",
+      subtitle: "text-sm",
+      spacing: "space-x-2 lg:space-x-3"
+    }
+  };
+  const currentSize = sizeClasses5[size];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${currentSize.container} ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "header-layout", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3", children: [
-      Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "w-6 h-6 lg:w-8 lg:h-8 flex-shrink-0" }),
+      Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `${currentSize.icon} flex-shrink-0` }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl lg:text-3xl font-bold text-foreground  truncate", children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm lg:text-base text-muted-foreground", children: subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: `${currentSize.title} font-bold truncate`, children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${currentSize.subtitle} text-muted-foreground`, children: subtitle })
       ] })
     ] }),
-    rightContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center space-x-2 lg:space-x-3 flex-shrink-0", children: rightContent })
+    rightContent && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `flex items-center ${currentSize.spacing} flex-shrink-0`,
+        children: rightContent
+      }
+    )
   ] }) });
 }
 function Switch({
@@ -3633,6 +3722,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;