@foris/avocado-suite 1.14.1 → 1.15.0

package/dist/components/header-navigation/HeaderNavigation.d.ts

@@ -1,4 +1,4 @@
-import type { FC, HTMLAttributes } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 import type { Color, IconTypes } from '../../../../avocado-icons';
 import { type BreadcrumbItem } from '../breadcrumbs/Breadcrumbs';
 import type { MenuItem } from '../../types/menu.types';
@@ -26,20 +26,37 @@ export type HeaderNavigationImageBackground = {
      */
     overlayColor?: string;
 };
+/** Overflow actions shown at the end of the title row. */
+export type HeaderNavigationMenu = {
+    items: MenuItem[];
+    /** Accessible name for the trigger; defaults to the page title. */
+    label?: string;
+    disabled?: boolean;
+};
 export type HeaderNavigationBackground = 'default' | 'brand' | HeaderNavigationImageBackground;
 /** Reusable page navigation, with content and actions supplied by its host. */
 export interface HeaderNavigationProps extends HTMLAttributes<HTMLElement> {
     /** Page title, rendered as the primary heading. */
     title: string;
-    /** Optional explanation of the page's purpose. */
-    description?: string;
+    /** Optional content shown above the title, below the breadcrumbs. */
+    topLabel?: ReactNode;
+    /** Optional content right after the title text, e.g. an info button. */
+    titleTrailing?: ReactNode;
+    /** Optional content at the end of the title row, e.g. view toggles. */
+    titleActions?: ReactNode;
+    /** Optional supporting copy below the title: text or inline content. */
+    description?: ReactNode;
     /** Navigation hierarchy; mobile shows the parent page. */
-    breadcrumbsItems?: BreadcrumbItem[];
+    breadcrumbs?: BreadcrumbItem[];
     /** Optional overflow actions, without product-specific routing. */
+    menu?: HeaderNavigationMenu;
+    /** @deprecated Use `breadcrumbs`. */
+    breadcrumbsItems?: BreadcrumbItem[];
+    /** @deprecated Use `menu.items`. */
     menuItems?: MenuItem[];
-    /** Accessible name for the overflow trigger; defaults to the page title. */
+    /** @deprecated Use `menu.label`. */
     menuLabel?: string;
-    /** Disables the overflow trigger. */
+    /** @deprecated Use `menu.disabled`. */
     menuDisabled?: boolean;
     /** Gray by default, brand blue, or a full-bleed hero photograph. */
     background?: HeaderNavigationBackground;

package/dist/components/header-navigation/headerNavigation.util.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+/** True when React would paint something, so optional slots skip empty wrappers. */
+export declare const hasContent: (node: ReactNode) => boolean;

package/dist/components/header-navigation/headerNavigation.util.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/header-navigation/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './HeaderNavigation';
-export type { HeaderNavigationBackground, HeaderNavigationImageBackground, HeaderNavigationProps, HeaderNavigationVisual, } from './HeaderNavigation';
+export type { HeaderNavigationBackground, HeaderNavigationImageBackground, HeaderNavigationMenu, HeaderNavigationProps, HeaderNavigationVisual, } from './HeaderNavigation';

package/dist/index.d.ts

@@ -91,7 +91,7 @@ export type { BarChartProps, BarChartReferenceLine, BarChartSeries, } from './co
 export type { DonutProps, DonutSegment, DonutSize, DonutCenterMode, IDonutItem, } from './components/donut/Donut';
 export { toDonutLegendItems } from './components/donut/donut.util';
 export type { HeadingProps } from './components/heading/Heading';
-export type { HeaderNavigationBackground, HeaderNavigationImageBackground, HeaderNavigationProps, HeaderNavigationVisual, } from './components/header-navigation';
+export type { HeaderNavigationBackground, HeaderNavigationImageBackground, HeaderNavigationMenu, HeaderNavigationProps, HeaderNavigationVisual, } from './components/header-navigation';
 export type { ContextualNavigationProps, ContextualNavigationItem, } from './components/contextual-navigation';
 export type { LinkProps } from './components/link/Link';
 export type { LineChartProps, LineChartRow, LineChartSeries, LineChartVariant, LineChartCurveType, LineChartReference, } from './components/line-chart';