@carbon/ibm-products 2.80.0-rc.0 → 2.81.0-rc.0

package/lib/components/PageHeader/PageHeaderTitle.d.ts

@@ -1,16 +0,0 @@
-export function PageHeaderTitle({ blockClass, hasBreadcrumbRow, title }: {
-    blockClass: any;
-    hasBreadcrumbRow: any;
-    title: any;
-}): React.JSX.Element;
-export namespace PageHeaderTitle {
-    namespace propTypes {
-        let blockClass: any;
-        let hasBreadcrumbRow: any;
-        let title: any;
-    }
-}
-export function editInPlaceRequired({ onSave }: {
-    onSave: any;
-}): boolean;
-import React from 'react';

package/lib/components/PageHeader/PageHeaderTitle.js

@@ -1,147 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var index = require('../../_virtual/index.js');
-var cx = require('classnames');
-var react = require('@carbon/react');
-var EditInPlace = require('../EditInPlace/EditInPlace.js');
-var useOverflowString = require('../../global/js/hooks/useOverflowString.js');
-
-/**
- *
- * Utility component used by Page Header
- */
-// eslint-disable-next-line react/prop-types
-const PageHeaderTitle = _ref => {
-  let {
-    blockClass,
-    hasBreadcrumbRow,
-    title
-  } = _ref;
-  let titleInnards;
-  // eslint-disable-next-line
-  // debugger;
-
-  let {
-    text,
-    content,
-    loading,
-    icon,
-    asText,
-    onChange,
-    onSave,
-    editDescription,
-    editableLabel,
-    cancelDescription,
-    saveDescription,
-    tooltipAlignment = 'bottom',
-    ...rest
-  } = title;
-  let titleText;
-  let isEditable = !!onSave;
-  const titleRef = React.useRef(undefined);
-  const isEllipsisApplied = useOverflowString.useOverflowStringWidth(titleRef);
-  if (text || !content) {
-    if (text === undefined && typeof title === 'string') {
-      text = title;
-      asText = title;
-    }
-    const TitleIcon = icon;
-    const titleContent = /*#__PURE__*/React.createElement("span", {
-      ref: titleRef,
-      className: `${blockClass}__titleText`
-    }, text);
-    titleInnards = /*#__PURE__*/React.createElement(React.Fragment, null, icon && !loading ? /*#__PURE__*/React.createElement("span", {
-      className: `${blockClass}__title-icon-wrapper`
-    }, /*#__PURE__*/React.createElement(TitleIcon, {
-      className: `${blockClass}__title-icon`
-    })) : null, loading ? /*#__PURE__*/React.createElement(react.SkeletonText, {
-      className: `${blockClass}__title-skeleton`
-    }) : isEditable ? /*#__PURE__*/React.createElement(EditInPlace.EditInPlace, _rollupPluginBabelHelpers.extends({
-      tooltipAlignment: "bottom",
-      value: text,
-      cancelLabel: cancelDescription,
-      editLabel: editDescription,
-      saveLabel: saveDescription,
-      labelText: editableLabel,
-      onChange: onChange,
-      onSave: onSave,
-      size: "md",
-      inheritTypography: true
-    }, rest)) : isEllipsisApplied ? /*#__PURE__*/React.createElement(react.DefinitionTooltip, {
-      openOnHover: false,
-      align: tooltipAlignment,
-      definition: text,
-      className: `${blockClass}__tooltip`
-    }, titleContent) : titleContent);
-  } else {
-    titleInnards = content;
-    titleText = asText;
-  }
-  return /*#__PURE__*/React.createElement("h1", {
-    className: cx(`${blockClass}__title`, {
-      [`${blockClass}__title--editable`]: isEditable
-    }, {
-      [`${blockClass}__title--fades`]: hasBreadcrumbRow
-    }),
-    title: titleText
-  }, titleInnards);
-};
-PageHeaderTitle.propTypes = {
-  // passed from page header
-  blockClass: index.default.string.isRequired,
-  /**
-   * controlled from within page header
-   */
-  hasBreadcrumbRow: index.default.bool,
-  /**
-   * An optional page title supplied as a string or object with the following attributes: text, icon, loading
-   *
-   * Can be supplied either as:
-   * - String
-   * - Object containing
-   *    - text: title string
-   *    - icon: optional icon
-   *    - loading: boolean shows loading indicator if true
-   *    - onChange: function to process the live value (React change === HTML Input)
-   *    - onSave: function to process a confirmed change
-   *    - editDescription: description for edit button
-   *    - editableLabel: label for edit required if onSave supplied
-   *    - cancelDescription: description for edit cancel button
-   *    - saveDescription: description for edit save button
-   * - Object containing user defined contents. These must fit within the area defined for the title in both main part of the header and the breadcrumb.
-   *    - content: title or name of current location shown in main part of page header
-   *    - breadcrumbContent: version of content used in the breadcrumb on scroll. If not supplied
-   *    - asText: String based representation of the title
-   */
-  title: index.default.oneOfType([index.default.shape({
-    // Update docgen if changed
-    text: index.default.string.isRequired,
-    icon: index.default.oneOfType([index.default.func, index.default.object]),
-    loading: index.default.bool,
-    // inline edit version properties
-    editDescription: index.default.string,
-    editableLabel: index.default.string,
-    id: index.default.string,
-    onChange: index.default.func,
-    onSave: index.default.func,
-    cancelDescription: index.default.string,
-    saveDescription: index.default.string,
-    tooltipAlignment: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right'])
-    // Update docgen if changed
-  }), index.default.string, index.default.shape({
-    content: index.default.node.isRequired,
-    breadcrumbContent: index.default.node,
-    asText: index.default.string.isRequired
-  })])
-};
-
-exports.PageHeaderTitle = PageHeaderTitle;

package/lib/components/PageHeader/PageHeaderUtils.d.ts

@@ -1,7 +0,0 @@
-export const blockClass: string;
-export function utilCheckUpdateVerticalSpace(headerRef: {}, offsetTopMeasuringRef: {}, navigation: object, enableBreadcrumbScroll: boolean, hasActionBar: boolean, widthIsNarrow: boolean, setMetrics: () => any): void;
-export function utilSetCollapsed(collapse: any, headerRef: any, headerOffset: any, headerTopValue: any): void;
-export function utilGetBreadcrumbItemForTitle(blockClass: any, collapseTitle: any, title: any): {
-    label: any;
-    title: any;
-} | undefined;

package/lib/components/PageHeader/PageHeaderUtils.js

@@ -1,196 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var React = require('react');
-var cx = require('classnames');
-var settings = require('../../settings.js');
-var scrollableAncestor = require('../../global/js/utils/scrollableAncestor.js');
-var react = require('@carbon/react');
-
-var _SkeletonText;
-const blockClass = `${settings.pkg.prefix}--page-header`;
-
-/**
- * Assesses the vertical height of various elements and calls setMetrics with update
- * @param {{}} headerRef
- * @param {{}} offsetTopMeasuringRef
- * @param {object} navigation
- * @param {boolean} enableBreadcrumbScroll
- * @param {boolean} hasActionBar
- * @param {boolean} widthIsNarrow
- * @param {()} setMetrics
- */
-const utilCheckUpdateVerticalSpace = (headerRef, offsetTopMeasuringRef, navigation, enableBreadcrumbScroll, hasActionBar, widthIsNarrow, setMetrics) => {
-  const dynamicRefs = {};
-  const getDynamicRef = selector => {
-    // would love to do this differently but digging in the dom seems easier
-    // than getting a ref to a conditionally rendered item
-    /* don't know how to test resize */
-    /* istanbul ignore if */
-    if (!headerRef.current) {
-      return undefined;
-    } else {
-      let dRef = dynamicRefs[selector];
-      /* istanbul ignore else */
-      if (!dRef || /* istanbul ignore next */dRef.parentNode === null) {
-        dynamicRefs[selector] = headerRef.current.querySelector(selector);
-      }
-    }
-    return dynamicRefs[selector];
-  };
-  setMetrics(previous => {
-    // Utility function that checks the heights of various elements which are used to determine layout
-    const update = {};
-    const breadcrumbTitleEl = getDynamicRef(`.${blockClass}__breadcrumb-title`);
-    const breadcrumbRowEl = getDynamicRef(`.${blockClass}__breadcrumb-row`);
-    const titleRowEl = getDynamicRef(`.${blockClass}__title-row`);
-    const subtitleRowEl = getDynamicRef(`.${blockClass}__subtitle-row`);
-    const availableRowEl = getDynamicRef(`.${blockClass}__available-row`);
-    const navigationRowEl = getDynamicRef(`.${blockClass}__navigation-row`);
-    const pageActionsEl = getDynamicRef(`.${blockClass}__page-actions`);
-
-    /* istanbul ignore next */
-    update.headerHeight = headerRef.current ? headerRef.current.clientHeight : 0;
-    /* istanbul ignore next */
-    update.headerWidth = headerRef.current ? headerRef.current.offsetWidth : 0;
-
-    // The header offset is the vertical distance from the top of the document to
-    // the page header, which we obtain using getBoundingClientRect() for robust
-    // behavior. We use this offset as the scroll/fixed threshold.
-    const scrollableContainer = scrollableAncestor.scrollableAncestor(headerRef.current);
-
-    /* istanbul ignore next */
-    const scrollableContainerTop = scrollableContainer ? scrollableContainer.getBoundingClientRect().top : 0;
-
-    /* istanbul ignore next */
-    const offsetMeasuringTop = offsetTopMeasuringRef.current ? offsetTopMeasuringRef.current.getBoundingClientRect().top : 0;
-
-    // The header offset calculation is either going to work out at 0 if we have no gap between scrolling container
-    // top and the measuring ref top, or the difference between.
-    update.headerOffset = offsetMeasuringTop !== 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
-
-    /* istanbul ignore next */
-    update.breadcrumbRowHeight = breadcrumbRowEl ? breadcrumbRowEl.clientHeight : 0;
-    /* istanbul ignore next */
-    update.breadcrumbRowWidth = breadcrumbRowEl ? breadcrumbRowEl.offsetWidth : 0;
-
-    /* istanbul ignore next */
-    update.breadcrumbTitleHeight = breadcrumbTitleEl ? breadcrumbTitleEl.offsetHeight // clientHeight returns 0 when window small
-    : 1;
-
-    /* istanbul ignore next */
-    update.titleRowHeight = titleRowEl ? titleRowEl.clientHeight : 0;
-    /* istanbul ignore next */
-    update.subtitleRowHeight = subtitleRowEl ? subtitleRowEl.clientHeight : 0;
-    /* istanbul ignore next */
-    update.availableRowHeight = availableRowEl ? availableRowEl.clientHeight : 0;
-    /* istanbul ignore next */
-    update.navigationRowHeight = navigationRowEl ? navigationRowEl.clientHeight : 1;
-
-    // Base for calculating sticky top
-    update.headerTopValue = -update.headerHeight;
-    if (navigation) {
-      // adjust top for sticky with navigation
-      update.headerTopValue += update.navigationRowHeight;
-    }
-    if (!enableBreadcrumbScroll || !navigation) {
-      // adjust sticky top if no navigation or breadcrumb is to stay on screen
-      update.headerTopValue += update.breadcrumbRowHeight;
-    }
-    if (enableBreadcrumbScroll) {
-      // adjust header top value when scroll enabled for breadcrumb
-      update.headerTopValue -= navigation ? hasActionBar ? 0 : 10 : update.headerHeight;
-    }
-
-    // if (window) {
-    let val;
-    /* don't know how to test resize */
-    /* istanbul ignore if */
-    if (breadcrumbRowEl) {
-      val = parseFloat(window.getComputedStyle(breadcrumbRowEl).getPropertyValue('margin-bottom'), 10);
-      update.breadcrumbRowSpaceBelow = isNaN(val) ? 0 : val;
-    }
-    /* don't know how to test resize */
-    /* istanbul ignore if */
-    if (titleRowEl) {
-      val = parseFloat(window.getComputedStyle(titleRowEl).getPropertyValue('margin-top'), 10);
-      update.titleRowSpaceAbove = isNaN(val) ? 0 : val;
-      if (pageActionsEl) {
-        val = parseFloat(window.getComputedStyle(pageActionsEl).getPropertyValue('margin-top'), 10);
-        update.pageActionsSpaceAbove = titleRowEl.clientHeight - pageActionsEl.clientHeight + update.titleRowSpaceAbove - (isNaN(val) ? 0 : val);
-      }
-    }
-    if (!hasActionBar && pageActionsEl) {
-      // adjust headerTopValue when there are no page actions or action bar items (margin above title row)
-      update.headerTopValue -= update.titleRowSpaceAbove;
-    }
-    return {
-      ...previous,
-      ...update
-    };
-  });
-};
-
-// Trigger a window scroll, if necessary, to set the collapsed state.
-const utilSetCollapsed = (collapse, headerRef, headerOffset, headerTopValue) => {
-  /* don't know how to test resize */
-  /* istanbul ignore else */
-  let scrollableTarget = scrollableAncestor.scrollableAncestor(headerRef.current);
-  if (collapse) {
-    scrollableTarget.scrollTo({
-      top: headerOffset - headerTopValue,
-      behavior: 'smooth'
-    });
-  } else {
-    scrollableTarget.scrollTo({
-      top: 0,
-      behavior: 'smooth'
-    });
-  }
-};
-const utilGetBreadcrumbItemForTitle = (blockClass, collapseTitle, title) => {
-  let breadcrumbTitle;
-  if (title) {
-    if (title.text !== undefined) {
-      // Shape title provided
-      breadcrumbTitle = {
-        label: title.loading ? _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(react.SkeletonText, null)) : title.text,
-        title: title.text
-      };
-    } else if (title.content !== undefined) {
-      // user defined content
-      breadcrumbTitle = {
-        label: title.breadcrumbContent ?? title.content ?? title.asText,
-        title: title.asText
-      };
-    } else {
-      breadcrumbTitle = {
-        label: title,
-        title
-      };
-    }
-    if (breadcrumbTitle) {
-      breadcrumbTitle.key = 'breadcrumb-title';
-      breadcrumbTitle.isCurrentPage = true;
-      breadcrumbTitle.href = '#';
-      breadcrumbTitle.className = cx([`${blockClass}__breadcrumb-title`, {
-        [`${blockClass}__breadcrumb-title--pre-collapsed`]: collapseTitle
-      }]);
-    }
-    if (title.shortTitle) {
-      breadcrumbTitle.shortTitle = title.shortTitle;
-    }
-    return breadcrumbTitle;
-  }
-};
-
-exports.blockClass = blockClass;
-exports.utilCheckUpdateVerticalSpace = utilCheckUpdateVerticalSpace;
-exports.utilGetBreadcrumbItemForTitle = utilGetBreadcrumbItemForTitle;
-exports.utilSetCollapsed = utilSetCollapsed;

package/lib/components/PageHeader/index.d.ts

@@ -1,2 +0,0 @@
-export { PageHeader } from './PageHeader';
-export type { PageHeaderProps } from './PageHeader';

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

@@ -1,292 +0,0 @@
-/**
- * Copyright IBM Corp. 2025, 2025
- *
- * 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, { type ComponentType, type FunctionComponent } from 'react';
-import { IconButtonProps, BreadcrumbItemProps, BreadcrumbProps } from '@carbon/react';
-/**
- * ----------
- * PageHeader
- * ----------
- */
-interface PageHeaderProps {
-    children?: React.ReactNode;
-    className?: string;
-}
-declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * -----------------------
- * PageHeaderBreadcrumbBar
- * -----------------------
- */
-interface PageHeaderBreadcrumbBarProps {
-    /**
-     * `true` by default to render BreadcrumbBar bottom border.
-     */
-    border?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    /**
-     * Provide an optional icon to render in front of the PageHeaderContent's title.
-     */
-    renderIcon?: ComponentType | FunctionComponent;
-    /**
-     * The PageHeaderBreadcrumbBar's content actions
-     */
-    contentActions?: React.ReactNode;
-    /**
-     * `true` to set content actions flush against page actions
-     */
-    contentActionsFlush?: boolean;
-    /**
-     * The PageHeaderContent's page actions
-     */
-    pageActions?: React.ReactNode;
-    /**
-     * `true` to set page actions flush with page
-     */
-    pageActionsFlush?: boolean;
-}
-declare const PageHeaderBreadcrumbBar: React.ForwardRefExoticComponent<PageHeaderBreadcrumbBarProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * -----------------
- * PageHeaderContent
- * -----------------
- */
-interface PageHeaderContentProps {
-    /**
-     * Provide child elements to be rendered inside PageHeaderContent.
-     */
-    children?: React.ReactNode;
-    /**
-     * Specify an optional className to be added to your PageHeaderContent
-     */
-    className?: string;
-    /**
-     * Provide an optional icon to render in front of the PageHeaderContent's title.
-     */
-    renderIcon?: ComponentType | FunctionComponent;
-    /**
-     * The PageHeaderContent's title
-     */
-    title: string;
-    /**
-     * The PageHeaderContent's contextual actions
-     */
-    contextualActions?: React.ReactNode;
-    /**
-     * The PageHeaderContent's page actions
-     */
-    pageActions?: React.ReactNode;
-}
-declare const PageHeaderContent: React.ForwardRefExoticComponent<PageHeaderContentProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * ----------------
- * PageHeaderContentPageActions
- * ----------------
- */
-interface PageHeaderContentPageActionsProps {
-    /**
-     * Provide child elements to be rendered inside PageHeaderContentPageActions.
-     */
-    children?: React.ReactNode;
-    /**
-     * Specify an optional className to be added to your PageHeaderContentPageActions
-     */
-    className?: string;
-    /**
-     * The PageHeaderContent's page actions collapsible Menu button label
-     */
-    menuButtonLabel?: string;
-    /**
-     * The PageHeaderContent's page actions
-     */
-    actions?: React.ReactNode;
-}
-declare const PageHeaderContentPageActions: {
-    ({ className, children, menuButtonLabel, actions, ...other }: PageHeaderContentPageActionsProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        /**
-         * The PageHeaderContent's page actions
-         */
-        actions: any;
-        /**
-         * Provide child elements to be rendered inside PageHeaderContentPageActions.
-         */
-        children: any;
-        /**
-         * Specify an optional className to be added to your PageHeaderContentPageActions
-         */
-        className: any;
-        /**
-         * The PageHeaderContent's collapsible Menu button label
-         */
-        menuButtonLabel: any;
-    };
-};
-/**
- * ----------------
- * PageHeaderContentText
- * ----------------
- */
-interface PageHeaderContentTextProps {
-    /**
-     * Provide child elements to be rendered inside PageHeaderContentText.
-     */
-    children?: React.ReactNode;
-    /**
-     * Specify an optional className to be added to your PageHeaderContentText
-     */
-    className?: string;
-    /**
-     * The PageHeaderContent's subtitle
-     */
-    subtitle?: string;
-}
-declare const PageHeaderContentText: {
-    ({ className, children, subtitle, ...other }: PageHeaderContentTextProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        /**
-         * Provide child elements to be rendered inside PageHeaderContentText.
-         */
-        children: any;
-        /**
-         * Specify an optional className to be added to your PageHeaderContentText
-         */
-        className: any;
-        /**
-         * The PageHeaderContent's subtitle
-         */
-        subtitle: any;
-    };
-};
-/**
- * ----------------
- * PageHeaderHeroImage
- * ----------------
- */
-interface PageHeaderHeroImageProps {
-    /**
-     * Provide child elements to be rendered inside PageHeaderHeroImage.
-     */
-    children?: React.ReactNode;
-    /**
-     * Specify an optional className to be added to your PageHeaderHeroImage
-     */
-    className?: string;
-}
-declare const PageHeaderHeroImage: {
-    ({ className, children, ...other }: PageHeaderHeroImageProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        /**
-         * Provide child elements to be rendered inside PageHeaderHeroImage.
-         */
-        children: any;
-        /**
-         * Specify an optional className to be added to your PageHeaderHeroImage
-         */
-        className: any;
-    };
-};
-/**
- * ----------------
- * PageHeaderTabBar
- * ----------------
- */
-interface PageHeaderTabBarProps {
-    children?: React.ReactNode;
-    className?: string;
-    tags?: React.ReactNode;
-    scroller?: React.ReactNode;
-}
-declare const PageHeaderTabBar: React.ForwardRefExoticComponent<PageHeaderTabBarProps & React.RefAttributes<HTMLDivElement>>;
-interface PageHeaderTagOverflowProps {
-    children: React.ReactNode;
-    renderOverflowTag?: (hiddenBreadcrumbs: HTMLElement[], handleOverflowClick: (event: React.MouseEvent) => void, openPopover: boolean) => React.ReactElement;
-    renderPopoverContent?: (hiddenBreadcrumbs: HTMLElement[]) => React.ReactElement;
-}
-declare const PageHeaderTagOverflow: React.ForwardRefExoticComponent<PageHeaderTagOverflowProps & React.RefAttributes<HTMLDivElement>>;
-interface PageHeaderScrollButtonProps extends IconButtonProps {
-    collapseText?: string;
-    expandText?: string;
-}
-declare const PageHeaderScrollButton: React.ForwardRefExoticComponent<PageHeaderScrollButtonProps & React.RefAttributes<HTMLDivElement>>;
-declare const PageHeaderTitleBreadcrumb: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
-interface PageHeaderBreadcrumbOverflowProps extends BreadcrumbProps {
-    renderOverflowBreadcrumb?: (hiddenBreadcrumbs: HTMLElement[]) => React.ReactElement<BreadcrumbItemProps>;
-}
-declare const PageHeaderBreadcrumbOverflow: React.ForwardRefExoticComponent<PageHeaderBreadcrumbOverflowProps & React.RefAttributes<HTMLElement>>;
-/**
- * -------
- * Exports
- * -------
- */
-declare const Root: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
-declare const BreadcrumbBar: React.ForwardRefExoticComponent<PageHeaderBreadcrumbBarProps & React.RefAttributes<HTMLDivElement>>;
-declare const Content: React.ForwardRefExoticComponent<PageHeaderContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContentPageActions: {
-    ({ className, children, menuButtonLabel, actions, ...other }: PageHeaderContentPageActionsProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        /**
-         * The PageHeaderContent's page actions
-         */
-        actions: any;
-        /**
-         * Provide child elements to be rendered inside PageHeaderContentPageActions.
-         */
-        children: any;
-        /**
-         * Specify an optional className to be added to your PageHeaderContentPageActions
-         */
-        className: any;
-        /**
-         * The PageHeaderContent's collapsible Menu button label
-         */
-        menuButtonLabel: any;
-    };
-};
-declare const ContentText: {
-    ({ className, children, subtitle, ...other }: PageHeaderContentTextProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        /**
-         * Provide child elements to be rendered inside PageHeaderContentText.
-         */
-        children: any;
-        /**
-         * Specify an optional className to be added to your PageHeaderContentText
-         */
-        className: any;
-        /**
-         * The PageHeaderContent's subtitle
-         */
-        subtitle: any;
-    };
-};
-declare const HeroImage: {
-    ({ className, children, ...other }: PageHeaderHeroImageProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        /**
-         * Provide child elements to be rendered inside PageHeaderHeroImage.
-         */
-        children: any;
-        /**
-         * Specify an optional className to be added to your PageHeaderHeroImage
-         */
-        className: any;
-    };
-};
-declare const TabBar: React.ForwardRefExoticComponent<PageHeaderTabBarProps & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollButton: React.ForwardRefExoticComponent<PageHeaderScrollButtonProps & React.RefAttributes<HTMLDivElement>>;
-declare const TitleBreadcrumb: React.ForwardRefExoticComponent<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 { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, PageHeaderScrollButtonProps, PageHeaderTagOverflowProps, };