@gamecp/ui 0.1.29 → 0.1.30

package/dist/index.d.mts

@@ -265,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 {

package/dist/index.d.ts

@@ -265,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 {

package/dist/index.js

@@ -2708,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({