@carbon/ibm-products 2.87.1 → 2.88.0

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbWithOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.jsx"],"names":[],"mappings":"AA0CO;;;;;;;;;sBAsTN;;;;YAWK;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;;;;;;;;;;;kBA9X0C,OAAO;sBAGpC,YAAY;AAwBlC,6BAAsB,wBAAwB,CAAC"}
+{"version":3,"file":"BreadcrumbWithOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.jsx"],"names":[],"mappings":"AA0CO;;;;;;;;;sBAwTN;;;;YAWK;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;YAGH;;eAEG;;;;;;;;;;;;kBAhY0C,OAAO;sBAGpC,YAAY;AAwBlC,6BAAsB,wBAAwB,CAAC"}

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -124,10 +124,12 @@ let BreadcrumbWithOverflow = ({ breadcrumbs, className, label, maxVisible, noTra
 						willFit += 1;
 					} else break;
 				}
-				if (willFit < breadcrumbWidthsIncludingMargin.length - 1) while (willFit > 0 && spaceAvailable < overflowWidth) {
-					willFit -= 1;
-					const itemToRemove = displayItemIndex(breadcrumbWidthsIncludingMargin.length, willFit);
-					spaceAvailable += breadcrumbWidthsIncludingMargin[itemToRemove];
+				if (willFit < breadcrumbWidthsIncludingMargin.length - 1) {
+					if (spaceAvailable < overflowWidth) while (willFit > 0 && spaceAvailable < overflowWidth) {
+						willFit -= 1;
+						const itemToRemove = displayItemIndex(breadcrumbWidthsIncludingMargin.length, willFit);
+						spaceAvailable += breadcrumbWidthsIncludingMargin[itemToRemove];
+					}
 				}
 			}
 			if (willFit <= 1) setDisplayCount(1);

package/es/components/InterstitialScreen/InterstitialScreenFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InterstitialScreenFooter.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenFooter.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,EAGL,UAAU,EACV,uBAAuB,EACxB,MAAM,WAAW,CAAC;AAMnB,KAAK,wBAAwB,GAAG;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAC;IAE7E;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC/E;AACD,QAAA,MAAM,wBAAwB,sGA0K5B,CAAC;AAEH,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"InterstitialScreenFooter.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenFooter.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,EAGL,UAAU,EACV,uBAAuB,EACxB,MAAM,WAAW,CAAC;AAYnB,KAAK,wBAAwB,GAAG;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAC;IAE7E;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC/E;AACD,QAAA,MAAM,wBAAwB,sGA2K5B,CAAC;AAEH,eAAe,wBAAwB,CAAC"}

package/es/components/InterstitialScreen/InterstitialScreenFooter.js

@@ -10,7 +10,7 @@ import { clamp } from "../../global/js/utils/clamp.js";
 import { InterstitialScreenContext, blockClass } from "./context.js";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
-import { Button, InlineLoading, ModalFooter } from "@carbon/react";
+import { Button, ButtonSet, InlineLoading, ModalFooter, usePrefix } from "@carbon/react";
 import { ArrowRight } from "@carbon/react/icons";
 
 //#region src/components/InterstitialScreen/InterstitialScreenFooter.tsx
@@ -27,7 +27,8 @@ const InterstitialScreenFooter = React.forwardRef((props, ref) => {
 	const startButtonRef = useRef(null);
 	const nextButtonRef = useRef(null);
 	const [loadingAction, setLoadingAction] = useState("");
-	const isMultiStep = !!stepCount;
+	const carbonPrefix = usePrefix();
+	const isMultiStep = !!stepCount && stepCount > 1;
 	const progStepFloor = 0;
 	const progStepCeil = stepCount - 1;
 	useEffect(() => {
@@ -61,14 +62,14 @@ const InterstitialScreenFooter = React.forwardRef((props, ref) => {
 		progStep,
 		progStepCeil
 	]);
-	const getFooterContent = () => /* @__PURE__ */ React.createElement(React.Fragment, null, isMultiStep && skipButtonLabel !== "" && /* @__PURE__ */ React.createElement(Button, {
+	const getFooterContent = () => /* @__PURE__ */ React.createElement(ButtonSet, null, isMultiStep && skipButtonLabel !== "" && /* @__PURE__ */ React.createElement(Button, {
 		className: `${blockClass}--skip-btn`,
 		kind: "ghost",
 		size: "lg",
 		title: skipButtonLabel,
 		onClick: handleSkip,
 		disabled: disableButtonConfig?.skip
-	}, skipButtonLabel, loadingAction === "skip" && /* @__PURE__ */ React.createElement(InlineLoading, null)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}--footer-controls` }, isMultiStep && progStep > 0 && /* @__PURE__ */ React.createElement(Button, {
+	}, skipButtonLabel, loadingAction === "skip" && /* @__PURE__ */ React.createElement(InlineLoading, null)), isMultiStep && progStep > 0 && /* @__PURE__ */ React.createElement(Button, {
 		className: `${blockClass}--prev-btn`,
 		kind: "secondary",
 		size: "lg",
@@ -91,23 +92,23 @@ const InterstitialScreenFooter = React.forwardRef((props, ref) => {
 		disabled: disableButtonConfig?.start,
 		onClick: handleStart,
 		...getRenderIcon
-	}, startButtonLabel, loadingAction === "start" && /* @__PURE__ */ React.createElement(InlineLoading, null))));
-	if (actionButtonRenderer) return /* @__PURE__ */ React.createElement("div", { className: `${blockClass}--footer` }, actionButtonRenderer({
+	}, startButtonLabel, loadingAction === "start" && /* @__PURE__ */ React.createElement(InlineLoading, null)));
+	const footerContent = actionButtonRenderer ? actionButtonRenderer({
 		handleGotoStep,
 		progStep,
 		stepCount,
 		disableButtonConfig
-	}));
+	}) : getFooterContent();
 	return isFullScreen ? /* @__PURE__ */ React.createElement("div", {
 		ref,
-		className: `${footerBlockClass} ${className}`,
+		className: `${footerBlockClass} ${className}  ${carbonPrefix}--modal-footer`,
 		...getDevtoolsProps("InterstitialScreenFooter"),
-		...isFullScreen ? rest : {}
-	}, getFooterContent()) : /* @__PURE__ */ React.createElement(ModalFooter, {
-		className: footerBlockClass,
+		...rest
+	}, footerContent) : /* @__PURE__ */ React.createElement(ModalFooter, {
+		className: `${footerBlockClass} ${className}`,
 		ref,
 		...rest
-	}, getFooterContent());
+	}, footerContent);
 });
 InterstitialScreenFooter.propTypes = {
 	actionButtonRenderer: PropTypes.func,

package/es/components/InterstitialScreen/InterstitialScreenHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InterstitialScreenHeader.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,wBAAwB,sGA+F5B,CAAC;AAEH,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"InterstitialScreenHeader.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,wBAAwB,sGA8F5B,CAAC;AAEH,eAAe,wBAAwB,CAAC"}

package/es/components/InterstitialScreen/InterstitialScreenHeader.js

@@ -8,7 +8,6 @@
 import { __toESM } from "../../_virtual/_rolldown/runtime.js";
 import { require_classnames } from "../../node_modules/classnames/index.js";
 import { getDevtoolsProps } from "../../global/js/utils/devtools.js";
-import { useId } from "../../global/js/utils/useId.js";
 import { InterstitialScreenContext, blockClass } from "./context.js";
 import React from "react";
 import PropTypes from "prop-types";
@@ -26,7 +25,6 @@ const InterstitialScreenHeader = React.forwardRef((props, ref) => {
 	const { className = "", headerTitle, headerSubTitle, closeIconDescription, hideProgressIndicator, children, ...rest } = props;
 	const { bodyChildrenData, isFullScreen, progStep, handleClose, stepCount } = React.useContext(InterstitialScreenContext);
 	const headerBlockClass = `${blockClass}--internal-header`;
-	const _useId = useId();
 	const carbonPrefix = usePrefix();
 	const headerContent = () => {
 		return /* @__PURE__ */ React.createElement(React.Fragment, null, (headerTitle || headerSubTitle) && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}--titleContainer` }, headerTitle && /* @__PURE__ */ React.createElement("h1", null, headerTitle), headerSubTitle && /* @__PURE__ */ React.createElement("h2", null, headerSubTitle)), children, !hideProgressIndicator && bodyChildrenData && Array.isArray(bodyChildrenData) && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}--progress` }, /* @__PURE__ */ React.createElement(ProgressIndicator, {
@@ -34,7 +32,7 @@ const InterstitialScreenHeader = React.forwardRef((props, ref) => {
 			currentIndex: progStep
 		}, bodyChildrenData?.map((child, idx) => {
 			if (React.isValidElement(child)) {
-				const stepKey = `${_useId}_${child.props?.stepTitle?.replace(/\s+/g, "") || idx}`;
+				const stepKey = `${child.props?.stepTitle?.replace(/\s+/g, "") || "step"}-${idx}`;
 				return /* @__PURE__ */ React.createElement(ProgressStep, {
 					key: stepKey,
 					label: child.props.stepTitle ?? `Step ${idx + 1}`,

package/es/components/PageHeader/next/PageHeader.d.ts

@@ -15,6 +15,7 @@ import { PageHeaderTagOverflow, type PageHeaderTagOverflowProps } from './PageHe
 import { PageHeaderScrollButton, type PageHeaderScrollButtonProps } from './PageHeaderScrollButton';
 import { PageHeaderTitleBreadcrumb } from './PageHeaderTitleBreadcrumb';
 import { PageHeaderBreadcrumbOverflow, type PageHeaderBreadcrumbOverflowProps } from './PageHeaderBreadcrumbOverflow';
+import { PageHeaderBreadcrumbPageActions, type PageHeaderBreadcrumbPageActionsProps, type PageHeaderBreadcrumbPageActionItem } from './PageHeaderBreadcrumbPageActions';
 /**
  * ----------
  * PageHeader
@@ -23,6 +24,18 @@ import { PageHeaderBreadcrumbOverflow, type PageHeaderBreadcrumbOverflowProps }
 export interface PageHeaderProps {
     children?: React.ReactNode;
     className?: string;
+    /**
+     * Callback fired when the content area becomes fully collapsed
+     */
+    onContentFullyCollapsed?: (collapsed: boolean) => void;
+    /**
+     * Callback fired when the title becomes clipped
+     */
+    onTitleClipped?: (clipped: boolean) => void;
+    /**
+     * Callback fired when the content actions become clipped
+     */
+    onContentActionsClipped?: (clipped: boolean) => void;
 }
 declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -65,6 +78,22 @@ declare const ScrollButton: React.ForwardRefExoticComponent<PageHeaderScrollButt
 declare const TitleBreadcrumb: React.ForwardRefExoticComponent<import("@carbon/react").BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
 declare const BreadcrumbOverflow: React.ForwardRefExoticComponent<PageHeaderBreadcrumbOverflowProps & React.RefAttributes<HTMLElement>>;
 declare const TagOverflow: React.ForwardRefExoticComponent<PageHeaderTagOverflowProps & React.RefAttributes<HTMLDivElement>>;
-export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderTabBar, PageHeaderScrollButton, PageHeaderTitleBreadcrumb, PageHeaderBreadcrumbOverflow, PageHeaderTagOverflow, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, HeroImage, TabBar, ScrollButton, TitleBreadcrumb, BreadcrumbOverflow, TagOverflow, };
-export type { PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, PageHeaderScrollButtonProps, PageHeaderTagOverflowProps, PageHeaderBreadcrumbOverflowProps, };
+declare const BreadcrumbPageActions: {
+    ({ actions, className, overflowMenuLabel, buttonSize, buttonKind, ...other }: PageHeaderBreadcrumbPageActionsProps): React.JSX.Element;
+    displayName: string;
+    propTypes: {
+        actions: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            id: import("prop-types").Validator<string>;
+            label: import("prop-types").Validator<string>;
+            renderIcon: import("prop-types").Validator<NonNullable<import("prop-types").ReactComponentLike>>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }>>[]>;
+        buttonKind: import("prop-types").Requireable<string>;
+        buttonSize: import("prop-types").Requireable<string>;
+        className: import("prop-types").Requireable<string>;
+        overflowMenuLabel: import("prop-types").Requireable<string>;
+    };
+};
+export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderTabBar, PageHeaderScrollButton, PageHeaderTitleBreadcrumb, PageHeaderBreadcrumbOverflow, PageHeaderTagOverflow, PageHeaderBreadcrumbPageActions, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, HeroImage, TabBar, ScrollButton, TitleBreadcrumb, BreadcrumbOverflow, TagOverflow, BreadcrumbPageActions, };
+export type { PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, PageHeaderScrollButtonProps, PageHeaderTagOverflowProps, PageHeaderBreadcrumbOverflowProps, PageHeaderBreadcrumbPageActionsProps, PageHeaderBreadcrumbPageActionItem, };
 //# sourceMappingURL=PageHeader.d.ts.map

package/es/components/PageHeader/next/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAiD,MAAM,OAAO,CAAC;AAStE,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,4BAA4B,EAC5B,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,4BAA4B,EAC5B,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAC;AAExC;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,wFA8If,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,IAAI,wFAAa,CAAC;AAGxB,QAAA,MAAM,aAAa,qGAA0B,CAAC;AAG9C,QAAA,MAAM,OAAO,+FAAoB,CAAC;AAGlC,QAAA,MAAM,kBAAkB;;;;;;;;;CAA+B,CAAC;AAGxD,QAAA,MAAM,WAAW;;;;;;;;CAAwB,CAAC;AAG1C,QAAA,MAAM,SAAS;;;;;;;CAAsB,CAAC;AAGtC,QAAA,MAAM,MAAM,8FAAmB,CAAC;AAGhC,QAAA,MAAM,YAAY,oGAAyB,CAAC;AAG5C,QAAA,MAAM,eAAe,mHAA4B,CAAC;AAGlD,QAAA,MAAM,kBAAkB,uGAA+B,CAAC;AAGxD,QAAA,MAAM,WAAW,mGAAwB,CAAC;AAG1C,OAAO,EAEL,UAAU,EACV,uBAAuB,EACvB,iBAAiB,EACjB,4BAA4B,EAC5B,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,qBAAqB,EAErB,IAAI,EACJ,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,MAAM,EACN,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,WAAW,GACZ,CAAC;AACF,YAAY,EACV,4BAA4B,EAC5B,sBAAsB,EACtB,iCAAiC,EACjC,0BAA0B,EAC1B,wBAAwB,EACxB,qBAAqB,EACrB,2BAA2B,EAC3B,0BAA0B,EAC1B,iCAAiC,GAClC,CAAC"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"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"}

package/es/components/PageHeader/next/PageHeader.js

@@ -22,7 +22,8 @@ import { PageHeaderTagOverflow } from "./PageHeaderTagOverflow.js";
 import { PageHeaderScrollButton } from "./PageHeaderScrollButton.js";
 import { PageHeaderTitleBreadcrumb } from "./PageHeaderTitleBreadcrumb.js";
 import { PageHeaderBreadcrumbOverflow } from "./PageHeaderBreadcrumbOverflow.js";
-import React, { useEffect, useRef, useState } from "react";
+import { PageHeaderBreadcrumbPageActions } from "./PageHeaderBreadcrumbPageActions.js";
+import React, { useEffect, useMemo, useRef, useState } from "react";
 
 //#region src/components/PageHeader/next/PageHeader.tsx
 /**
@@ -32,7 +33,7 @@ import React, { useEffect, useRef, useState } from "react";
 * LICENSE file in the root directory of this source tree.
 */
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
-const PageHeader = React.forwardRef(function PageHeader({ className, children, ...other }, ref) {
+const PageHeader = React.forwardRef(function PageHeader({ className, children, onContentFullyCollapsed, onTitleClipped, onContentActionsClipped, ...other }, ref) {
 	const [refs, setRefs] = useState({});
 	const [pageActionsInstance, setPageActionsInstance] = useState(null);
 	const tempRef = useRef(null);
@@ -52,67 +53,81 @@ const PageHeader = React.forwardRef(function PageHeader({ className, children, .
 	const [fullyCollapsed, setFullyCollapsed] = useState(false);
 	const [titleClipped, setTitleClipped] = useState(false);
 	const [contentActionsClipped, setContentActionsClipped] = useState(false);
-	const [breadcrumbActionsClipped, setBreadcrumbActionsClipped] = useState(false);
 	useEffect(() => {
-		if (!refs?.contentRef || !componentRef?.current) return;
+		if (!componentRef?.current) return;
 		const totalHeaderOffset = getHeaderOffset(componentRef?.current);
 		const predefinedContentPadding = 24;
-		const contentObserver = new IntersectionObserver((entries) => {
+		const contentObserver = refs?.contentRef?.current ? new IntersectionObserver((entries) => {
 			entries.forEach((entry) => {
-				if (entry.target === refs?.contentRef.current) setFullyCollapsed(!entry.isIntersecting);
+				if (entry.target === refs?.contentRef.current) {
+					const collapsed = !entry.isIntersecting;
+					setFullyCollapsed(collapsed);
+					onContentFullyCollapsed?.(collapsed);
+				}
 			});
 		}, {
 			root: null,
-			rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,
+			rootMargin: `${(predefinedContentPadding + (refs?.contentRef?.current?.offsetHeight || 0) + totalHeaderOffset + 24) * -1}px 0px 0px 0px`,
 			threshold: .1
-		});
-		if (!refs?.titleRef?.current) return;
-		const totalTitleHeight = refs?.titleRef.current.offsetHeight;
-		const titleObserver = new IntersectionObserver((entries) => {
+		}) : null;
+		const titleObserver = refs?.titleRef?.current ? new IntersectionObserver((entries) => {
 			entries.forEach((entry) => {
-				if (entry.target === refs?.titleRef.current) setTitleClipped(!entry.isIntersecting);
+				if (entry.target === refs?.titleRef.current) {
+					const clipped = !entry.isIntersecting;
+					setTitleClipped(clipped);
+					onTitleClipped?.(clipped);
+				}
 			});
 		}, {
 			root: null,
-			rootMargin: `${(predefinedContentPadding + totalTitleHeight + totalHeaderOffset + 24) * -1}px 0px 0px 0px`,
+			rootMargin: `${(predefinedContentPadding + (refs?.titleRef.current.offsetHeight || 0) + totalHeaderOffset + 24) * -1}px 0px 0px 0px`,
 			threshold: .1
-		});
-		if (!refs?.contentActions?.current) return;
-		const contentActionsObserver = new IntersectionObserver((entries) => {
+		}) : null;
+		const contentActionsObserver = refs?.contentActions?.current ? new IntersectionObserver((entries) => {
 			entries.forEach((entry) => {
 				if (entry.target === refs?.contentActions.current) {
-					setContentActionsClipped(!entry.isIntersecting);
-					setBreadcrumbActionsClipped(entry.isIntersecting);
+					const clipped = !entry.isIntersecting;
+					setContentActionsClipped(clipped);
+					onContentActionsClipped?.(clipped);
 				}
 			});
 		}, {
 			root: null,
-			rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 24) * -1}px 0px 0px 0px`,
+			rootMargin: `${(predefinedContentPadding + (refs?.contentActions?.current?.offsetHeight || 0) + totalHeaderOffset + 24) * -1}px 0px 0px 0px`,
 			threshold: .1
-		});
-		if (refs?.contentRef?.current) contentObserver.observe(refs.contentRef.current);
-		if (refs?.titleRef?.current) titleObserver.observe(refs.titleRef.current);
-		if (refs?.contentActions?.current) contentActionsObserver.observe(refs.contentActions.current);
+		}) : null;
+		if (refs?.contentRef?.current && contentObserver) contentObserver.observe(refs.contentRef.current);
+		if (refs?.titleRef?.current && titleObserver) titleObserver.observe(refs.titleRef.current);
+		if (refs?.contentActions?.current && contentActionsObserver) contentActionsObserver.observe(refs.contentActions.current);
 		return () => {
-			contentObserver.disconnect();
-			titleObserver.disconnect();
-			contentActionsObserver.disconnect();
+			contentObserver?.disconnect();
+			titleObserver?.disconnect();
+			contentActionsObserver?.disconnect();
 		};
 	}, [
 		refs?.contentRef,
 		refs?.titleRef,
 		refs?.contentActions,
-		componentRef
+		componentRef,
+		onContentFullyCollapsed,
+		onTitleClipped,
+		onContentActionsClipped
+	]);
+	const observerState = useMemo(() => ({
+		fullyCollapsed,
+		titleClipped,
+		contentActionsClipped
+	}), [
+		fullyCollapsed,
+		titleClipped,
+		contentActionsClipped
 	]);
 	return /* @__PURE__ */ React.createElement(PageHeaderContext.Provider, { value: {
 		refs,
 		setRefs,
 		pageActionsInstance,
 		setPageActionsInstance,
-		fullyCollapsed,
-		titleClipped,
-		contentActionsClipped,
-		breadcrumbActionsClipped
+		observerState
 	} }, /* @__PURE__ */ React.createElement("div", {
 		className: classNames,
 		ref: componentRef,
@@ -147,6 +162,8 @@ const BreadcrumbOverflow = PageHeaderBreadcrumbOverflow;
 BreadcrumbOverflow.displayName = "PageHeaderBreadcrumbOverflow";
 const TagOverflow = PageHeaderTagOverflow;
 TagOverflow.displayName = "PageHeaderTagOverflow";
+const BreadcrumbPageActions = PageHeaderBreadcrumbPageActions;
+BreadcrumbPageActions.displayName = "PageHeaderBreadcrumbPageActions";
 
 //#endregion
-export { BreadcrumbBar, BreadcrumbOverflow, Content, ContentPageActions, ContentText, HeroImage, PageHeader, Root, ScrollButton, TabBar, TagOverflow, TitleBreadcrumb };
+export { BreadcrumbBar, BreadcrumbOverflow, BreadcrumbPageActions, Content, ContentPageActions, ContentText, HeroImage, PageHeader, Root, ScrollButton, TabBar, TagOverflow, TitleBreadcrumb };

package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { type ComponentType, type FunctionComponent } from 'react';
+import { type PageHeaderObserverState } from './context';
 /**
  * -----------------------
  * PageHeaderBreadcrumbBar
@@ -22,17 +23,19 @@ export interface PageHeaderBreadcrumbBarProps {
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**
-     * The PageHeaderBreadcrumbBar's content actions
+     * The PageHeaderBreadcrumbBar's content actions.
+     * Can be a ReactNode or a function that receives observer state.
      */
-    contentActions?: React.ReactNode;
+    contentActions?: React.ReactNode | ((state: PageHeaderObserverState) => React.ReactNode);
     /**
      * `true` to set content actions flush against page actions
      */
     contentActionsFlush?: boolean;
     /**
-     * The PageHeaderContent's page actions
+     * The PageHeaderContent's page actions.
+     * Can be a ReactNode or a function that receives observer state.
      */
-    pageActions?: React.ReactNode;
+    pageActions?: React.ReactNode | ((state: PageHeaderObserverState) => React.ReactNode);
     /**
      * `true` to set page actions flush with page
      */

package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderBreadcrumbBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1E;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,qGAiElC,CAAC"}
+{"version":3,"file":"PageHeaderBreadcrumbBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAEnB;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EACX,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,qGAmFlC,CAAC"}

package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js

@@ -22,20 +22,24 @@ import { Column, Grid } from "@carbon/react";
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const PageHeaderBreadcrumbBar = React.forwardRef(function PageHeaderBreadcrumbBar({ border = true, className, children, renderIcon: IconElement, contentActions, contentActionsFlush, pageActions, pageActionsFlush, ...other }, ref) {
 	const context = usePageHeader();
-	const { pageActionsInstance: globalActions, contentActionsClipped } = context;
+	const { pageActionsInstance: globalActions, observerState } = context;
 	const classNames = (0, import_classnames.default)({
 		[`${blockClass}__breadcrumb-bar`]: true,
 		[`${blockClass}__breadcrumb-bar-border`]: border,
 		[`${blockClass}__breadcrumb__actions-flush`]: pageActionsFlush
 	}, className);
+	const resolvedContentActions = typeof contentActions === "function" ? contentActions(observerState) : contentActions;
+	const isFunctionalContentActions = typeof contentActions === "function";
 	const contentActionsClasses = (0, import_classnames.default)({
 		[`${blockClass}__breadcrumb__content-actions`]: !contentActionsFlush,
 		[`${blockClass}__breadcrumb__content-actions-with-global-actions`]: !!globalActions,
-		[`${blockClass}__breadcrumb__content-actions-with-global-actions--show`]: contentActionsClipped
+		[`${blockClass}__breadcrumb__content-actions-with-global-actions--show`]: observerState.contentActionsClipped || isFunctionalContentActions
 	});
+	const resolvedPageActions = typeof pageActions === "function" ? pageActions(observerState) : pageActions;
 	return /* @__PURE__ */ React.createElement(PageHeaderContext.Provider, { value: {
 		...context,
-		isContentActionsInBreadcrumbBar: true
+		isContentActionsInBreadcrumbBar: true,
+		isFunctionalContentActions
 	} }, /* @__PURE__ */ React.createElement("div", {
 		className: classNames,
 		ref,
@@ -44,7 +48,7 @@ const PageHeaderBreadcrumbBar = React.forwardRef(function PageHeaderBreadcrumbBa
 		lg: 16,
 		md: 8,
 		sm: 4
-	}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-container` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-wrapper` }, IconElement && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb__icon` }, /* @__PURE__ */ React.createElement(IconElement, null)), children), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb__actions` }, /* @__PURE__ */ React.createElement("div", { className: contentActionsClasses }, contentActions), pageActions))))));
+	}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-container` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-wrapper` }, IconElement && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb__icon` }, /* @__PURE__ */ React.createElement(IconElement, null)), children), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb__actions` }, /* @__PURE__ */ React.createElement("div", { className: contentActionsClasses }, resolvedContentActions), resolvedPageActions))))));
 });
 PageHeaderBreadcrumbBar.displayName = "PageHeaderBreadcrumbBar";
 

package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+/**
+ * --------------------------------
+ * PageHeaderBreadcrumbPageActions
+ * --------------------------------
+ */
+export interface PageHeaderBreadcrumbPageActionItem {
+    /**
+     * Unique identifier for the action item
+     */
+    id: string;
+    /**
+     * Label for the action (used for icon description and overflow menu item text)
+     */
+    label: string;
+    /**
+     * Icon component to render for the action button
+     */
+    renderIcon: React.ComponentType;
+    /**
+     * Click handler for the action
+     */
+    onClick?: () => void;
+}
+export interface PageHeaderBreadcrumbPageActionsProps {
+    /**
+     * Array of action items to display
+     */
+    actions: PageHeaderBreadcrumbPageActionItem[];
+    /**
+     * Specify an optional className to be added to the component
+     */
+    className?: string;
+    /**
+     * Aria label for the overflow menu
+     */
+    overflowMenuLabel?: string;
+    /**
+     * Size of the action buttons
+     */
+    buttonSize?: 'sm' | 'md' | 'lg';
+    /**
+     * Kind of the action buttons
+     */
+    buttonKind?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger' | 'danger--tertiary' | 'danger--ghost';
+}
+export declare const PageHeaderBreadcrumbPageActions: {
+    ({ actions, className, overflowMenuLabel, buttonSize, buttonKind, ...other }: PageHeaderBreadcrumbPageActionsProps): React.JSX.Element;
+    displayName: string;
+    propTypes: {
+        /**
+         * Array of action items to display
+         */
+        actions: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            label: PropTypes.Validator<string>;
+            renderIcon: PropTypes.Validator<NonNullable<PropTypes.ReactComponentLike>>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>[]>;
+        /**
+         * Kind of the action buttons
+         */
+        buttonKind: PropTypes.Requireable<string>;
+        /**
+         * Size of the action buttons
+         */
+        buttonSize: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional className to be added to the component
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Aria label for the overflow menu
+         */
+        overflowMenuLabel: PropTypes.Requireable<string>;
+    };
+};
+//# sourceMappingURL=PageHeaderBreadcrumbPageActions.d.ts.map

package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderBreadcrumbPageActions.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbPageActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC;;;;GAIG;AAEH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,oCAAoC;IACnD;;OAEG;IACH,OAAO,EAAE,kCAAkC,EAAE,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,eAAe,CAAC;CACrB;AAED,eAAO,MAAM,+BAA+B;kFAOzC,oCAAoC;;;QA4ErC;;WAEG;;;;;;;QASH;;WAEG;;QAUH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAtCJ,CAAC"}

package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.js

@@ -0,0 +1,100 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
+import { require_classnames } from "../../../node_modules/classnames/index.js";
+import { blockClass } from "../PageHeaderUtils.js";
+import React, { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import { Button, FeatureFlags, OverflowMenu, OverflowMenuItem } from "@carbon/react";
+import { createOverflowHandler } from "@carbon/utilities";
+
+//#region src/components/PageHeader/next/PageHeaderBreadcrumbPageActions.tsx
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
+const PageHeaderBreadcrumbPageActions = ({ actions, className, overflowMenuLabel = "More page actions", buttonSize = "md", buttonKind = "ghost", ...other }) => {
+	const containerRef = useRef(null);
+	const [hiddenItems, setHiddenItems] = useState([]);
+	const classNames = (0, import_classnames.default)(`${blockClass}__breadcrumb-page-actions`, className);
+	useEffect(() => {
+		if (!containerRef.current) return;
+		const handler = createOverflowHandler({
+			container: containerRef.current,
+			onChange: (_visible, hidden) => {
+				const hiddenIds = hidden.map((el) => el.dataset.id);
+				setHiddenItems(actions.filter((item) => hiddenIds.includes(item.id)));
+			}
+		});
+		return () => handler.disconnect();
+	}, [actions]);
+	return /* @__PURE__ */ React.createElement("div", {
+		ref: containerRef,
+		className: classNames,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			inlineSize: "50%"
+		},
+		...other
+	}, actions.map((item) => /* @__PURE__ */ React.createElement("div", {
+		key: item.id,
+		"data-id": item.id
+	}, /* @__PURE__ */ React.createElement(Button, {
+		renderIcon: item.renderIcon,
+		iconDescription: item.label,
+		hasIconOnly: true,
+		size: buttonSize,
+		kind: buttonKind,
+		onClick: item.onClick
+	}))), /* @__PURE__ */ React.createElement("div", {
+		"data-offset": true,
+		"data-hidden": true,
+		"data-floating-menu-container": true,
+		style: { position: "relative" }
+	}, /* @__PURE__ */ React.createElement(FeatureFlags, { enableV12Overflowmenu: true }, /* @__PURE__ */ React.createElement(OverflowMenu, {
+		size: buttonSize,
+		"aria-label": overflowMenuLabel
+	}, hiddenItems.map((item) => /* @__PURE__ */ React.createElement(OverflowMenuItem, {
+		key: item.id,
+		itemText: item.label,
+		onClick: item.onClick
+	}))))));
+};
+PageHeaderBreadcrumbPageActions.displayName = "PageHeaderBreadcrumbPageActions";
+PageHeaderBreadcrumbPageActions.propTypes = {
+	actions: PropTypes.arrayOf(PropTypes.shape({
+		id: PropTypes.string.isRequired,
+		label: PropTypes.string.isRequired,
+		renderIcon: PropTypes.elementType.isRequired,
+		onClick: PropTypes.func
+	}).isRequired).isRequired,
+	buttonKind: PropTypes.oneOf([
+		"primary",
+		"secondary",
+		"tertiary",
+		"ghost",
+		"danger",
+		"danger--tertiary",
+		"danger--ghost"
+	]),
+	buttonSize: PropTypes.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	className: PropTypes.string,
+	overflowMenuLabel: PropTypes.string
+};
+
+//#endregion
+export { PageHeaderBreadcrumbPageActions };

package/es/components/PageHeader/next/PageHeaderContent.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { type ComponentType, type FunctionComponent } from 'react';
+import { type PageHeaderObserverState } from './context';
 /**
  * -----------------
  * PageHeaderContent
@@ -32,9 +33,10 @@ export interface PageHeaderContentProps {
      */
     contextualActions?: React.ReactNode;
     /**
-     * The PageHeaderContent's page actions
+     * The PageHeaderContent's page actions.
+     * Can be a ReactNode or a function that receives observer state.
      */
-    pageActions?: React.ReactNode;
+    pageActions?: React.ReactNode | ((state: PageHeaderObserverState) => React.ReactNode);
 }
 export declare const PageHeaderContent: React.ForwardRefExoticComponent<PageHeaderContentProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=PageHeaderContent.d.ts.map

package/es/components/PageHeader/next/PageHeaderContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAef;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,iBAAiB,+FAiG5B,CAAC"}
+{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAMvB,MAAM,OAAO,CAAC;AAaf,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAExE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+FA2G5B,CAAC"}