@pallasoft/ps-core-components 1.0.0 → 1.1.0

package/dist/components/ps-site-header.d.ts

@@ -0,0 +1,14 @@
+import type { ElementType, ReactNode } from 'react';
+export interface PsSiteHeaderProps {
+    centerContent?: ReactNode;
+    homeHref: string;
+    label: string;
+    LinkComponent?: ElementType;
+    logoAlt?: string;
+    logoClassName?: string;
+    logoSrc: string;
+    onBack?: () => void;
+    showLabel?: boolean;
+    trailing?: ReactNode;
+}
+export declare const PsSiteHeader: ({ centerContent, homeHref, label, LinkComponent, logoAlt, logoClassName, logoSrc, onBack, showLabel, trailing, }: PsSiteHeaderProps) => import("react").JSX.Element;

package/dist/components/ps-site-header.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSiteHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const logoLinkClassName = 'flex shrink-0 items-center gap-2.5';
+const PsSiteHeader = ({ centerContent, homeHref, label, LinkComponent, logoAlt, logoClassName, logoSrc, onBack, showLabel = false, trailing, }) => {
+    const logoLabel = `${label} home`;
+    const logoContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { alt: logoAlt ?? label, className: ps_design_system_1.PallasoftClassNameService.merge('h-8 w-auto', logoClassName), src: logoSrc }), showLabel ? (0, jsx_runtime_1.jsx)("span", { className: 'text-base font-bold text-ink', children: label }) : null] }));
+    const logoLink = LinkComponent ? ((0, jsx_runtime_1.jsx)(LinkComponent, { "aria-label": logoLabel, className: logoLinkClassName, to: homeHref, children: logoContent })) : ((0, jsx_runtime_1.jsx)("a", { "aria-label": logoLabel, className: logoLinkClassName, href: homeHref, children: logoContent }));
+    return ((0, jsx_runtime_1.jsx)("header", { className: 'fixed inset-x-0 top-0 z-header px-6 pt-4', children: (0, jsx_runtime_1.jsxs)("nav", { className: 'ps-glass mx-auto flex max-w-6xl items-center gap-3 rounded-ps-card px-5 py-3', children: [onBack ? ((0, jsx_runtime_1.jsx)("button", { "aria-label": 'Back', className: 'ps-focus-ring flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-ink md:hidden', onClick: onBack, type: 'button', children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { iconKey: ps_icons_1.PsIconKey.ChevronRight, width: 20, height: 20, className: 'rotate-180' }) })) : null, (0, jsx_runtime_1.jsx)("div", { className: onBack ? 'hidden md:flex' : 'contents', children: logoLink }), (0, jsx_runtime_1.jsx)("div", { className: 'flex min-w-0 flex-1 items-center justify-center gap-3', children: centerContent }), trailing ? (0, jsx_runtime_1.jsx)("div", { className: 'flex shrink-0 items-center gap-2.5', children: trailing }) : null] }) }));
+};
+exports.PsSiteHeader = PsSiteHeader;

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export * from './components/ps-metric-card';
 export * from './components/ps-pill';
 export * from './components/ps-reflective-app-shell';
 export * from './components/ps-section-header';
+export * from './components/ps-site-header';
 export * from './components/ps-skeleton';
 export * from './components/ps-spinner';
 export * from './components/ps-theme-toggle';

package/dist/index.js

@@ -29,6 +29,7 @@ __exportStar(require("./components/ps-metric-card"), exports);
 __exportStar(require("./components/ps-pill"), exports);
 __exportStar(require("./components/ps-reflective-app-shell"), exports);
 __exportStar(require("./components/ps-section-header"), exports);
+__exportStar(require("./components/ps-site-header"), exports);
 __exportStar(require("./components/ps-skeleton"), exports);
 __exportStar(require("./components/ps-spinner"), exports);
 __exportStar(require("./components/ps-theme-toggle"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",