@cloudscape-design/components 3.0.1383 → 3.0.1384

package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.js

@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useState } from 'react';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
+export function useOwnBreadcrumbsProps() {
+    const [breadcrumbs, setBreadcrumbs] = useState(null);
+    const reportOwnBreadcrumbsProps = useStableCallback((props) => {
+        setBreadcrumbs(props);
+        return {
+            update: setBreadcrumbs,
+            cleanup: () => setBreadcrumbs(null),
+        };
+    });
+    return { breadcrumbs, reportOwnBreadcrumbsProps };
+}
+//# sourceMappingURL=use-own-breadcrumbs-props.js.map

package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-own-breadcrumbs-props.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAKlF,MAAM,UAAU,sBAAsB;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IAElF,MAAM,yBAAyB,GAAG,iBAAiB,CACjD,CAAC,KAA2B,EAAuD,EAAE;QACnF,cAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,OAAO;YACL,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC;SACpC,CAAC;IACJ,CAAC,CACF,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,CAAC;AACpD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\n\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BreadcrumbGroupProps } from '../../../breadcrumb-group/interfaces';\nimport { BreadcrumbsGlobalRegistration } from '../../../internal/plugins/controllers/breadcrumbs';\n\nexport function useOwnBreadcrumbsProps() {\n  const [breadcrumbs, setBreadcrumbs] = useState<BreadcrumbGroupProps | null>(null);\n\n  const reportOwnBreadcrumbsProps = useStableCallback(\n    (props: BreadcrumbGroupProps): BreadcrumbsGlobalRegistration<BreadcrumbGroupProps> => {\n      setBreadcrumbs(props);\n\n      return {\n        update: setBreadcrumbs,\n        cleanup: () => setBreadcrumbs(null),\n      };\n    }\n  );\n\n  return { breadcrumbs, reportOwnBreadcrumbsProps };\n}\n"]}

package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { AppLayoutProps } from '../../interfaces';
 import { OnChangeParams } from '../../utils/use-drawers';
 import { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';
-import { AppLayoutInternals } from '../interfaces';
+import { AppLayoutInternals, AppLayoutWidgetizedState } from '../interfaces';
 import { FeatureNotificationsProps } from '../state/use-feature-notifications';
 import { SplitPanelToggleProps } from './drawer-triggers';
 export { SplitPanelToggleProps };
@@ -39,11 +39,15 @@ export interface ToolbarProps {
 }
 export interface AppLayoutToolbarImplementationProps {
   appLayoutInternals: AppLayoutInternals;
+  breadcrumbsExternallyOwned?: AppLayoutWidgetizedState['breadcrumbsExternallyOwned'];
+  reportOwnBreadcrumbsProps?: AppLayoutWidgetizedState['reportOwnBreadcrumbsProps'];
   toolbarProps: ToolbarProps;
   featureNotificationsProps?: FeatureNotificationsProps;
 }
 export declare function AppLayoutToolbarImplementation({
   appLayoutInternals,
+  breadcrumbsExternallyOwned,
+  reportOwnBreadcrumbsProps,
   toolbarProps,
   featureNotificationsProps
 }: AppLayoutToolbarImplementationProps): JSX.Element;

package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/toolbar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/toolbar/index.tsx"],"names":[],"mappings":"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"}

package/app-layout/visual-refresh-toolbar/toolbar/index.js

@@ -14,7 +14,7 @@ import TriggerButton from './trigger-button';
 import sharedStyles from '../../resize/styles.css.js';
 import testutilStyles from '../../test-classes/styles.css.js';
 import styles from './styles.css.js';
-export function AppLayoutToolbarImplementation({ appLayoutInternals, 
+export function AppLayoutToolbarImplementation({ appLayoutInternals, breadcrumbsExternallyOwned, reportOwnBreadcrumbsProps, 
 // the value could be undefined if this component is loaded as a widget by a different app layout version
 // not testable in a single-version setup
 toolbarProps = {}, featureNotificationsProps, }) {
@@ -87,7 +87,7 @@ toolbarProps = {}, featureNotificationsProps, }) {
                             onNavigationToggle === null || onNavigationToggle === void 0 ? void 0 : onNavigationToggle(!navigationOpen);
                         }, ref: navigationFocusRef, selected: !drawerExpandedMode && navigationOpen, disabled: anyPanelOpenInMobile })))),
             (breadcrumbs || discoveredBreadcrumbs) && (React.createElement(AppLayoutBuiltInErrorBoundary, { appLayoutPart: "breadcrumbs" },
-                React.createElement(ToolbarBreadcrumbsSection, { ownBreadcrumbs: appLayoutInternals.breadcrumbs, discoveredBreadcrumbs: appLayoutInternals.discoveredBreadcrumbs, includeTestUtils: true }))),
+                React.createElement(ToolbarBreadcrumbsSection, { ownBreadcrumbs: appLayoutInternals.breadcrumbs, discoveredBreadcrumbs: appLayoutInternals.discoveredBreadcrumbs, breadcrumbsExternallyOwned: breadcrumbsExternallyOwned, reportOwnBreadcrumbsProps: reportOwnBreadcrumbsProps, includeTestUtils: true }))),
             ((drawers === null || drawers === void 0 ? void 0 : drawers.length) ||
                 (globalDrawers === null || globalDrawers === void 0 ? void 0 : globalDrawers.length) ||
                 (bottomDrawers === null || bottomDrawers === void 0 ? void 0 : bottomDrawers.length) ||

package/app-layout/visual-refresh-toolbar/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/toolbar/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAKtE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAE5F,OAAO,EAAE,cAAc,EAAyB,MAAM,mBAAmB,CAAC;AAC1E,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAmDrC,MAAM,UAAU,8BAA8B,CAAC,EAC7C,kBAAkB;AAClB,yGAAyG;AACzG,yCAAyC;AACzC,YAAY,GAAG,EAAE,EACjB,yBAAyB,GACW;;IACpC,MAAM,EACJ,WAAW,EACX,qBAAqB,EACrB,eAAe,EACf,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,sBAAsB,GACvB,GAAG,kBAAkB,CAAC;IACvB,MAAM,EACJ,UAAU,EACV,cAAc,EACd,OAAO,EACP,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,aAAa,EACb,sBAAsB,EACtB,2BAA2B,EAC3B,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gCAAgC,EAChC,0BAA0B,EAC1B,qBAAqB,EACrB,aAAa,GACd,GAAG,YAAY,CAAC;IACjB,MAAM,kBAAkB,GAAG,CAAC,CAAC,gBAAgB,CAAC;IAC9C,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACtC,MAAM,qBAAqB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAC;IAC5C,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IACzE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,CAAC;QACF,sBAAsB;QACtB,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GACxB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,CAAC,cAAc;YACf,CAAC,CAAC,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,MAAM,CAAA;YAChC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,0BAA0B;YAC5B,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,oBAAoB,EAAE,CAAC;YACzB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC9D,CAAC;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,MAAM,qBAAqB,GAAG,cAAc;QAC1C,CAAC,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE;QAC1B,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,KAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC,EAAE;YACrF,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,EAAE,QAAQ;SACzC,CAAC,EACF,KAAK,EAAE;YACL,eAAe,EAAE,eAAe,CAAC,OAAO;SACzC;QAED,oBAAC,6BAA6B,IAAC,aAAa,EAAC,qBAAqB;YAChE,oBAAC,UAAU,IACT,EAAE,EAAE,CAAC,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,KAAI,CAAC,gBAAgB,CAAC,EAC9C,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAChC,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,IAAI,EACnB,OAAO,EAAE,qBAAqB,IAE7B,KAAK,CAAC,EAAE;;gBAAC,OAAA,CACR,6BACE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,UAAU,CAAA,IAAI,MAAM,CAAC,6BAA6B,CAAC,EAAE;wBACxF,YAAY,CAAC,wBAAwB,CAAC;qBACvC,CAAC,EACF,KAAK,EAAE;wBACL,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBACzD;oBAED,oBAAC,aAAa,IACZ,SAAS,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,0CAAE,aAAa,EAC9C,YAAY,EAAE,CAAC,CAAC,gBAAgB,EAChC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAE,QAAQ,EACrC,OAAO,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAE,OAAO,EACnC,SAAS,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAE,UAAU,EACxC,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,EAC7C,OAAO,EAAE,GAAG,EAAE;;4BACZ,IAAI,mBAAmB,EAAE,CAAC;gCACxB,mBAAmB,CAAC,IAAI,CAAC,CAAC;4BAC5B,CAAC;4BACD,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,mCAAI,IAAI,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC,CAAC;wBAClF,CAAC,EACD,GAAG,EAAE,gBAAgB,EACrB,QAAQ,EAAE,CAAC,kBAAkB,IAAI,CAAC,CAAC,gBAAgB,EACnD,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,UAAU,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC7D,MAAM,EAAE,4BAA4B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,EAAE,EAClD,yBAAyB,EAAE,IAAI,GAC/B,CACE,CACP,CAAA;aAAA,CACU,CACiB;QAChC,oBAAC,gBAAgB,IAAC,WAAW,EAAE,CAAC,CAAC,gBAAgB;YAC9C,aAAa,IAAI,CAChB,gCAAS,qBAAqB,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC;gBAC9E,oBAAC,6BAA6B,IAAC,aAAa,EAAC,qBAAqB;oBAChE,oBAAC,aAAa,IACZ,SAAS,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,mCAAI,SAAS,EACpD,YAAY,EAAE,CAAC,kBAAkB,IAAI,cAAc,EACnD,QAAQ,EAAC,MAAM,EACf,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC,EAC9C,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,mBAAmB,EAAE,CAAC;gCACxB,mBAAmB,CAAC,IAAI,CAAC,CAAC;4BAC5B,CAAC;4BACD,IAAI,cAAc,IAAI,gBAAgB,EAAE,CAAC;gCACvC,OAAO;4BACT,CAAC;4BACD,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,CAAC,cAAc,CAAC,CAAC;wBACxC,CAAC,EACD,GAAG,EAAE,kBAAkB,EACvB,QAAQ,EAAE,CAAC,kBAAkB,IAAI,cAAc,EAC/C,QAAQ,EAAE,oBAAoB,GAC9B,CAC4B,CAC5B,CACP;YACA,CAAC,WAAW,IAAI,qBAAqB,CAAC,IAAI,CACzC,oBAAC,6BAA6B,IAAC,aAAa,EAAC,aAAa;gBACxD,oBAAC,yBAAyB,IACxB,cAAc,EAAE,kBAAkB,CAAC,WAAW,EAC9C,qBAAqB,EAAE,kBAAkB,CAAC,qBAAqB,EAC/D,gBAAgB,EAAE,IAAI,GACtB,CAC4B,CACjC;YACA,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM;iBACf,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAA;iBACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAA;gBACrB,CAAC,aAAa,KAAI,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,CAAA,CAAC,CAAC,IAAI,CACxD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC;gBACvD,oBAAC,6BAA6B,IAAC,aAAa,EAAC,kBAAkB;oBAC7D,oBAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,IAAI,EACtC,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,mCAAI,EAAE,EACtD,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,EAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EAC3F,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,oBAAoB,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,mCAAI,EAAE,EAClE,sBAAsB,EAAE,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,EAAE,EACpD,2BAA2B,EAAE,2BAA2B,EACxD,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAoB,EACzC,aAAa,EAAE,aAAa,EAC5B,gCAAgC,EAAE,gCAAgC,EAClE,0BAA0B,EAAE,0BAA0B,EACtD,yBAAyB,EAAE,yBAAyB,GACpD,CAC4B,CAC5B,CACP,CACgB,CACP,CACf,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,8BAA8B,EAAE,eAAe,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { AppLayoutInternals } from '../interfaces';\nimport { ToolbarSkeleton } from '../skeleton/skeleton-parts';\nimport { ToolbarSlot } from '../skeleton/slots';\nimport { ToolbarBreadcrumbsSection, ToolbarContainer } from '../skeleton/toolbar-container';\nimport { FeatureNotificationsProps } from '../state/use-feature-notifications';\nimport { DrawerTriggers, SplitPanelToggleProps } from './drawer-triggers';\nimport TriggerButton from './trigger-button';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { SplitPanelToggleProps };\n\nexport interface ToolbarProps {\n  ariaLabels?: AppLayoutProps.Labels;\n  // navigation\n  hasNavigation?: boolean;\n  navigationOpen?: boolean;\n  navigationCollapsible?: boolean;\n  onNavigationToggle?: (open: boolean) => void;\n  navigationFocusRef?: React.Ref<Focusable>;\n\n  // breadcrumbs\n  hasBreadcrumbsPortal?: boolean;\n\n  // split panel\n  hasSplitPanel?: boolean;\n  splitPanelToggleProps?: SplitPanelToggleProps;\n  splitPanelFocusRef?: React.Ref<Focusable>;\n  onSplitPanelToggle?: () => void;\n\n  // drawers\n  activeDrawerId?: string | null;\n  drawers?: ReadonlyArray<AppLayoutProps.Drawer>;\n  drawersFocusRef?: React.Ref<Focusable>;\n  bottomDrawersFocusRef?: React.Ref<Focusable>;\n  globalDrawersFocusControl?: FocusControlMultipleStates;\n  onActiveDrawerChange?: (drawerId: string | null, params: OnChangeParams) => void;\n  globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalDrawersIds?: ReadonlyArray<string>;\n  onActiveGlobalDrawersChange?: ((drawerId: string, params: OnChangeParams) => void) | undefined;\n  bottomDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalBottomDrawerId?: string | null;\n  onActiveGlobalBottomDrawerChange?: (value: string | null, params: OnChangeParams) => void;\n\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId?: (value: string | null) => void;\n\n  aiDrawer?: AppLayoutProps.Drawer;\n  onActiveAiDrawerChange?: (value: string | null) => void;\n  activeAiDrawerId?: string | null;\n  aiDrawerFocusRef?: React.Ref<Focusable>;\n}\n\nexport interface AppLayoutToolbarImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  toolbarProps: ToolbarProps;\n  featureNotificationsProps?: FeatureNotificationsProps;\n}\n\nexport function AppLayoutToolbarImplementation({\n  appLayoutInternals,\n  // the value could be undefined if this component is loaded as a widget by a different app layout version\n  // not testable in a single-version setup\n  toolbarProps = {},\n  featureNotificationsProps,\n}: AppLayoutToolbarImplementationProps) {\n  const {\n    breadcrumbs,\n    discoveredBreadcrumbs,\n    verticalOffsets,\n    isMobile,\n    setToolbarHeight,\n    aiDrawer,\n    activeAiDrawer,\n    onActiveAiDrawerChange,\n  } = appLayoutInternals;\n  const {\n    ariaLabels,\n    activeDrawerId,\n    drawers,\n    drawersFocusRef,\n    onActiveDrawerChange,\n    globalDrawersFocusControl,\n    globalDrawers,\n    activeGlobalDrawersIds,\n    onActiveGlobalDrawersChange,\n    hasNavigation,\n    navigationOpen,\n    navigationFocusRef,\n    onNavigationToggle,\n    hasSplitPanel,\n    splitPanelFocusRef,\n    splitPanelToggleProps,\n    onSplitPanelToggle,\n    expandedDrawerId,\n    setExpandedDrawerId,\n    aiDrawerFocusRef,\n    onActiveGlobalBottomDrawerChange,\n    activeGlobalBottomDrawerId,\n    bottomDrawersFocusRef,\n    bottomDrawers,\n  } = toolbarProps;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const ref = useRef<HTMLElement>(null);\n  const aiDrawerTransitionRef = useRef<HTMLDivElement>(null);\n  const activeAiDrawerId = activeAiDrawer?.id;\n  useResizeObserver(ref, entry => setToolbarHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    return () => {\n      setToolbarHeight(0);\n    };\n    // unmount effect only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const anyPanelOpenInMobile =\n    !!isMobile &&\n    (!!activeDrawerId ||\n      !!activeGlobalDrawersIds?.length ||\n      !!activeAiDrawerId ||\n      !!activeGlobalBottomDrawerId ||\n      (!!navigationOpen && !!hasNavigation));\n  useEffect(() => {\n    if (anyPanelOpenInMobile) {\n      document.body.classList.add(styles['block-body-scroll']);\n    } else {\n      document.body.classList.remove(styles['block-body-scroll']);\n    }\n    return () => {\n      document.body.classList.remove(styles['block-body-scroll']);\n    };\n  }, [anyPanelOpenInMobile]);\n\n  const navLandmarkAttributes = navigationOpen\n    ? { role: 'presentation' }\n    : { role: 'navigation', 'aria-label': ariaLabels?.navigation };\n\n  return (\n    <ToolbarSlot\n      ref={ref}\n      className={clsx((aiDrawer?.trigger || !!activeAiDrawerId) && styles['with-ai-drawer'], {\n        [testutilStyles['mobile-bar']]: isMobile,\n      })}\n      style={{\n        insetBlockStart: verticalOffsets.toolbar,\n      }}\n    >\n      <AppLayoutBuiltInErrorBoundary appLayoutPart=\"left-drawer-trigger\">\n        <Transition\n          in={!!(aiDrawer?.trigger && !activeAiDrawerId)}\n          timeout={{ enter: 0, exit: 165 }}\n          mountOnEnter={true}\n          unmountOnExit={true}\n          nodeRef={aiDrawerTransitionRef}\n        >\n          {state => (\n            <div\n              className={clsx(!!aiDrawer?.trigger?.customIcon && styles['universal-toolbar-ai-custom'], [\n                sharedStyles['with-motion-horizontal'],\n              ])}\n              style={{\n                opacity: ['entering', 'exiting'].includes(state) ? 0 : 1,\n              }}\n            >\n              <TriggerButton\n                ariaLabel={aiDrawer?.ariaLabels?.triggerButton}\n                ariaExpanded={!!activeAiDrawerId}\n                iconName={aiDrawer?.trigger!.iconName}\n                iconSvg={aiDrawer?.trigger!.iconSvg}\n                customSvg={aiDrawer?.trigger!.customIcon}\n                className={testutilStyles['ai-drawer-toggle']}\n                onClick={() => {\n                  if (setExpandedDrawerId) {\n                    setExpandedDrawerId(null);\n                  }\n                  onActiveAiDrawerChange?.(aiDrawer?.id ?? null, { initiatedByUserAction: true });\n                }}\n                ref={aiDrawerFocusRef}\n                selected={!drawerExpandedMode && !!activeAiDrawerId}\n                disabled={anyPanelOpenInMobile}\n                variant={aiDrawer?.trigger?.customIcon ? 'custom' : 'default'}\n                testId={`awsui-app-layout-trigger-${aiDrawer?.id}`}\n                isForPreviousActiveDrawer={true}\n              />\n            </div>\n          )}\n        </Transition>\n      </AppLayoutBuiltInErrorBoundary>\n      <ToolbarContainer hasAiDrawer={!!activeAiDrawerId}>\n        {hasNavigation && (\n          <nav {...navLandmarkAttributes} className={clsx(styles['universal-toolbar-nav'])}>\n            <AppLayoutBuiltInErrorBoundary appLayoutPart=\"toolbar-trigger-nav\">\n              <TriggerButton\n                ariaLabel={ariaLabels?.navigationToggle ?? undefined}\n                ariaExpanded={!drawerExpandedMode && navigationOpen}\n                iconName=\"menu\"\n                className={testutilStyles['navigation-toggle']}\n                onClick={() => {\n                  if (setExpandedDrawerId) {\n                    setExpandedDrawerId(null);\n                  }\n                  if (navigationOpen && expandedDrawerId) {\n                    return;\n                  }\n                  onNavigationToggle?.(!navigationOpen);\n                }}\n                ref={navigationFocusRef}\n                selected={!drawerExpandedMode && navigationOpen}\n                disabled={anyPanelOpenInMobile}\n              />\n            </AppLayoutBuiltInErrorBoundary>\n          </nav>\n        )}\n        {(breadcrumbs || discoveredBreadcrumbs) && (\n          <AppLayoutBuiltInErrorBoundary appLayoutPart=\"breadcrumbs\">\n            <ToolbarBreadcrumbsSection\n              ownBreadcrumbs={appLayoutInternals.breadcrumbs}\n              discoveredBreadcrumbs={appLayoutInternals.discoveredBreadcrumbs}\n              includeTestUtils={true}\n            />\n          </AppLayoutBuiltInErrorBoundary>\n        )}\n        {(drawers?.length ||\n          globalDrawers?.length ||\n          bottomDrawers?.length ||\n          (hasSplitPanel && splitPanelToggleProps?.displayed)) && (\n          <div className={clsx(styles['universal-toolbar-drawers'])}>\n            <AppLayoutBuiltInErrorBoundary appLayoutPart=\"toolbar-triggers\">\n              <DrawerTriggers\n                ariaLabels={ariaLabels}\n                activeDrawerId={activeDrawerId ?? null}\n                drawers={drawers?.filter(item => !!item.trigger) ?? []}\n                drawersFocusRef={drawersFocusRef}\n                onActiveDrawerChange={onActiveDrawerChange}\n                splitPanelToggleProps={splitPanelToggleProps?.displayed ? splitPanelToggleProps : undefined}\n                splitPanelFocusRef={splitPanelFocusRef}\n                onSplitPanelToggle={onSplitPanelToggle}\n                disabled={anyPanelOpenInMobile}\n                globalDrawersFocusControl={globalDrawersFocusControl}\n                bottomDrawersFocusRef={bottomDrawersFocusRef}\n                globalDrawers={globalDrawers?.filter(item => !!item.trigger) ?? []}\n                activeGlobalDrawersIds={activeGlobalDrawersIds ?? []}\n                onActiveGlobalDrawersChange={onActiveGlobalDrawersChange}\n                expandedDrawerId={expandedDrawerId}\n                setExpandedDrawerId={setExpandedDrawerId!}\n                bottomDrawers={bottomDrawers}\n                onActiveGlobalBottomDrawerChange={onActiveGlobalBottomDrawerChange}\n                activeGlobalBottomDrawerId={activeGlobalBottomDrawerId}\n                featureNotificationsProps={featureNotificationsProps}\n              />\n            </AppLayoutBuiltInErrorBoundary>\n          </div>\n        )}\n      </ToolbarContainer>\n    </ToolbarSlot>\n  );\n}\n\nexport const AppLayoutToolbar = createWidgetizedComponent(AppLayoutToolbarImplementation, ToolbarSkeleton);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/toolbar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { AppLayoutInternals, AppLayoutWidgetizedState } from '../interfaces';\nimport { ToolbarSkeleton } from '../skeleton/skeleton-parts';\nimport { ToolbarSlot } from '../skeleton/slots';\nimport { ToolbarBreadcrumbsSection, ToolbarContainer } from '../skeleton/toolbar-container';\nimport { FeatureNotificationsProps } from '../state/use-feature-notifications';\nimport { DrawerTriggers, SplitPanelToggleProps } from './drawer-triggers';\nimport TriggerButton from './trigger-button';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { SplitPanelToggleProps };\n\nexport interface ToolbarProps {\n  ariaLabels?: AppLayoutProps.Labels;\n  // navigation\n  hasNavigation?: boolean;\n  navigationOpen?: boolean;\n  navigationCollapsible?: boolean;\n  onNavigationToggle?: (open: boolean) => void;\n  navigationFocusRef?: React.Ref<Focusable>;\n\n  // breadcrumbs\n  hasBreadcrumbsPortal?: boolean;\n\n  // split panel\n  hasSplitPanel?: boolean;\n  splitPanelToggleProps?: SplitPanelToggleProps;\n  splitPanelFocusRef?: React.Ref<Focusable>;\n  onSplitPanelToggle?: () => void;\n\n  // drawers\n  activeDrawerId?: string | null;\n  drawers?: ReadonlyArray<AppLayoutProps.Drawer>;\n  drawersFocusRef?: React.Ref<Focusable>;\n  bottomDrawersFocusRef?: React.Ref<Focusable>;\n  globalDrawersFocusControl?: FocusControlMultipleStates;\n  onActiveDrawerChange?: (drawerId: string | null, params: OnChangeParams) => void;\n  globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalDrawersIds?: ReadonlyArray<string>;\n  onActiveGlobalDrawersChange?: ((drawerId: string, params: OnChangeParams) => void) | undefined;\n  bottomDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalBottomDrawerId?: string | null;\n  onActiveGlobalBottomDrawerChange?: (value: string | null, params: OnChangeParams) => void;\n\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId?: (value: string | null) => void;\n\n  aiDrawer?: AppLayoutProps.Drawer;\n  onActiveAiDrawerChange?: (value: string | null) => void;\n  activeAiDrawerId?: string | null;\n  aiDrawerFocusRef?: React.Ref<Focusable>;\n}\n\nexport interface AppLayoutToolbarImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  breadcrumbsExternallyOwned?: AppLayoutWidgetizedState['breadcrumbsExternallyOwned'];\n  reportOwnBreadcrumbsProps?: AppLayoutWidgetizedState['reportOwnBreadcrumbsProps'];\n  toolbarProps: ToolbarProps;\n  featureNotificationsProps?: FeatureNotificationsProps;\n}\n\nexport function AppLayoutToolbarImplementation({\n  appLayoutInternals,\n  breadcrumbsExternallyOwned,\n  reportOwnBreadcrumbsProps,\n  // the value could be undefined if this component is loaded as a widget by a different app layout version\n  // not testable in a single-version setup\n  toolbarProps = {},\n  featureNotificationsProps,\n}: AppLayoutToolbarImplementationProps) {\n  const {\n    breadcrumbs,\n    discoveredBreadcrumbs,\n    verticalOffsets,\n    isMobile,\n    setToolbarHeight,\n    aiDrawer,\n    activeAiDrawer,\n    onActiveAiDrawerChange,\n  } = appLayoutInternals;\n  const {\n    ariaLabels,\n    activeDrawerId,\n    drawers,\n    drawersFocusRef,\n    onActiveDrawerChange,\n    globalDrawersFocusControl,\n    globalDrawers,\n    activeGlobalDrawersIds,\n    onActiveGlobalDrawersChange,\n    hasNavigation,\n    navigationOpen,\n    navigationFocusRef,\n    onNavigationToggle,\n    hasSplitPanel,\n    splitPanelFocusRef,\n    splitPanelToggleProps,\n    onSplitPanelToggle,\n    expandedDrawerId,\n    setExpandedDrawerId,\n    aiDrawerFocusRef,\n    onActiveGlobalBottomDrawerChange,\n    activeGlobalBottomDrawerId,\n    bottomDrawersFocusRef,\n    bottomDrawers,\n  } = toolbarProps;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const ref = useRef<HTMLElement>(null);\n  const aiDrawerTransitionRef = useRef<HTMLDivElement>(null);\n  const activeAiDrawerId = activeAiDrawer?.id;\n  useResizeObserver(ref, entry => setToolbarHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    return () => {\n      setToolbarHeight(0);\n    };\n    // unmount effect only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const anyPanelOpenInMobile =\n    !!isMobile &&\n    (!!activeDrawerId ||\n      !!activeGlobalDrawersIds?.length ||\n      !!activeAiDrawerId ||\n      !!activeGlobalBottomDrawerId ||\n      (!!navigationOpen && !!hasNavigation));\n  useEffect(() => {\n    if (anyPanelOpenInMobile) {\n      document.body.classList.add(styles['block-body-scroll']);\n    } else {\n      document.body.classList.remove(styles['block-body-scroll']);\n    }\n    return () => {\n      document.body.classList.remove(styles['block-body-scroll']);\n    };\n  }, [anyPanelOpenInMobile]);\n\n  const navLandmarkAttributes = navigationOpen\n    ? { role: 'presentation' }\n    : { role: 'navigation', 'aria-label': ariaLabels?.navigation };\n\n  return (\n    <ToolbarSlot\n      ref={ref}\n      className={clsx((aiDrawer?.trigger || !!activeAiDrawerId) && styles['with-ai-drawer'], {\n        [testutilStyles['mobile-bar']]: isMobile,\n      })}\n      style={{\n        insetBlockStart: verticalOffsets.toolbar,\n      }}\n    >\n      <AppLayoutBuiltInErrorBoundary appLayoutPart=\"left-drawer-trigger\">\n        <Transition\n          in={!!(aiDrawer?.trigger && !activeAiDrawerId)}\n          timeout={{ enter: 0, exit: 165 }}\n          mountOnEnter={true}\n          unmountOnExit={true}\n          nodeRef={aiDrawerTransitionRef}\n        >\n          {state => (\n            <div\n              className={clsx(!!aiDrawer?.trigger?.customIcon && styles['universal-toolbar-ai-custom'], [\n                sharedStyles['with-motion-horizontal'],\n              ])}\n              style={{\n                opacity: ['entering', 'exiting'].includes(state) ? 0 : 1,\n              }}\n            >\n              <TriggerButton\n                ariaLabel={aiDrawer?.ariaLabels?.triggerButton}\n                ariaExpanded={!!activeAiDrawerId}\n                iconName={aiDrawer?.trigger!.iconName}\n                iconSvg={aiDrawer?.trigger!.iconSvg}\n                customSvg={aiDrawer?.trigger!.customIcon}\n                className={testutilStyles['ai-drawer-toggle']}\n                onClick={() => {\n                  if (setExpandedDrawerId) {\n                    setExpandedDrawerId(null);\n                  }\n                  onActiveAiDrawerChange?.(aiDrawer?.id ?? null, { initiatedByUserAction: true });\n                }}\n                ref={aiDrawerFocusRef}\n                selected={!drawerExpandedMode && !!activeAiDrawerId}\n                disabled={anyPanelOpenInMobile}\n                variant={aiDrawer?.trigger?.customIcon ? 'custom' : 'default'}\n                testId={`awsui-app-layout-trigger-${aiDrawer?.id}`}\n                isForPreviousActiveDrawer={true}\n              />\n            </div>\n          )}\n        </Transition>\n      </AppLayoutBuiltInErrorBoundary>\n      <ToolbarContainer hasAiDrawer={!!activeAiDrawerId}>\n        {hasNavigation && (\n          <nav {...navLandmarkAttributes} className={clsx(styles['universal-toolbar-nav'])}>\n            <AppLayoutBuiltInErrorBoundary appLayoutPart=\"toolbar-trigger-nav\">\n              <TriggerButton\n                ariaLabel={ariaLabels?.navigationToggle ?? undefined}\n                ariaExpanded={!drawerExpandedMode && navigationOpen}\n                iconName=\"menu\"\n                className={testutilStyles['navigation-toggle']}\n                onClick={() => {\n                  if (setExpandedDrawerId) {\n                    setExpandedDrawerId(null);\n                  }\n                  if (navigationOpen && expandedDrawerId) {\n                    return;\n                  }\n                  onNavigationToggle?.(!navigationOpen);\n                }}\n                ref={navigationFocusRef}\n                selected={!drawerExpandedMode && navigationOpen}\n                disabled={anyPanelOpenInMobile}\n              />\n            </AppLayoutBuiltInErrorBoundary>\n          </nav>\n        )}\n        {(breadcrumbs || discoveredBreadcrumbs) && (\n          <AppLayoutBuiltInErrorBoundary appLayoutPart=\"breadcrumbs\">\n            <ToolbarBreadcrumbsSection\n              ownBreadcrumbs={appLayoutInternals.breadcrumbs}\n              discoveredBreadcrumbs={appLayoutInternals.discoveredBreadcrumbs}\n              breadcrumbsExternallyOwned={breadcrumbsExternallyOwned}\n              reportOwnBreadcrumbsProps={reportOwnBreadcrumbsProps}\n              includeTestUtils={true}\n            />\n          </AppLayoutBuiltInErrorBoundary>\n        )}\n        {(drawers?.length ||\n          globalDrawers?.length ||\n          bottomDrawers?.length ||\n          (hasSplitPanel && splitPanelToggleProps?.displayed)) && (\n          <div className={clsx(styles['universal-toolbar-drawers'])}>\n            <AppLayoutBuiltInErrorBoundary appLayoutPart=\"toolbar-triggers\">\n              <DrawerTriggers\n                ariaLabels={ariaLabels}\n                activeDrawerId={activeDrawerId ?? null}\n                drawers={drawers?.filter(item => !!item.trigger) ?? []}\n                drawersFocusRef={drawersFocusRef}\n                onActiveDrawerChange={onActiveDrawerChange}\n                splitPanelToggleProps={splitPanelToggleProps?.displayed ? splitPanelToggleProps : undefined}\n                splitPanelFocusRef={splitPanelFocusRef}\n                onSplitPanelToggle={onSplitPanelToggle}\n                disabled={anyPanelOpenInMobile}\n                globalDrawersFocusControl={globalDrawersFocusControl}\n                bottomDrawersFocusRef={bottomDrawersFocusRef}\n                globalDrawers={globalDrawers?.filter(item => !!item.trigger) ?? []}\n                activeGlobalDrawersIds={activeGlobalDrawersIds ?? []}\n                onActiveGlobalDrawersChange={onActiveGlobalDrawersChange}\n                expandedDrawerId={expandedDrawerId}\n                setExpandedDrawerId={setExpandedDrawerId!}\n                bottomDrawers={bottomDrawers}\n                onActiveGlobalBottomDrawerChange={onActiveGlobalBottomDrawerChange}\n                activeGlobalBottomDrawerId={activeGlobalBottomDrawerId}\n                featureNotificationsProps={featureNotificationsProps}\n              />\n            </AppLayoutBuiltInErrorBoundary>\n          </div>\n        )}\n      </ToolbarContainer>\n    </ToolbarSlot>\n  );\n}\n\nexport const AppLayoutToolbar = createWidgetizedComponent(AppLayoutToolbarImplementation, ToolbarSkeleton);\n"]}

package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js

@@ -1,19 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_ktt4z_13",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_ktt4z_32",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_ktt4z_71",
-  "toolbar-container": "awsui_toolbar-container_1kzri_ktt4z_124",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_ktt4z_144",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_ktt4z_149",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_ktt4z_158",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_ktt4z_166",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_ktt4z_167",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_ktt4z_209",
-  "group-divider": "awsui_group-divider_1kzri_ktt4z_219",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_ktt4z_209",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_ktt4z_232"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_7i1bc_13",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_7i1bc_32",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_7i1bc_71",
+  "toolbar-container": "awsui_toolbar-container_1kzri_7i1bc_124",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_7i1bc_144",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_7i1bc_149",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_7i1bc_158",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_7i1bc_166",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_7i1bc_167",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_7i1bc_209",
+  "group-divider": "awsui_group-divider_1kzri_7i1bc_219",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_7i1bc_209",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_7i1bc_232",
+  "external-breadcrumbs": "awsui_external-breadcrumbs_1kzri_7i1bc_236"
 };
   

package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css

@@ -10,7 +10,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_universal-toolbar_1kzri_ktt4z_13:not(#\9) {
+.awsui_universal-toolbar_1kzri_7i1bc_13:not(#\9) {
   background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
   box-sizing: border-box;
   position: sticky;
@@ -20,16 +20,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_ktt4z_13:not(#\9) {
+  .awsui_universal-toolbar_1kzri_7i1bc_13:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_ktt4z_13:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_ktt4z_13:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_7i1bc_13:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_7i1bc_13:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):before, .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after {
+.awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):before, .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -46,32 +46,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   */
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):before, .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after {
+  .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):before, .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after {
     inset-block-start: 42px;
     inline-size: var(--border-divider-section-width-dlkb8v, 1px);
     block-size: calc(100vh - 42px);
     background: var(--color-border-layout-h5yp20, #c6c6cd);
   }
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after {
+.awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after {
   background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
   border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after {
+  .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32)):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13.awsui_disable-body-scroll_1kzri_ktt4z_71:not(#\9) {
+.awsui_universal-toolbar_1kzri_7i1bc_13.awsui_disable-body-scroll_1kzri_7i1bc_71:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9) {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9) {
   grid-column: 1;
   position: relative;
   display: flex;
@@ -93,14 +93,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-layout-ai-drawer-u8ll44, #161d26);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9) {
+  .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9) {
     block-size: 100%;
   }
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):before, .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):after {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):before, .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -110,18 +110,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-layout-ai-drawer-u8ll44, #161d26);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):before, .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):after {
+  .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):before, .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32:not(#\9):after {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32:not(#\9):after {
   background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
   border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124:not(#\9) {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
@@ -130,32 +130,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 1fr;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124:not(#\9) {
+  .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124:not(#\9) {
     border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #c6c6cd);
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124.awsui_with-ai-drawer_1kzri_ktt4z_32:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124.awsui_with-ai-drawer_1kzri_7i1bc_32:not(#\9) {
     border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
     border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #c6c6cd);
   }
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124 > .awsui_universal-toolbar-nav_1kzri_ktt4z_144:not(#\9) {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124 > .awsui_universal-toolbar-nav_1kzri_7i1bc_144:not(#\9) {
   grid-column: 2;
   padding-inline-start: var(--space-s-kll7oj, 12px);
   padding-inline-end: var(--space-static-xxs-vzto3j, 4px);
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_ktt4z_149:not(#\9) {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_7i1bc_149:not(#\9) {
   grid-column: 3;
   padding-inline: var(--space-static-xs-789l1l, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_ktt4z_149:not(#\9):first-child {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_7i1bc_149:not(#\9):first-child {
   padding-inline: calc(var(--space-static-xs-789l1l, 8px) + var(--space-static-m-0gdnhk, 16px));
 }
-.awsui_universal-toolbar_1kzri_ktt4z_13 > .awsui_toolbar-container_1kzri_ktt4z_124 > .awsui_universal-toolbar-drawers_1kzri_ktt4z_158:not(#\9) {
+.awsui_universal-toolbar_1kzri_7i1bc_13 > .awsui_toolbar-container_1kzri_7i1bc_124 > .awsui_universal-toolbar-drawers_1kzri_7i1bc_158:not(#\9) {
   grid-column: 4;
   column-gap: var(--space-static-xs-789l1l, 8px);
   display: flex;
@@ -163,8 +163,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
 }
 
-.awsui_drawers-desktop-triggers-container_1kzri_ktt4z_166:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_ktt4z_167:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_7i1bc_166:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_7i1bc_167:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_drawers-trigger-content_1kzri_ktt4z_209:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_7i1bc_209:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
@@ -216,19 +216,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
 
-.awsui_group-divider_1kzri_ktt4z_219:not(#\9) {
+.awsui_group-divider_1kzri_7i1bc_219:not(#\9) {
   border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
   block-size: 60%;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_ktt4z_209:not(#\9) {
+  .awsui_drawers-trigger_1kzri_7i1bc_209:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
 
-.awsui_block-body-scroll_1kzri_ktt4z_232:not(#\9) {
+.awsui_block-body-scroll_1kzri_7i1bc_232:not(#\9) {
   overflow: hidden;
+}
+
+.awsui_external-breadcrumbs_1kzri_7i1bc_236:not(#\9) {
+  display: none;
 }

package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js

@@ -2,19 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_ktt4z_13",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_ktt4z_32",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_ktt4z_32",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_ktt4z_71",
-  "toolbar-container": "awsui_toolbar-container_1kzri_ktt4z_124",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_ktt4z_144",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_ktt4z_149",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_ktt4z_158",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_ktt4z_166",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_ktt4z_167",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_ktt4z_209",
-  "group-divider": "awsui_group-divider_1kzri_ktt4z_219",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_ktt4z_209",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_ktt4z_232"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_7i1bc_13",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_7i1bc_32",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_7i1bc_32",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_7i1bc_71",
+  "toolbar-container": "awsui_toolbar-container_1kzri_7i1bc_124",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_7i1bc_144",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_7i1bc_149",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_7i1bc_158",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_7i1bc_166",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_7i1bc_167",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_7i1bc_209",
+  "group-divider": "awsui_group-divider_1kzri_7i1bc_219",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_7i1bc_209",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_7i1bc_232",
+  "external-breadcrumbs": "awsui_external-breadcrumbs_1kzri_7i1bc_236"
 };
   

package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"before-main-slot.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,eAAO,MAAM,oCAAoC,GAAI,mDAIlD,iBAAiB,gBAoHnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,iBAAiB,gBAIpE,CAAC;AAEF,eAAO,MAAM,uCAAuC,qBANA,iBAAiB,0CAAjB,iBAAiB,gBASpE,CAAC"}
+{"version":3,"file":"before-main-slot.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,eAAO,MAAM,oCAAoC,GAAI,mDAIlD,iBAAiB,gBAwHnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,iBAAiB,gBAIpE,CAAC;AAEF,eAAO,MAAM,uCAAuC,qBANA,iBAAiB,0CAAjB,iBAAiB,gBASpE,CAAC"}

package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js

@@ -18,14 +18,14 @@ export const BeforeMainSlotImplementationInternal = ({ toolbarProps, appLayoutSt
     if (!isWidgetReady(appLayoutState)) {
         return (React.createElement(BeforeMainSlotSkeleton, { toolbarProps: toolbarProps, appLayoutProps: appLayoutProps, appLayoutState: appLayoutState }));
     }
-    const { activeDrawer, navigationOpen, navigationCollapsible, navigation, expandedDrawerId, setExpandedDrawerId, navigationAnimationDisabled, activeAiDrawerId, aiDrawerExpandedMode, aiDrawer, activeAiDrawerSize, minAiDrawerSize, maxAiDrawerSize, onActiveAiDrawerResize, aiDrawerFocusControl, ariaLabels, isMobile, drawersOpenQueue, onActiveAiDrawerChange, activeAiDrawer, bottomDrawerReportedSize, featureNotificationsProps, } = appLayoutState.widgetizedState;
+    const { activeDrawer, navigationOpen, navigationCollapsible, navigation, expandedDrawerId, setExpandedDrawerId, navigationAnimationDisabled, activeAiDrawerId, aiDrawerExpandedMode, aiDrawer, activeAiDrawerSize, minAiDrawerSize, maxAiDrawerSize, onActiveAiDrawerResize, aiDrawerFocusControl, ariaLabels, isMobile, drawersOpenQueue, onActiveAiDrawerChange, activeAiDrawer, bottomDrawerReportedSize, featureNotificationsProps, breadcrumbsExternallyOwned, reportOwnBreadcrumbsProps, } = appLayoutState.widgetizedState;
     const drawerExpandedMode = !!expandedDrawerId;
     const toolsOpen = !!activeDrawer;
     // Must use `toolbarProps` because all layouts have to apply this mode, not just the one with toolbar
     const drawerExpandedModeInChildLayout = !!(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.expandedDrawerId);
     const { __embeddedViewMode: embeddedViewMode } = appLayoutProps;
     return (React.createElement(React.Fragment, null,
-        !!toolbarProps && !embeddedViewMode && !aiDrawerExpandedMode && (React.createElement(AppLayoutToolbar, { appLayoutInternals: appLayoutState.appLayoutInternals, toolbarProps: toolbarProps, featureNotificationsProps: featureNotificationsProps })),
+        !!toolbarProps && !embeddedViewMode && !aiDrawerExpandedMode && (React.createElement(AppLayoutToolbar, { appLayoutInternals: appLayoutState.appLayoutInternals, breadcrumbsExternallyOwned: breadcrumbsExternallyOwned, reportOwnBreadcrumbsProps: reportOwnBreadcrumbsProps, toolbarProps: toolbarProps, featureNotificationsProps: featureNotificationsProps })),
         !toolbarProps && !!activeAiDrawerId && (React.createElement("div", { className: styles['pseudo-toolbar'], style: {
                 insetBlockStart: (_b = (_a = appLayoutState.appLayoutInternals) === null || _a === void 0 ? void 0 : _a.verticalOffsets) === null || _b === void 0 ? void 0 : _b.toolbar,
             } },

package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"before-main-slot.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { ActiveDrawersContext } from '../../utils/visibility-context';\nimport { AppLayoutGlobalAiDrawerImplementation } from '../drawer/global-ai-drawer';\nimport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../navigation';\nimport { SkeletonPartProps } from '../skeleton/interfaces';\nimport { BeforeMainSlotSkeleton } from '../skeleton/skeleton-parts';\nimport { isWidgetReady } from '../state/invariants';\nimport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../toolbar';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport styles from '../skeleton/styles.css.js';\n\nexport const BeforeMainSlotImplementationInternal = ({\n  toolbarProps,\n  appLayoutState,\n  appLayoutProps,\n}: SkeletonPartProps) => {\n  const wasAiDrawerOpenRef = useRef(false);\n  if (!isWidgetReady(appLayoutState)) {\n    return (\n      <BeforeMainSlotSkeleton\n        toolbarProps={toolbarProps}\n        appLayoutProps={appLayoutProps}\n        appLayoutState={appLayoutState}\n      />\n    );\n  }\n  const {\n    activeDrawer,\n    navigationOpen,\n    navigationCollapsible,\n    navigation,\n    expandedDrawerId,\n    setExpandedDrawerId,\n    navigationAnimationDisabled,\n    activeAiDrawerId,\n    aiDrawerExpandedMode,\n    aiDrawer,\n    activeAiDrawerSize,\n    minAiDrawerSize,\n    maxAiDrawerSize,\n    onActiveAiDrawerResize,\n    aiDrawerFocusControl,\n    ariaLabels,\n    isMobile,\n    drawersOpenQueue,\n    onActiveAiDrawerChange,\n    activeAiDrawer,\n    bottomDrawerReportedSize,\n    featureNotificationsProps,\n  } = appLayoutState.widgetizedState;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const toolsOpen = !!activeDrawer;\n  // Must use `toolbarProps` because all layouts have to apply this mode, not just the one with toolbar\n  const drawerExpandedModeInChildLayout = !!toolbarProps?.expandedDrawerId;\n  const { __embeddedViewMode: embeddedViewMode } = appLayoutProps as any;\n  return (\n    <>\n      {!!toolbarProps && !embeddedViewMode && !aiDrawerExpandedMode && (\n        <AppLayoutToolbar\n          appLayoutInternals={appLayoutState.appLayoutInternals}\n          toolbarProps={toolbarProps}\n          featureNotificationsProps={featureNotificationsProps}\n        />\n      )}\n      {!toolbarProps && !!activeAiDrawerId && (\n        <div\n          className={styles['pseudo-toolbar']}\n          style={{\n            insetBlockStart: appLayoutState.appLayoutInternals?.verticalOffsets?.toolbar,\n          }}\n        >\n          <div className={styles['pseudo-toolbar-content']} />\n        </div>\n      )}\n      {aiDrawer && (\n        <div\n          className={clsx(\n            styles['ai-drawer'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && !aiDrawerExpandedMode && styles.hidden\n          )}\n        >\n          <ActiveDrawersContext.Provider value={activeAiDrawer ? [activeAiDrawer.id] : []}>\n            {(!!activeAiDrawerId || (aiDrawer?.preserveInactiveContent && wasAiDrawerOpenRef.current)) && (\n              <>\n                {(wasAiDrawerOpenRef.current = true)}\n                <AppLayoutGlobalAiDrawerImplementation\n                  show={!!activeAiDrawerId}\n                  activeAiDrawer={aiDrawer ?? null}\n                  appLayoutInternals={appLayoutState.appLayoutInternals}\n                  aiDrawerProps={{\n                    activeAiDrawerSize: activeAiDrawerSize!,\n                    minAiDrawerSize: minAiDrawerSize!,\n                    maxAiDrawerSize: maxAiDrawerSize!,\n                    aiDrawer: aiDrawer!,\n                    ariaLabels,\n                    aiDrawerFocusControl,\n                    isMobile,\n                    drawersOpenQueue,\n                    onActiveAiDrawerChange,\n                    onActiveDrawerResize: ({ size }) => onActiveAiDrawerResize(size),\n                    expandedDrawerId,\n                    setExpandedDrawerId,\n                  }}\n                />\n              </>\n            )}\n          </ActiveDrawersContext.Provider>\n        </div>\n      )}\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && (!navigationCollapsible || isMobile) && styles['panel-hidden'],\n            !navigationOpen && navigationCollapsible && !isMobile && styles['navigation-collapsed'],\n            toolsOpen && styles['unfocusable-mobile'],\n            !navigationAnimationDisabled && sharedStyles['with-motion-horizontal'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && styles.hidden\n          )}\n        >\n          <AppLayoutBuiltInErrorBoundary appLayoutPart=\"nav\">\n            <AppLayoutNavigation\n              appLayoutInternals={appLayoutState.appLayoutInternals}\n              bottomDrawerReportedSize={bottomDrawerReportedSize}\n              navigationCollapsible={navigationCollapsible}\n            />\n          </AppLayoutBuiltInErrorBoundary>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport const BeforeMainSlotImplementation = (props: SkeletonPartProps) => (\n  <AppLayoutBuiltInErrorBoundary appLayoutPart=\"before-main-slot\">\n    <BeforeMainSlotImplementationInternal {...props} />\n  </AppLayoutBuiltInErrorBoundary>\n);\n\nexport const createWidgetizedAppLayoutBeforeMainSlot = createWidgetizedComponent(\n  BeforeMainSlotImplementation,\n  BeforeMainSlotSkeleton\n);\n"]}
+{"version":3,"file":"before-main-slot.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { ActiveDrawersContext } from '../../utils/visibility-context';\nimport { AppLayoutGlobalAiDrawerImplementation } from '../drawer/global-ai-drawer';\nimport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../navigation';\nimport { SkeletonPartProps } from '../skeleton/interfaces';\nimport { BeforeMainSlotSkeleton } from '../skeleton/skeleton-parts';\nimport { isWidgetReady } from '../state/invariants';\nimport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../toolbar';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport styles from '../skeleton/styles.css.js';\n\nexport const BeforeMainSlotImplementationInternal = ({\n  toolbarProps,\n  appLayoutState,\n  appLayoutProps,\n}: SkeletonPartProps) => {\n  const wasAiDrawerOpenRef = useRef(false);\n  if (!isWidgetReady(appLayoutState)) {\n    return (\n      <BeforeMainSlotSkeleton\n        toolbarProps={toolbarProps}\n        appLayoutProps={appLayoutProps}\n        appLayoutState={appLayoutState}\n      />\n    );\n  }\n  const {\n    activeDrawer,\n    navigationOpen,\n    navigationCollapsible,\n    navigation,\n    expandedDrawerId,\n    setExpandedDrawerId,\n    navigationAnimationDisabled,\n    activeAiDrawerId,\n    aiDrawerExpandedMode,\n    aiDrawer,\n    activeAiDrawerSize,\n    minAiDrawerSize,\n    maxAiDrawerSize,\n    onActiveAiDrawerResize,\n    aiDrawerFocusControl,\n    ariaLabels,\n    isMobile,\n    drawersOpenQueue,\n    onActiveAiDrawerChange,\n    activeAiDrawer,\n    bottomDrawerReportedSize,\n    featureNotificationsProps,\n    breadcrumbsExternallyOwned,\n    reportOwnBreadcrumbsProps,\n  } = appLayoutState.widgetizedState;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const toolsOpen = !!activeDrawer;\n  // Must use `toolbarProps` because all layouts have to apply this mode, not just the one with toolbar\n  const drawerExpandedModeInChildLayout = !!toolbarProps?.expandedDrawerId;\n  const { __embeddedViewMode: embeddedViewMode } = appLayoutProps as any;\n  return (\n    <>\n      {!!toolbarProps && !embeddedViewMode && !aiDrawerExpandedMode && (\n        <AppLayoutToolbar\n          appLayoutInternals={appLayoutState.appLayoutInternals}\n          breadcrumbsExternallyOwned={breadcrumbsExternallyOwned}\n          reportOwnBreadcrumbsProps={reportOwnBreadcrumbsProps}\n          toolbarProps={toolbarProps}\n          featureNotificationsProps={featureNotificationsProps}\n        />\n      )}\n      {!toolbarProps && !!activeAiDrawerId && (\n        <div\n          className={styles['pseudo-toolbar']}\n          style={{\n            insetBlockStart: appLayoutState.appLayoutInternals?.verticalOffsets?.toolbar,\n          }}\n        >\n          <div className={styles['pseudo-toolbar-content']} />\n        </div>\n      )}\n      {aiDrawer && (\n        <div\n          className={clsx(\n            styles['ai-drawer'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && !aiDrawerExpandedMode && styles.hidden\n          )}\n        >\n          <ActiveDrawersContext.Provider value={activeAiDrawer ? [activeAiDrawer.id] : []}>\n            {(!!activeAiDrawerId || (aiDrawer?.preserveInactiveContent && wasAiDrawerOpenRef.current)) && (\n              <>\n                {(wasAiDrawerOpenRef.current = true)}\n                <AppLayoutGlobalAiDrawerImplementation\n                  show={!!activeAiDrawerId}\n                  activeAiDrawer={aiDrawer ?? null}\n                  appLayoutInternals={appLayoutState.appLayoutInternals}\n                  aiDrawerProps={{\n                    activeAiDrawerSize: activeAiDrawerSize!,\n                    minAiDrawerSize: minAiDrawerSize!,\n                    maxAiDrawerSize: maxAiDrawerSize!,\n                    aiDrawer: aiDrawer!,\n                    ariaLabels,\n                    aiDrawerFocusControl,\n                    isMobile,\n                    drawersOpenQueue,\n                    onActiveAiDrawerChange,\n                    onActiveDrawerResize: ({ size }) => onActiveAiDrawerResize(size),\n                    expandedDrawerId,\n                    setExpandedDrawerId,\n                  }}\n                />\n              </>\n            )}\n          </ActiveDrawersContext.Provider>\n        </div>\n      )}\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && (!navigationCollapsible || isMobile) && styles['panel-hidden'],\n            !navigationOpen && navigationCollapsible && !isMobile && styles['navigation-collapsed'],\n            toolsOpen && styles['unfocusable-mobile'],\n            !navigationAnimationDisabled && sharedStyles['with-motion-horizontal'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && styles.hidden\n          )}\n        >\n          <AppLayoutBuiltInErrorBoundary appLayoutPart=\"nav\">\n            <AppLayoutNavigation\n              appLayoutInternals={appLayoutState.appLayoutInternals}\n              bottomDrawerReportedSize={bottomDrawerReportedSize}\n              navigationCollapsible={navigationCollapsible}\n            />\n          </AppLayoutBuiltInErrorBoundary>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport const BeforeMainSlotImplementation = (props: SkeletonPartProps) => (\n  <AppLayoutBuiltInErrorBoundary appLayoutPart=\"before-main-slot\">\n    <BeforeMainSlotImplementationInternal {...props} />\n  </AppLayoutBuiltInErrorBoundary>\n);\n\nexport const createWidgetizedAppLayoutBeforeMainSlot = createWidgetizedComponent(\n  BeforeMainSlotImplementation,\n  BeforeMainSlotSkeleton\n);\n"]}

package/breadcrumb-group/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-group/implementation.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAqFrE,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,EAAE,EAC7G,KAAU,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,KAAK,EACT,EAAE,4BAA4B,CAAC,CAAC,CAAC,eAsJjC;AAED,eAAO,MAAM,+BAA+B,qGAG3C,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-group/implementation.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAqFrE,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,EAAE,EAC7G,KAAU,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,KAAK,EACT,EAAE,4BAA4B,CAAC,CAAC,CAAC,eAmLjC;AAED,eAAO,MAAM,+BAA+B,qGAG3C,CAAC"}

package/breadcrumb-group/implementation.js

@@ -1,10 +1,11 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 import { getLogicalBoundingClientRect, isThemeActive, Theme, useMergeRefs, } from '@cloudscape-design/component-toolkit/internal';
 import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
+import { BreadcrumbsSlotContext } from '../app-layout/visual-refresh-toolbar/contexts';
 import { InternalButton } from '../button/internal';
 import InternalButtonDropdown from '../button-dropdown/internal';
 import { useInternalI18n } from '../i18n/context';
@@ -53,6 +54,34 @@ const areArrayEqual = (first, second) => {
     return first.every((item, index) => item === second[index]);
 };
 export function BreadcrumbGroupImplementation({ items = [], ariaLabel, expandAriaLabel, onClick, onFollow, __internalRootRef, __injectAnalyticsComponentMetadata, ...props }) {
+    var _a;
+    const { reportOwnBreadcrumbsProps } = (_a = useContext(BreadcrumbsSlotContext)) !== null && _a !== void 0 ? _a : {};
+    const reportedProps = {
+        ...props,
+        items,
+        ariaLabel,
+        expandAriaLabel,
+        onClick,
+        onFollow,
+    };
+    const breadcrumbsReportingRef = useRef(null);
+    useLayoutEffect(() => {
+        if (!reportOwnBreadcrumbsProps) {
+            return;
+        }
+        const reporting = reportOwnBreadcrumbsProps(reportedProps);
+        breadcrumbsReportingRef.current = reporting;
+        return () => {
+            breadcrumbsReportingRef.current = null;
+            reporting.cleanup();
+        };
+        // Prop updates are handled by the following layout effect.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [reportOwnBreadcrumbsProps]);
+    useLayoutEffect(() => {
+        var _a;
+        (_a = breadcrumbsReportingRef.current) === null || _a === void 0 ? void 0 : _a.update(reportedProps);
+    });
     for (const item of items) {
         checkSafeUrl('BreadcrumbGroup', item.href);
     }