@carbon/ibm-products-web-components 0.20.0 → 0.21.0-rc.0

package/custom-elements.json

@@ -122,6 +122,22 @@
         {
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
         }
       ],
       "events": [
@@ -258,24 +274,24 @@
       ]
     },
     {
-      "name": "c4p-notification-footer",
-      "path": "./src/components/notification-panel/notification-footer.ts",
-      "description": "Notification Footer.",
+      "name": "c4p-interstitial-screen-body-item",
+      "path": "./src/components/interstitial-screen/interstitial-screen-body-item.ts",
+      "description": "interstitial-screen-body-item for body children",
       "attributes": [
         {
-          "name": "view-all-label",
-          "description": "Label for View All Text",
+          "name": "stepTitle",
+          "description": "This will serve the labels for each step",
           "type": "string",
-          "default": "\"View All\""
+          "default": "\"\""
         }
       ],
       "properties": [
         {
-          "name": "viewAllLabel",
-          "attribute": "view-all-label",
-          "description": "Label for View All Text",
+          "name": "stepTitle",
+          "attribute": "stepTitle",
+          "description": "This will serve the labels for each step",
           "type": "string",
-          "default": "\"View All\""
+          "default": "\"\""
         },
         {
           "name": "styles",
@@ -302,203 +318,214 @@
         {
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
-        }
-      ],
-      "events": [
+        },
         {
-          "name": "c4p-notification-view-all",
-          "description": "The custom event is fired when a user clicks on View All button."
+          "name": "set-of-actions",
+          "type": "SetOfActions"
         },
         {
-          "name": "c4p-notification-settings",
-          "description": "The custom event is fired when User clicks on settings button."
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
         }
       ]
     },
     {
-      "name": "c4p-notification-panel",
-      "path": "./src/components/notification-panel/notification-panel.ts",
-      "description": "NotificationPanel.",
-      "attributes": [
+      "name": "c4p-interstitial-screen-body",
+      "path": "./src/components/interstitial-screen/interstitial-screen-body.ts",
+      "description": "interstitial-screen-body for body section",
+      "properties": [
         {
-          "name": "title-text",
-          "description": "Sets the Title for the Notification panel"
+          "name": "stepType",
+          "type": "\"single\" | \"multi\"",
+          "default": "\"multi\""
         },
         {
-          "name": "today-text",
-          "description": "Sets the Today text for the Notification panel"
+          "name": "styles",
+          "default": "\"styles\""
         },
         {
-          "name": "previous-text",
-          "description": "Sets the Previous section title for the Notification panel"
+          "name": "size",
+          "type": "number"
         },
         {
-          "name": "open",
-          "description": "Determines whether the notifications panel should render or not",
-          "type": "boolean",
-          "default": "false"
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
         },
         {
-          "name": "dismiss-all-label",
-          "description": "Sets the label text for the \"Dismiss all\" button in the Notification panel"
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
         },
         {
-          "name": "donot-disturb-label",
-          "description": "Sets the label text for the \"Do Not Disturb\" toggle in the Notification panel"
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
         },
         {
-          "name": "triggerButtonRef",
-          "description": "Reference to the trigger button",
-          "type": "HTMLElement | undefined"
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
         },
         {
-          "name": "date-time-locale",
-          "description": "The language for each notification's time stamp.\nUsed with `dateTimeStyle`.",
-          "type": "string | undefined"
-        }
-      ],
-      "properties": [
-        {
-          "name": "titleText",
-          "attribute": "title-text",
-          "description": "Sets the Title for the Notification panel"
+          "name": "set-of-actions",
+          "type": "SetOfActions"
         },
         {
-          "name": "todayText",
-          "attribute": "today-text",
-          "description": "Sets the Today text for the Notification panel"
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
         },
         {
-          "name": "previousText",
-          "attribute": "previous-text",
-          "description": "Sets the Previous section title for the Notification panel"
+          "name": "set-of-tags",
+          "type": "SetOfTags"
         },
         {
-          "name": "open",
-          "attribute": "open",
-          "description": "Determines whether the notifications panel should render or not",
-          "type": "boolean",
-          "default": "false"
-        },
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        }
+      ],
+      "events": [
         {
-          "name": "dismissAllLabel",
-          "attribute": "dismiss-all-label",
-          "description": "Sets the label text for the \"Dismiss all\" button in the Notification panel"
+          "name": "c4p-on-before-step-change",
+          "description": "The name of the custom event fired at the start of  the step change."
         },
         {
-          "name": "doNotDisturbLabel",
-          "attribute": "donot-disturb-label",
-          "description": "Sets the label text for the \"Do Not Disturb\" toggle in the Notification panel"
-        },
+          "name": "c4p-on-after-step-change",
+          "description": "The name of the custom event fired at the end of  the step change."
+        }
+      ]
+    },
+    {
+      "name": "c4p-interstitial-screen-footer",
+      "path": "./src/components/interstitial-screen/interstitial-screen-footer.ts",
+      "description": "interstitial-screen-footer for footer section",
+      "attributes": [
         {
-          "name": "triggerButtonRef",
-          "attribute": "triggerButtonRef",
-          "description": "Reference to the trigger button",
-          "type": "HTMLElement | undefined"
+          "name": "nextButtonLabel",
+          "description": "The label for the Next button.",
+          "type": "string",
+          "default": "\"Next\""
         },
         {
-          "name": "dateTimeLocale",
-          "attribute": "date-time-locale",
-          "description": "The language for each notification's time stamp.\nUsed with `dateTimeStyle`.",
-          "type": "string | undefined"
+          "name": "previousButtonLabel",
+          "description": "The label for the Previous button.",
+          "type": "string",
+          "default": "\"Back\""
         },
         {
-          "name": "styles",
-          "default": "\"styles\""
+          "name": "skipButtonLabel",
+          "description": "The label for the skip button.",
+          "type": "string",
+          "default": "\"Skip\""
         },
         {
-          "name": "size",
-          "type": "number"
+          "name": "startButtonLabel",
+          "description": "The label for the start button.",
+          "type": "string",
+          "default": "\"Get Started\""
         },
         {
-          "name": "context-request",
-          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
-          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+          "name": "async-action",
+          "description": "Enables support for asynchronous validation or user confirmation before proceeding\nto the next interstitial step. When set to true, the component will wait for an external\n listener (e.g., a form validation or confirmation modal) to resolve the proceed() callback before continuing.\nWhen asyncAction is true, you must listen for the eventOnBeforeAction event and\ncall the proceed() function (either synchronously or with a promise) to allow navigation."
+        }
+      ],
+      "properties": [
+        {
+          "name": "nextButtonLabel",
+          "attribute": "nextButtonLabel",
+          "description": "The label for the Next button.",
+          "type": "string",
+          "default": "\"Next\""
         },
         {
-          "name": "context-provider",
-          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
-          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+          "name": "previousButtonLabel",
+          "attribute": "previousButtonLabel",
+          "description": "The label for the Previous button.",
+          "type": "string",
+          "default": "\"Back\""
         },
         {
-          "name": "customElements",
-          "type": "CustomElementRegistry | undefined"
+          "name": "skipButtonLabel",
+          "attribute": "skipButtonLabel",
+          "description": "The label for the skip button.",
+          "type": "string",
+          "default": "\"Skip\""
         },
         {
-          "name": "registry",
-          "type": "CustomElementRegistry | undefined"
-        }
-      ],
-      "events": [
+          "name": "startButtonLabel",
+          "attribute": "startButtonLabel",
+          "description": "The label for the start button.",
+          "type": "string",
+          "default": "\"Get Started\""
+        },
         {
-          "name": "c4p-notification-panel-beingclosed",
-          "description": "The custom event before notification-panel is closed."
+          "name": "asyncAction",
+          "attribute": "async-action",
+          "description": "Enables support for asynchronous validation or user confirmation before proceeding\nto the next interstitial step. When set to true, the component will wait for an external\n listener (e.g., a form validation or confirmation modal) to resolve the proceed() callback before continuing.\nWhen asyncAction is true, you must listen for the eventOnBeforeAction event and\ncall the proceed() function (either synchronously or with a promise) to allow navigation."
         },
         {
-          "name": "c4p-notification-dismiss-all",
-          "description": "The custom event fired after notification-panel is closed upon a user gesture."
+          "name": "loadingAction"
         },
         {
-          "name": "c4p-notification-donot-disturb-change",
-          "description": "The custom event fired after notification-panel is closed upon a user gesture."
+          "name": "enabledWarnings",
+          "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
+          "type": "WarningKind[] | undefined"
         },
         {
-          "name": "c4p-notification-click-outside",
-          "description": "The custom event fired after user clicks outside the panel or Esc key is pressed."
-        }
-      ],
-      "slots": [
+          "name": "enableWarning",
+          "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
         {
-          "name": "today",
-          "description": "Today Section."
+          "name": "disableWarning",
+          "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
         },
         {
-          "name": "previous",
-          "description": "Previous Section."
+          "name": "elementProperties",
+          "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
+          "type": "PropertyDeclarationMap"
         },
         {
-          "name": "footer",
-          "description": "Footer for the Panel."
-        }
-      ]
-    },
-    {
-      "name": "c4p-notification",
-      "path": "./src/components/notification-panel/notification.ts",
-      "description": "Notification.",
-      "attributes": [
+          "name": "properties",
+          "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
+          "type": "PropertyDeclarations"
+        },
         {
-          "name": "type",
-          "description": "Sets the type of notification to display: 'error', 'warning', 'success', or 'informational'",
-          "type": "\"error\" | \"warning\" | \"success\" | \"informational\" | undefined"
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
         },
         {
-          "name": "timestamp",
-          "description": "Sets the timestamp for the notification, typically used to indicate when it was received",
-          "type": "Date | undefined"
-        }
-      ],
-      "properties": [
+          "name": "shadowRootOptions",
+          "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
+          "type": "ShadowRootInit"
+        },
         {
-          "name": "type",
-          "attribute": "type",
-          "description": "Sets the type of notification to display: 'error', 'warning', 'success', or 'informational'",
-          "type": "\"error\" | \"warning\" | \"success\" | \"informational\" | undefined"
+          "name": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
         },
         {
-          "name": "timestamp",
-          "attribute": "timestamp",
-          "description": "Sets the timestamp for the notification, typically used to indicate when it was received",
-          "type": "Date | undefined"
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
         },
         {
-          "name": "dateTimeLocale",
-          "type": "string | undefined",
-          "default": "\"undefined\""
+          "name": "hasUpdated",
+          "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
+          "type": "boolean"
         },
         {
-          "name": "styles",
-          "default": "\"styles\""
+          "name": "updateComplete",
+          "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
+          "type": "Promise<boolean>"
         },
         {
           "name": "size",
@@ -521,87 +548,163 @@
         {
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
-        }
-      ],
-      "events": [
+        },
         {
-          "name": "c4p-notification-dismiss",
-          "description": "The custom event is fired when the notification is closed by a user gesture."
-        }
-      ],
-      "slots": [
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
         {
-          "name": "title",
-          "description": "The Title for the notification."
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
         },
         {
-          "name": "description",
-          "description": "The description for the notification."
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "hasThreeButtons",
+          "description": "`true` if this modal footer has more than two buttons.",
+          "type": "boolean"
+        },
+        {
+          "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-on-action",
+          "description": "The name of the custom event fired just before the action. You can use this event to perform any async/sync validation.\nif you pass async-action = true, the component will wait for an external listener (e.g., a form validation or confirmation modal) to resolve the proceed()\ncallback before continuing. When asyncAction is true, you must listen for the eventOnBeforeAction event and call the proceed() function\n(either synchronously or with a promise) to allow navigation."
         }
       ]
     },
     {
-      "name": "c4p-options-tile",
-      "path": "./src/components/options-tile/options-tile.ts",
-      "description": "OptionsTile.",
+      "name": "c4p-interstitial-screen-header",
+      "path": "./src/components/interstitial-screen/interstitial-screen-header.ts",
+      "description": "interstitial-screen-header for header section",
       "attributes": [
         {
-          "name": "open",
-          "description": "If `true` the body of the component is shown",
-          "type": "boolean",
-          "default": "false"
+          "name": "header-title",
+          "description": "Provide an optional title to be applied to the header.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "titleId",
-          "description": "ID for the title",
+          "name": "header-subtitle",
+          "description": "Tooltip text and aria label for the Close button icon.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "titleText",
-          "description": "Text for the title",
+          "name": "closeIconDescription",
+          "description": "Tooltip text and aria label for the Close button icon.",
           "type": "string",
-          "default": "\"\""
+          "default": "\"Close\""
         },
         {
-          "name": "size",
-          "description": "Determines the size of the header",
-          "type": "\"lg\" | \"xl\" | undefined",
-          "default": "\"lg\""
+          "name": "hideProgressIndicator",
+          "description": "Optional parameter to hide the progress indicator when multiple steps are used.",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
         {
-          "name": "open",
-          "attribute": "open",
-          "description": "If `true` the body of the component is shown",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "titleId",
-          "attribute": "titleId",
-          "description": "ID for the title",
+          "name": "headerTitle",
+          "attribute": "header-title",
+          "description": "Provide an optional title to be applied to the header.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "titleText",
-          "attribute": "titleText",
-          "description": "Text for the title",
+          "name": "headerSubTitle",
+          "attribute": "header-subtitle",
+          "description": "Tooltip text and aria label for the Close button icon.",
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "closeIconDescription",
+          "attribute": "closeIconDescription",
+          "description": "Tooltip text and aria label for the Close button icon.",
+          "type": "string",
+          "default": "\"Close\""
+        },
+        {
+          "name": "hideProgressIndicator",
+          "attribute": "hideProgressIndicator",
+          "description": "Optional parameter to hide the progress indicator when multiple steps are used.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "enabledWarnings",
+          "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
+          "type": "WarningKind[] | undefined"
+        },
+        {
+          "name": "enableWarning",
+          "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "disableWarning",
+          "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "elementProperties",
+          "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
+          "type": "PropertyDeclarationMap"
+        },
+        {
+          "name": "properties",
+          "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
+          "type": "PropertyDeclarations"
+        },
+        {
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
+        },
         {
           "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
           "default": "\"styles\""
         },
+        {
+          "name": "shadowRootOptions",
+          "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
+          "type": "ShadowRootInit"
+        },
+        {
+          "name": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
+        },
+        {
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
+        },
+        {
+          "name": "hasUpdated",
+          "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
+          "type": "boolean"
+        },
+        {
+          "name": "updateComplete",
+          "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
+          "type": "Promise<boolean>"
+        },
         {
           "name": "size",
-          "attribute": "size",
-          "description": "Determines the size of the header",
-          "type": "\"lg\" | \"xl\" | undefined",
-          "default": "\"lg\""
+          "type": "number"
         },
         {
           "name": "context-request",
@@ -620,159 +723,1978 @@
         {
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
-        }
-      ],
-      "events": [
+        },
         {
-          "name": "c4p-options-tile-open",
-          "description": "Custom event fired when tile is opened"
+          "name": "set-of-actions",
+          "type": "SetOfActions"
         },
         {
-          "name": "c4p-options-tile-close",
-          "description": "Custom event fired when tile is closed"
-        }
-      ],
-      "cssParts": [
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
         {
-          "name": "options",
-          "description": "tile The options tile"
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
         }
       ]
     },
     {
-      "name": "c4p-page-header-breadcrumb",
-      "path": "./src/components/page-header/page-header-breadcrumb.ts",
-      "description": "Page header Breadcrumb Bar.",
+      "name": "c4p-interstitial-screen",
+      "path": "./src/components/interstitial-screen/interstitial-screen.ts",
+      "description": "interstitial-screen main component",
       "attributes": [
         {
-          "name": "border",
-          "description": "Specify if breadcrumb bar has bottom border.",
+          "name": "fullscreen",
+          "description": "Specifies whether the component is shown as a full-screen\nexperience, else it is shown as a modal by default.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         },
         {
-          "name": "within-grid",
-          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
+          "name": "open",
+          "description": "Specifies whether the component is currently open.",
           "type": "boolean",
           "default": "false"
-        },
+        }
+      ],
+      "properties": [
         {
-          "name": "page-actions-flush",
-          "description": "Set to `true` if page actions should be flush (no padding)",
+          "name": "isFullScreen",
+          "attribute": "fullscreen",
+          "description": "Specifies whether the component is shown as a full-screen\nexperience, else it is shown as a modal by default.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "content-actions-flush",
-          "description": "Set to `true` if content actions should be flush (no padding)",
+          "name": "open",
+          "attribute": "open",
+          "description": "Specifies whether the component is currently open.",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "stepDetails",
+          "type": "{ stepTitle: string; name?: string | undefined; }[]",
+          "default": "[]"
+        },
+        {
+          "name": "enabledWarnings",
+          "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
+          "type": "WarningKind[] | undefined"
+        },
+        {
+          "name": "enableWarning",
+          "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "disableWarning",
+          "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "elementProperties",
+          "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
+          "type": "PropertyDeclarationMap"
+        },
+        {
+          "name": "properties",
+          "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
+          "type": "PropertyDeclarations"
+        },
+        {
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
+        },
+        {
+          "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
+          "default": "\"styles\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
+          "type": "ShadowRootInit"
+        },
+        {
+          "name": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
+        },
+        {
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
+        },
+        {
+          "name": "hasUpdated",
+          "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
+          "type": "boolean"
+        },
+        {
+          "name": "updateComplete",
+          "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
+          "type": "Promise<boolean>"
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-interstitial-opened",
+          "description": "The custom event triggered after loading the component.\nIts event.detail will provide you with carousal api methods for step navigation and method to disable any action button\n*"
+        },
+        {
+          "name": "c4p-interstitial-beingclosed",
+          "description": "The name of the custom event fired before interstitial is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing the interstitial."
+        },
+        {
+          "name": "c4p-interstitial-closed",
+          "description": "The name of the custom event fired after this tearsheet is closed upon a user gesture."
+        }
+      ]
+    },
+    {
+      "name": "c4p-notification-footer",
+      "path": "./src/components/notification-panel/notification-footer.ts",
+      "description": "Notification Footer.",
+      "attributes": [
+        {
+          "name": "view-all-label",
+          "description": "Label for View All Text",
+          "type": "string",
+          "default": "\"View All\""
         }
       ],
       "properties": [
         {
-          "name": "border",
-          "attribute": "border",
-          "description": "Specify if breadcrumb bar has bottom border.",
-          "type": "boolean",
-          "default": "true"
+          "name": "viewAllLabel",
+          "attribute": "view-all-label",
+          "description": "Label for View All Text",
+          "type": "string",
+          "default": "\"View All\""
         },
         {
-          "name": "withinGrid",
-          "attribute": "within-grid",
-          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-notification-view-all",
+          "description": "The custom event is fired when a user clicks on View All button."
+        },
+        {
+          "name": "c4p-notification-settings",
+          "description": "The custom event is fired when User clicks on settings button."
+        }
+      ]
+    },
+    {
+      "name": "c4p-notification-panel",
+      "path": "./src/components/notification-panel/notification-panel.ts",
+      "description": "NotificationPanel.",
+      "attributes": [
+        {
+          "name": "title-text",
+          "description": "Sets the Title for the Notification panel"
+        },
+        {
+          "name": "today-text",
+          "description": "Sets the Today text for the Notification panel"
+        },
+        {
+          "name": "previous-text",
+          "description": "Sets the Previous section title for the Notification panel"
+        },
+        {
+          "name": "open",
+          "description": "Determines whether the notifications panel should render or not",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "pageActionsFlush",
-          "attribute": "page-actions-flush",
-          "description": "Set to `true` if page actions should be flush (no padding)",
-          "type": "boolean",
-          "default": "false"
+          "name": "dismiss-all-label",
+          "description": "Sets the label text for the \"Dismiss all\" button in the Notification panel"
+        },
+        {
+          "name": "donot-disturb-label",
+          "description": "Sets the label text for the \"Do Not Disturb\" toggle in the Notification panel"
+        },
+        {
+          "name": "triggerButtonRef",
+          "description": "Reference to the trigger button",
+          "type": "HTMLElement | undefined"
+        },
+        {
+          "name": "date-time-locale",
+          "description": "The language for each notification's time stamp.\nUsed with `dateTimeStyle`.",
+          "type": "string | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "titleText",
+          "attribute": "title-text",
+          "description": "Sets the Title for the Notification panel"
+        },
+        {
+          "name": "todayText",
+          "attribute": "today-text",
+          "description": "Sets the Today text for the Notification panel"
+        },
+        {
+          "name": "previousText",
+          "attribute": "previous-text",
+          "description": "Sets the Previous section title for the Notification panel"
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "Determines whether the notifications panel should render or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "dismissAllLabel",
+          "attribute": "dismiss-all-label",
+          "description": "Sets the label text for the \"Dismiss all\" button in the Notification panel"
+        },
+        {
+          "name": "doNotDisturbLabel",
+          "attribute": "donot-disturb-label",
+          "description": "Sets the label text for the \"Do Not Disturb\" toggle in the Notification panel"
+        },
+        {
+          "name": "triggerButtonRef",
+          "attribute": "triggerButtonRef",
+          "description": "Reference to the trigger button",
+          "type": "HTMLElement | undefined"
+        },
+        {
+          "name": "dateTimeLocale",
+          "attribute": "date-time-locale",
+          "description": "The language for each notification's time stamp.\nUsed with `dateTimeStyle`.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-notification-panel-beingclosed",
+          "description": "The custom event before notification-panel is closed."
+        },
+        {
+          "name": "c4p-notification-dismiss-all",
+          "description": "The custom event fired after notification-panel is closed upon a user gesture."
+        },
+        {
+          "name": "c4p-notification-donot-disturb-change",
+          "description": "The custom event fired after notification-panel is closed upon a user gesture."
+        },
+        {
+          "name": "c4p-notification-click-outside",
+          "description": "The custom event fired after user clicks outside the panel or Esc key is pressed."
+        }
+      ],
+      "slots": [
+        {
+          "name": "today",
+          "description": "Today Section."
+        },
+        {
+          "name": "previous",
+          "description": "Previous Section."
+        },
+        {
+          "name": "footer",
+          "description": "Footer for the Panel."
+        }
+      ]
+    },
+    {
+      "name": "c4p-notification",
+      "path": "./src/components/notification-panel/notification.ts",
+      "description": "Notification.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Sets the type of notification to display: 'error', 'warning', 'success', or 'informational'",
+          "type": "\"error\" | \"warning\" | \"success\" | \"informational\" | undefined"
+        },
+        {
+          "name": "timestamp",
+          "description": "Sets the timestamp for the notification, typically used to indicate when it was received",
+          "type": "Date | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "Sets the type of notification to display: 'error', 'warning', 'success', or 'informational'",
+          "type": "\"error\" | \"warning\" | \"success\" | \"informational\" | undefined"
+        },
+        {
+          "name": "timestamp",
+          "attribute": "timestamp",
+          "description": "Sets the timestamp for the notification, typically used to indicate when it was received",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "dateTimeLocale",
+          "type": "string | undefined",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-notification-dismiss",
+          "description": "The custom event is fired when the notification is closed by a user gesture."
+        }
+      ],
+      "slots": [
+        {
+          "name": "title",
+          "description": "The Title for the notification."
+        },
+        {
+          "name": "description",
+          "description": "The description for the notification."
+        }
+      ]
+    },
+    {
+      "name": "c4p-options-tile",
+      "path": "./src/components/options-tile/options-tile.ts",
+      "description": "OptionsTile.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "If `true` the body of the component is shown",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "titleId",
+          "description": "ID for the title",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "titleText",
+          "description": "Text for the title",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "size",
+          "description": "Determines the size of the header",
+          "type": "\"lg\" | \"xl\" | undefined",
+          "default": "\"lg\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "If `true` the body of the component is shown",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "titleId",
+          "attribute": "titleId",
+          "description": "ID for the title",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "titleText",
+          "attribute": "titleText",
+          "description": "Text for the title",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Determines the size of the header",
+          "type": "\"lg\" | \"xl\" | undefined",
+          "default": "\"lg\""
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-options-tile-open",
+          "description": "Custom event fired when tile is opened"
+        },
+        {
+          "name": "c4p-options-tile-close",
+          "description": "Custom event fired when tile is closed"
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "options",
+          "description": "tile The options tile"
+        }
+      ]
+    },
+    {
+      "name": "set-of-breadcrumbs",
+      "path": "./src/components/page-header/_story-assets/set-of-breadcrumbs.ts",
+      "attributes": [
+        {
+          "name": "hiddenItems",
+          "description": "Hidden items that will be rendered in the overflow menu.",
+          "type": "Breadcrumb[]",
+          "default": "[]"
+        },
+        {
+          "name": "breadcrumbs-data",
+          "description": "The list of breadcrumbs.",
+          "type": "Breadcrumb[]",
+          "default": "[]"
+        }
+      ],
+      "properties": [
+        {
+          "name": "hiddenItems",
+          "attribute": "hiddenItems",
+          "description": "Hidden items that will be rendered in the overflow menu.",
+          "type": "Breadcrumb[]",
+          "default": "[]"
+        },
+        {
+          "name": "breadcrumbsData",
+          "attribute": "breadcrumbs-data",
+          "description": "The list of breadcrumbs.",
+          "type": "Breadcrumb[]",
+          "default": "[]"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "c4p-page-header-breadcrumb",
+      "path": "./src/components/page-header/page-header-breadcrumb.ts",
+      "description": "Page header Breadcrumb Bar.",
+      "attributes": [
+        {
+          "name": "border",
+          "description": "Specify if breadcrumb bar has bottom border.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "within-grid",
+          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "page-actions-flush",
+          "description": "Set to `true` if page actions should be flush (no padding)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "content-actions-flush",
+          "description": "Set to `true` if content actions should be flush (no padding)",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "border",
+          "attribute": "border",
+          "description": "Specify if breadcrumb bar has bottom border.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "withinGrid",
+          "attribute": "within-grid",
+          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "pageActionsFlush",
+          "attribute": "page-actions-flush",
+          "description": "Set to `true` if page actions should be flush (no padding)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "contentActionsFlush",
+          "attribute": "content-actions-flush",
+          "description": "Set to `true` if content actions should be flush (no padding)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "c4p-page-header-content-text",
+      "path": "./src/components/page-header/page-header-content-text.ts",
+      "description": "Page header Content Text.",
+      "attributes": [
+        {
+          "name": "subtitle",
+          "description": "Subtitle text of the page-header-content",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "subtitle",
+          "attribute": "subtitle",
+          "description": "Subtitle text of the page-header-content",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "c4p-page-header-content",
+      "path": "./src/components/page-header/page-header-content.ts",
+      "description": "Page header content.",
+      "attributes": [
+        {
+          "name": "title",
+          "description": "Title text of the page-header-content",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "within-grid",
+          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "title",
+          "attribute": "title",
+          "description": "Title text of the page-header-content",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "withinGrid",
+          "attribute": "within-grid",
+          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "c4p-page-header-hero-image",
+      "path": "./src/components/page-header/page-header-hero-image.ts",
+      "description": "Page header Hero Image.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "c4p-page-header-scroller",
+      "path": "./src/components/page-header/page-header-scroller.ts",
+      "description": "Page header Scroller button",
+      "attributes": [
+        {
+          "name": "align",
+          "description": "Specify how the trigger should align with the tooltip",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "close-on-activation",
+          "description": "Determines whether the tooltip should close when inner content is activated (click, Enter or Space)",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "collapseText",
+          "description": "Specify the collapse text for the scroller button",
+          "type": "string",
+          "default": "\"Collapse\""
+        },
+        {
+          "name": "defaultOpen",
+          "description": "Specify whether the tooltip should be open when it first renders",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "enter-delay-ms",
+          "description": "Specify the duration in milliseconds to delay before displaying the tooltip",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "expandText",
+          "description": "Specify the expand text for the scroller button",
+          "type": "string",
+          "default": "\"Expand\""
+        },
+        {
+          "name": "leave-delay-ms",
+          "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
+          "type": "number",
+          "default": "300"
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the Button. Defaults to `md`.",
+          "type": "string",
+          "default": "\"md\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "align",
+          "attribute": "align",
+          "description": "Specify how the trigger should align with the tooltip",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "attribute": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "closeOnActivation",
+          "attribute": "close-on-activation",
+          "description": "Determines whether the tooltip should close when inner content is activated (click, Enter or Space)",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "collapseText",
+          "attribute": "collapseText",
+          "description": "Specify the collapse text for the scroller button",
+          "type": "string",
+          "default": "\"Collapse\""
+        },
+        {
+          "name": "defaultOpen",
+          "attribute": "defaultOpen",
+          "description": "Specify whether the tooltip should be open when it first renders",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "enterDelayMs",
+          "attribute": "enter-delay-ms",
+          "description": "Specify the duration in milliseconds to delay before displaying the tooltip",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "expandText",
+          "attribute": "expandText",
+          "description": "Specify the expand text for the scroller button",
+          "type": "string",
+          "default": "\"Expand\""
+        },
+        {
+          "name": "leaveDelayMs",
+          "attribute": "leave-delay-ms",
+          "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
+          "type": "number",
+          "default": "300"
+        },
+        {
+          "name": "context"
+        },
+        {
+          "name": "batchAction",
+          "description": "`true` if the button is being used within a data table batch action toolbar",
+          "type": "boolean"
+        },
+        {
+          "name": "buttonClassName",
+          "description": "Specify an optional className to be added to your Button"
+        },
+        {
+          "name": "dangerDescription",
+          "description": "Specify the message read by screen readers for the danger button variant"
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if the button should be disabled.",
+          "type": "boolean"
+        },
+        {
+          "name": "download",
+          "description": "The default file name, used if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "hasMainContent",
+          "description": "`true` if there is a non-icon content.",
+          "type": "boolean"
+        },
+        {
+          "name": "href",
+          "description": "Link `href`. If present, this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "hreflang",
+          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "isExpressive",
+          "description": "`true` if expressive theme enabled.",
+          "type": "boolean"
+        },
+        {
+          "name": "isSelected",
+          "description": "Specify whether the Button is currently selected.\nOnly applies to the Ghost variant.",
+          "type": "boolean"
+        },
+        {
+          "name": "kind",
+          "description": "Button kind.",
+          "type": "BUTTON_KIND"
+        },
+        {
+          "name": "linkRole",
+          "description": "The a11y role for `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "openTooltip",
+          "description": "Boolean to determine if tooltip is open.",
+          "type": "boolean"
+        },
+        {
+          "name": "ping",
+          "description": "URLs to ping, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "rel",
+          "description": "The link type, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Specify the size of the Button. Defaults to `md`.",
+          "type": "string",
+          "default": "\"md\""
+        },
+        {
+          "name": "target",
+          "description": "The link target, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "tooltipAlignment",
+          "description": "Specify the alignment of the tooltip to the icon-only button.\nCan be one of: start, center, or end.",
+          "type": "BUTTON_TOOLTIP_ALIGNMENT"
+        },
+        {
+          "name": "tooltipPosition",
+          "description": "Specify the direction of the tooltip for icon-only buttons.\nCan be either top, right, bottom, or left.",
+          "type": "BUTTON_TOOLTIP_POSITION"
+        },
+        {
+          "name": "tooltipText",
+          "description": "Specify the text to be rendered in the tooltip. If using\n\"cds-badge-indicator\" with no count prop then the text\nshould include describing there is a new notification.",
+          "type": "string"
+        },
+        {
+          "name": "type",
+          "description": "Button type.",
+          "type": "BUTTON_TYPE"
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: SlotAssignmentMode | undefined; }"
+        },
+        {
+          "name": "styles"
+        },
+        {
+          "name": "accessKey",
+          "type": "string"
+        },
+        {
+          "name": "accessKeyLabel",
+          "type": "string"
+        },
+        {
+          "name": "autocapitalize",
+          "type": "string"
+        },
+        {
+          "name": "dir",
+          "type": "string"
+        },
+        {
+          "name": "draggable",
+          "type": "boolean"
+        },
+        {
+          "name": "hidden",
+          "type": "boolean"
+        },
+        {
+          "name": "inert",
+          "type": "boolean"
+        },
+        {
+          "name": "innerText",
+          "type": "string"
+        },
+        {
+          "name": "lang",
+          "type": "string"
+        },
+        {
+          "name": "offsetHeight",
+          "type": "number"
+        },
+        {
+          "name": "offsetLeft",
+          "type": "number"
+        },
+        {
+          "name": "offsetParent",
+          "type": "Element | null"
+        },
+        {
+          "name": "offsetTop",
+          "type": "number"
+        },
+        {
+          "name": "offsetWidth",
+          "type": "number"
+        },
+        {
+          "name": "outerText",
+          "type": "string"
+        },
+        {
+          "name": "popover",
+          "type": "string | null"
+        },
+        {
+          "name": "spellcheck",
+          "type": "boolean"
+        },
+        {
+          "name": "title",
+          "type": "string"
+        },
+        {
+          "name": "translate",
+          "type": "boolean"
+        },
+        {
+          "name": "writingSuggestions",
+          "type": "string"
+        },
+        {
+          "name": "attributes",
+          "type": "NamedNodeMap"
+        },
+        {
+          "name": "classList",
+          "type": "DOMTokenList"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "clientHeight",
+          "type": "number"
+        },
+        {
+          "name": "clientLeft",
+          "type": "number"
+        },
+        {
+          "name": "clientTop",
+          "type": "number"
+        },
+        {
+          "name": "clientWidth",
+          "type": "number"
+        },
+        {
+          "name": "currentCSSZoom",
+          "type": "number"
+        },
+        {
+          "name": "id",
+          "type": "string"
+        },
+        {
+          "name": "innerHTML",
+          "type": "string"
+        },
+        {
+          "name": "localName",
+          "type": "string"
+        },
+        {
+          "name": "namespaceURI",
+          "type": "string | null"
+        },
+        {
+          "name": "onfullscreenchange",
+          "type": "((this: Element, ev: Event) => any) | null"
+        },
+        {
+          "name": "onfullscreenerror",
+          "type": "((this: Element, ev: Event) => any) | null"
+        },
+        {
+          "name": "outerHTML",
+          "type": "string"
+        },
+        {
+          "name": "ownerDocument",
+          "type": "Document"
+        },
+        {
+          "name": "part",
+          "type": "DOMTokenList"
+        },
+        {
+          "name": "prefix",
+          "type": "string | null"
+        },
+        {
+          "name": "scrollHeight",
+          "type": "number"
+        },
+        {
+          "name": "scrollLeft",
+          "type": "number"
+        },
+        {
+          "name": "scrollTop",
+          "type": "number"
+        },
+        {
+          "name": "scrollWidth",
+          "type": "number"
+        },
+        {
+          "name": "shadowRoot",
+          "type": "ShadowRoot | null"
+        },
+        {
+          "name": "slot",
+          "type": "string"
+        },
+        {
+          "name": "tagName",
+          "type": "string"
+        },
+        {
+          "name": "baseURI",
+          "type": "string"
+        },
+        {
+          "name": "childNodes",
+          "type": "NodeListOf<ChildNode>"
+        },
+        {
+          "name": "firstChild",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "isConnected",
+          "type": "boolean"
+        },
+        {
+          "name": "lastChild",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "nextSibling",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "nodeName",
+          "type": "string"
+        },
+        {
+          "name": "nodeType",
+          "type": "number"
+        },
+        {
+          "name": "nodeValue",
+          "type": "string | null"
+        },
+        {
+          "name": "parentElement",
+          "type": "HTMLElement | null"
+        },
+        {
+          "name": "parentNode",
+          "type": "ParentNode | null"
+        },
+        {
+          "name": "previousSibling",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "textContent",
+          "type": "string | null"
+        },
+        {
+          "name": "ELEMENT_NODE",
+          "type": "1"
+        },
+        {
+          "name": "ATTRIBUTE_NODE",
+          "type": "2"
+        },
+        {
+          "name": "TEXT_NODE",
+          "type": "3"
+        },
+        {
+          "name": "CDATA_SECTION_NODE",
+          "type": "4"
+        },
+        {
+          "name": "ENTITY_REFERENCE_NODE",
+          "type": "5"
+        },
+        {
+          "name": "ENTITY_NODE",
+          "type": "6"
+        },
+        {
+          "name": "PROCESSING_INSTRUCTION_NODE",
+          "type": "7"
+        },
+        {
+          "name": "COMMENT_NODE",
+          "type": "8"
+        },
+        {
+          "name": "DOCUMENT_NODE",
+          "type": "9"
+        },
+        {
+          "name": "DOCUMENT_TYPE_NODE",
+          "type": "10"
+        },
+        {
+          "name": "DOCUMENT_FRAGMENT_NODE",
+          "type": "11"
+        },
+        {
+          "name": "NOTATION_NODE",
+          "type": "12"
+        },
+        {
+          "name": "DOCUMENT_POSITION_DISCONNECTED",
+          "type": "1"
+        },
+        {
+          "name": "DOCUMENT_POSITION_PRECEDING",
+          "type": "2"
+        },
+        {
+          "name": "DOCUMENT_POSITION_FOLLOWING",
+          "type": "4"
+        },
+        {
+          "name": "DOCUMENT_POSITION_CONTAINS",
+          "type": "8"
+        },
+        {
+          "name": "DOCUMENT_POSITION_CONTAINED_BY",
+          "type": "16"
+        },
+        {
+          "name": "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC",
+          "type": "32"
+        },
+        {
+          "name": "ariaAtomic",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaAutoComplete",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaBrailleLabel",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaBrailleRoleDescription",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaBusy",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaChecked",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColCount",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColIndex",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColIndexText",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColSpan",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaCurrent",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaDescription",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaDisabled",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaExpanded",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaHasPopup",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaHidden",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaInvalid",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaKeyShortcuts",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaLevel",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaLive",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaModal",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaMultiLine",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaMultiSelectable",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaOrientation",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaPlaceholder",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaPosInSet",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaPressed",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaReadOnly",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRequired",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRoleDescription",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowCount",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowIndex",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowIndexText",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowSpan",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaSelected",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaSetSize",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaSort",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueMax",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueMin",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueNow",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueText",
+          "type": "string | null"
+        },
+        {
+          "name": "role",
+          "type": "string | null"
+        },
+        {
+          "name": "nextElementSibling",
+          "type": "Element | null"
+        },
+        {
+          "name": "previousElementSibling",
+          "type": "Element | null"
+        },
+        {
+          "name": "childElementCount",
+          "type": "number"
+        },
+        {
+          "name": "children",
+          "type": "HTMLCollection"
+        },
+        {
+          "name": "firstElementChild",
+          "type": "Element | null"
+        },
+        {
+          "name": "lastElementChild",
+          "type": "Element | null"
+        },
+        {
+          "name": "assignedSlot",
+          "type": "HTMLSlotElement | null"
+        },
+        {
+          "name": "attributeStyleMap",
+          "type": "StylePropertyMap"
+        },
+        {
+          "name": "style",
+          "type": "CSSStyleDeclaration"
+        },
+        {
+          "name": "contentEditable",
+          "type": "string"
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "string"
+        },
+        {
+          "name": "inputMode",
+          "type": "string"
+        },
+        {
+          "name": "isContentEditable",
+          "type": "boolean"
+        },
+        {
+          "name": "onabort",
+          "type": "((this: GlobalEventHandlers, ev: UIEvent) => any) | null"
+        },
+        {
+          "name": "onanimationcancel",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onanimationend",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onanimationiteration",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onanimationstart",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onauxclick",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onbeforeinput",
+          "type": "((this: GlobalEventHandlers, ev: InputEvent) => any) | null"
+        },
+        {
+          "name": "onbeforetoggle",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onblur",
+          "type": "((this: GlobalEventHandlers, ev: FocusEvent) => any) | null"
+        },
+        {
+          "name": "oncancel",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncanplay",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncanplaythrough",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onclick",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onclose",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncontextlost",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncontextmenu",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "oncontextrestored",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncopy",
+          "type": "((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null"
+        },
+        {
+          "name": "oncuechange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncut",
+          "type": "((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null"
+        },
+        {
+          "name": "ondblclick",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "ondrag",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragend",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragenter",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragleave",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragover",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragstart",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondrop",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondurationchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onemptied",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onended",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onerror",
+          "type": "OnErrorEventHandler"
+        },
+        {
+          "name": "onfocus",
+          "type": "((this: GlobalEventHandlers, ev: FocusEvent) => any) | null"
+        },
+        {
+          "name": "onformdata",
+          "type": "((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null"
+        },
+        {
+          "name": "ongotpointercapture",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "oninput",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oninvalid",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onkeydown",
+          "type": "((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null"
+        },
+        {
+          "name": "onkeypress",
+          "type": "((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null"
+        },
+        {
+          "name": "onkeyup",
+          "type": "((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null"
+        },
+        {
+          "name": "onload",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onloadeddata",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onloadedmetadata",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onloadstart",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onlostpointercapture",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onmousedown",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseenter",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseleave",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmousemove",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseout",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseover",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseup",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onpaste",
+          "type": "((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null"
+        },
+        {
+          "name": "onpause",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onplay",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onplaying",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onpointercancel",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerdown",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerenter",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerleave",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointermove",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerout",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerover",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerup",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onprogress",
+          "type": "((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null"
+        },
+        {
+          "name": "onratechange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onreset",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onresize",
+          "type": "((this: GlobalEventHandlers, ev: UIEvent) => any) | null"
+        },
+        {
+          "name": "onscroll",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onscrollend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onsecuritypolicyviolation",
+          "type": "((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null"
+        },
+        {
+          "name": "onseeked",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onseeking",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onselect",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onselectionchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onselectstart",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onslotchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onstalled",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onsubmit",
+          "type": "((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null"
+        },
+        {
+          "name": "onsuspend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "ontimeupdate",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "ontoggle",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "ontouchcancel",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontouchend",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontouchmove",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontouchstart",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontransitioncancel",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
+        },
+        {
+          "name": "ontransitionend",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
+        },
+        {
+          "name": "ontransitionrun",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
+        },
+        {
+          "name": "ontransitionstart",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
         },
         {
-          "name": "contentActionsFlush",
-          "attribute": "content-actions-flush",
-          "description": "Set to `true` if content actions should be flush (no padding)",
-          "type": "boolean",
-          "default": "false"
+          "name": "onvolumechange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
         },
         {
-          "name": "styles",
-          "default": "\"styles\""
-        }
-      ]
-    },
-    {
-      "name": "c4p-page-header-content-text",
-      "path": "./src/components/page-header/page-header-content-text.ts",
-      "description": "Page header Content Text.",
-      "attributes": [
+          "name": "onwaiting",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
         {
-          "name": "subtitle",
-          "description": "Subtitle text of the page-header-content",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
+          "name": "onwebkitanimationend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
         {
-          "name": "subtitle",
-          "attribute": "subtitle",
-          "description": "Subtitle text of the page-header-content",
-          "type": "string",
-          "default": "\"\""
+          "name": "onwebkitanimationiteration",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
         },
         {
-          "name": "styles",
-          "default": "\"styles\""
-        }
-      ]
-    },
-    {
-      "name": "c4p-page-header-content",
-      "path": "./src/components/page-header/page-header-content.ts",
-      "description": "Page header content.",
-      "attributes": [
+          "name": "onwebkitanimationstart",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
         {
-          "name": "title",
-          "description": "Title text of the page-header-content",
-          "type": "string",
-          "default": "\"\""
+          "name": "onwebkittransitionend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
         },
         {
-          "name": "within-grid",
-          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
-          "type": "boolean",
-          "default": "false"
-        }
-      ],
-      "properties": [
+          "name": "onwheel",
+          "type": "((this: GlobalEventHandlers, ev: WheelEvent) => any) | null"
+        },
         {
-          "name": "title",
-          "attribute": "title",
-          "description": "Title text of the page-header-content",
-          "type": "string",
-          "default": "\"\""
+          "name": "autofocus",
+          "description": "`true` if the button should have input focus when the page loads.",
+          "type": "boolean"
         },
         {
-          "name": "withinGrid",
-          "attribute": "within-grid",
-          "description": "Set to `true` if the breadcrumb bar is sitting within a grid\n(ie. when used in tandem with page-header-hero-image)",
-          "type": "boolean",
-          "default": "false"
+          "name": "dataset",
+          "type": "DOMStringMap"
         },
         {
-          "name": "styles",
-          "default": "\"styles\""
+          "name": "nonce",
+          "type": "string | undefined"
+        },
+        {
+          "name": "tabIndex",
+          "description": "Specify the tabIndex of the button.",
+          "type": "number"
         }
       ]
     },
     {
-      "name": "c4p-page-header-hero-image",
-      "path": "./src/components/page-header/page-header-hero-image.ts",
-      "description": "Page header Hero Image.",
+      "name": "c4p-page-header-tabs",
+      "path": "./src/components/page-header/page-header-tabs.ts",
+      "description": "Page header Tabs Bar.",
       "properties": [
         {
           "name": "styles",
@@ -781,10 +2703,13 @@
       ]
     },
     {
-      "name": "c4p-page-header-tabs",
-      "path": "./src/components/page-header/page-header-tabs.ts",
-      "description": "Page header Tabs Bar.",
+      "name": "c4p-page-header-title-breadcrumb",
+      "path": "./src/components/page-header/page-header-title-breadcrumb.ts",
+      "description": "Page header Title Breadcrumb",
       "properties": [
+        {
+          "name": "context"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -796,6 +2721,11 @@
       "path": "./src/components/page-header/page-header.ts",
       "description": "Page header.",
       "properties": [
+        {
+          "name": "context",
+          "type": "pageHeaderContextType",
+          "default": "{}"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -819,6 +2749,12 @@
           "type": "string",
           "default": "\"Close\""
         },
+        {
+          "name": "close-icon-tooltip-alignment",
+          "description": "Sets the close button tooltip alignment",
+          "type": "string",
+          "default": "\"left\""
+        },
         {
           "name": "condensed-actions",
           "description": "Determines whether the side panel should render the condensed version (affects action buttons primarily)",
@@ -911,6 +2847,13 @@
           "type": "string",
           "default": "\"Close\""
         },
+        {
+          "name": "closeIconTooltipAlignment",
+          "attribute": "close-icon-tooltip-alignment",
+          "description": "Sets the close button tooltip alignment",
+          "type": "string",
+          "default": "\"left\""
+        },
         {
           "name": "condensedActions",
           "attribute": "condensed-actions",
@@ -1022,6 +2965,22 @@
         {
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
         }
       ],
       "events": [
@@ -1189,6 +3148,22 @@
         {
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
         }
       ],
       "events": [
@@ -1207,18 +3182,6 @@
       "path": "./src/components/truncated-text/truncated-text.ts",
       "description": "TruncatedText.",
       "attributes": [
-        {
-          "name": "lines",
-          "description": "The maximum number of lines to display before truncation.",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "value",
-          "description": "The string value to be truncated.",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "align",
           "description": "Specify how the tooltip should align with the content.",
@@ -1231,6 +3194,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
         {
           "name": "expand-label",
           "description": "The label on expand button.",
@@ -1238,33 +3207,31 @@
           "default": "\"View more\""
         },
         {
-          "name": "collapse-label",
-          "description": "The label on the collapse button.",
+          "name": "id",
+          "description": "Unique identifier for the element.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
         },
-        {
-          "name": "with",
-          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
-          "type": "\"tooltip\" | \"expand\"",
-          "default": "\"tooltip\""
-        }
-      ],
-      "properties": [
         {
           "name": "lines",
-          "attribute": "lines",
           "description": "The maximum number of lines to display before truncation.",
           "type": "number",
           "default": "0"
         },
+        {
+          "name": "type",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
         {
           "name": "value",
-          "attribute": "value",
           "description": "The string value to be truncated.",
           "type": "string",
           "default": "\"\""
-        },
+        }
+      ],
+      "properties": [
         {
           "name": "align",
           "attribute": "align",
@@ -1279,6 +3246,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "collapseLabel",
+          "attribute": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
         {
           "name": "expandLabel",
           "attribute": "expand-label",
@@ -1287,19 +3261,33 @@
           "default": "\"View more\""
         },
         {
-          "name": "collapseLabel",
-          "attribute": "collapse-label",
-          "description": "The label on the collapse button.",
+          "name": "id",
+          "attribute": "id",
+          "description": "Unique identifier for the element.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
+        },
+        {
+          "name": "lines",
+          "attribute": "lines",
+          "description": "The maximum number of lines to display before truncation.",
+          "type": "number",
+          "default": "0"
         },
         {
-          "name": "with",
-          "attribute": "with",
+          "name": "type",
+          "attribute": "type",
           "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
           "type": "\"tooltip\" | \"expand\"",
           "default": "\"tooltip\""
         },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -1311,18 +3299,6 @@
       "path": "./src/components/truncated-text/truncated-text.ts",
       "description": "TruncatedText.",
       "attributes": [
-        {
-          "name": "lines",
-          "description": "The maximum number of lines to display before truncation.",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "value",
-          "description": "The string value to be truncated.",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "align",
           "description": "Specify how the tooltip should align with the content.",
@@ -1335,6 +3311,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
         {
           "name": "expand-label",
           "description": "The label on expand button.",
@@ -1342,33 +3324,31 @@
           "default": "\"View more\""
         },
         {
-          "name": "collapse-label",
-          "description": "The label on the collapse button.",
+          "name": "id",
+          "description": "Unique identifier for the element.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
         },
-        {
-          "name": "with",
-          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
-          "type": "\"tooltip\" | \"expand\"",
-          "default": "\"tooltip\""
-        }
-      ],
-      "properties": [
         {
           "name": "lines",
-          "attribute": "lines",
           "description": "The maximum number of lines to display before truncation.",
           "type": "number",
           "default": "0"
         },
+        {
+          "name": "type",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
         {
           "name": "value",
-          "attribute": "value",
           "description": "The string value to be truncated.",
           "type": "string",
           "default": "\"\""
-        },
+        }
+      ],
+      "properties": [
         {
           "name": "align",
           "attribute": "align",
@@ -1383,6 +3363,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "collapseLabel",
+          "attribute": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
         {
           "name": "expandLabel",
           "attribute": "expand-label",
@@ -1391,19 +3378,33 @@
           "default": "\"View more\""
         },
         {
-          "name": "collapseLabel",
-          "attribute": "collapse-label",
-          "description": "The label on the collapse button.",
+          "name": "id",
+          "attribute": "id",
+          "description": "Unique identifier for the element.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
+        },
+        {
+          "name": "lines",
+          "attribute": "lines",
+          "description": "The maximum number of lines to display before truncation.",
+          "type": "number",
+          "default": "0"
         },
         {
-          "name": "with",
-          "attribute": "with",
+          "name": "type",
+          "attribute": "type",
           "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
           "type": "\"tooltip\" | \"expand\"",
           "default": "\"tooltip\""
         },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -1492,6 +3493,11 @@
           "attribute": "theme",
           "description": "Set theme in which the component will be rendered."
         },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -1518,6 +3524,22 @@
         {
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
         }
       ]
     }