{
  "version": "experimental",
  "tags": [
    {
      "name": "c4p-about-modal",
      "path": "./src/components/about-modal/about-modal.ts",
      "description": "About Modal.",
      "attributes": [
        {
          "name": "open",
          "description": "Determines if About Modal is open or not.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "closeIconDescription",
          "description": "Determines if About Modal is open or not.",
          "type": "string",
          "default": "\"close\""
        },
        {
          "name": "copyrightText",
          "description": "Determines if About Modal is open or not."
        },
        {
          "name": "logo",
          "description": "A visual symbol used to represent the product."
        },
        {
          "name": "version",
          "description": "Text that provides information on the version number of your product."
        },
        {
          "name": "title",
          "description": "Header text that provides the product name. The IBM Services logo consists of two discrete, but required, elements: the iconic IBM 8-bar logo represented alongside the IBM Services logotype. Please follow these guidelines to ensure proper execution."
        },
        {
          "name": "additionalInfo",
          "description": "If you are legally required to display logos of technologies used to build your product you can provide this in the additionalInfo. Additional information will be displayed in the footer."
        },
        {
          "name": "content",
          "description": "Subhead text providing any relevant product disclaimers including legal information (optional)"
        },
        {
          "name": "links",
          "description": "An array of Carbon `Link` component if there are additional information to call out within the card. The about modal should be used to display the product information and not where users go to find help (optional)"
        }
      ],
      "properties": [
        {
          "name": "open",
          "attribute": "open",
          "description": "Determines if About Modal is open or not.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "closeIconDescription",
          "attribute": "closeIconDescription",
          "description": "Determines if About Modal is open or not.",
          "type": "string",
          "default": "\"close\""
        },
        {
          "name": "copyrightText",
          "attribute": "copyrightText",
          "description": "Determines if About Modal is open or not."
        },
        {
          "name": "logo",
          "attribute": "logo",
          "description": "A visual symbol used to represent the product."
        },
        {
          "name": "version",
          "attribute": "version",
          "description": "Text that provides information on the version number of your product."
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "Header text that provides the product name. The IBM Services logo consists of two discrete, but required, elements: the iconic IBM 8-bar logo represented alongside the IBM Services logotype. Please follow these guidelines to ensure proper execution."
        },
        {
          "name": "additionalInfo",
          "attribute": "additionalInfo",
          "description": "If you are legally required to display logos of technologies used to build your product you can provide this in the additionalInfo. Additional information will be displayed in the footer."
        },
        {
          "name": "content",
          "attribute": "content",
          "description": "Subhead text providing any relevant product disclaimers including legal information (optional)"
        },
        {
          "name": "links",
          "attribute": "links",
          "description": "An array of Carbon `Link` component if there are additional information to call out within the card. The about modal should be used to display the product information and not where users go to find help (optional)"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ],
      "events": [
        {
          "name": "c4p-about-modal-beingclosed",
          "description": "The custom event fired before this about modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this about modal."
        },
        {
          "name": "c4p-about-modal-closed",
          "description": "The custom event fired after this about modal is closed upon a user gesture."
        }
      ]
    },
    {
      "name": "c4p-action-set",
      "path": "./src/components/action-set/action-set.ts",
      "description": "Action Set component - A specialized button set with validation and ordering logic.\nExtends Carbon's button-set with additional features for action buttons.",
      "attributes": [
        {
          "name": "button-size",
          "description": "The size of buttons to use for the actions.",
          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | undefined"
        },
        {
          "name": "size",
          "description": "The size of the action set. Different button arrangements are used at\ndifferent sizes, to make best use of the available space.",
          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"",
          "default": "\"md\""
        },
        {
          "name": "disable-stacking",
          "description": "When true, prevents automatic stacking of buttons even when size would\nnormally trigger stacking (e.g., 'sm' size or 'md' with 3+ actions).\nButtons will remain in a horizontal layout.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "actions",
          "description": "Array of action button configurations. When provided, buttons will be\nrendered internally instead of using slotted content.",
          "type": "ActionButton[]",
          "default": "[]"
        }
      ],
      "properties": [
        {
          "name": "stacked",
          "description": "Computed property: `true` if the buttons are currently stacked.\nThis is derived from size, disableStacking, and button count.",
          "type": "boolean"
        },
        {
          "name": "buttonSize",
          "attribute": "button-size",
          "description": "The size of buttons to use for the actions.",
          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | undefined"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The size of the action set. Different button arrangements are used at\ndifferent sizes, to make best use of the available space.",
          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"",
          "default": "\"md\""
        },
        {
          "name": "disableStacking",
          "attribute": "disable-stacking",
          "description": "When true, prevents automatic stacking of buttons even when size would\nnormally trigger stacking (e.g., 'sm' size or 'md' with 3+ actions).\nButtons will remain in a horizontal layout.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "actions",
          "attribute": "actions",
          "description": "Array of action button configurations. When provided, buttons will be\nrendered internally instead of using slotted content.",
          "type": "ActionButton[]",
          "default": "[]"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Slot for cds-button elements (used when actions prop is not provided)"
        }
      ]
    },
    {
      "name": "c4p-add-select-body",
      "path": "./src/components/add-select/add-select-body.ts",
      "description": "Add Select Body component - contains the main content area",
      "attributes": [
        {
          "name": "items-label",
          "description": "Label for items section",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "global-search-label",
          "description": "Global search label",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "global-search-placeholder",
          "description": "Global search placeholder",
          "type": "string",
          "default": "\"Search\""
        },
        {
          "name": "search-results-title",
          "description": "No results title",
          "type": "string",
          "default": "\"Search results\""
        },
        {
          "name": "item-count",
          "description": "Item count for display",
          "type": "number",
          "default": "0"
        },
        {
          "name": "path",
          "description": "Navigation path for breadcrumbs",
          "type": "{ id: string; title: string; }[]",
          "default": "[]"
        }
      ],
      "properties": [
        {
          "name": "itemsLabel",
          "attribute": "items-label",
          "description": "Label for items section",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "globalSearchLabel",
          "attribute": "global-search-label",
          "description": "Global search label",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "globalSearchPlaceholder",
          "attribute": "global-search-placeholder",
          "description": "Global search placeholder",
          "type": "string",
          "default": "\"Search\""
        },
        {
          "name": "searchResultsTitle",
          "attribute": "search-results-title",
          "description": "No results title",
          "type": "string",
          "default": "\"Search results\""
        },
        {
          "name": "itemCount",
          "attribute": "item-count",
          "description": "Item count for display",
          "type": "number",
          "default": "0"
        },
        {
          "name": "path",
          "attribute": "path",
          "description": "Navigation path for breadcrumbs",
          "type": "{ id: string; title: string; }[]",
          "default": "[]"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "c4p-add-select-body-search",
          "description": "Fired when search term changes"
        }
      ],
      "slots": [
        {
          "name": "default",
          "description": "The main content area containing c4p-add-select-content"
        },
        {
          "name": "header",
          "description": "Custom header content"
        }
      ]
    },
    {
      "name": "c4p-add-select-content",
      "path": "./src/components/add-select/add-select-content.ts",
      "description": "Add Select Content component - contains the list of selectable items",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "c4p-add-select-row-navigate"
        },
        {
          "name": "c4p-add-select-row-select"
        }
      ],
      "slots": [
        {
          "name": "default",
          "description": "Contains c4p-add-select-row components"
        }
      ]
    },
    {
      "name": "c4p-add-select-row",
      "path": "./src/components/add-select/add-select-row.ts",
      "description": "Add Select Row component - represents a single selectable row",
      "attributes": [
        {
          "name": "item-id",
          "description": "Unique identifier for the item",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "description": "Item title",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "subtitle",
          "description": "Item subtitle",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "Item value",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selected",
          "description": "Whether the item is selected",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "Whether the item is disabled",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "has-children",
          "description": "Whether the item has children (for navigation)",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "parent-id",
          "description": "Parent ID for hierarchical navigation",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "itemId",
          "attribute": "item-id",
          "description": "Unique identifier for the item",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "Item title",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "subtitle",
          "attribute": "subtitle",
          "description": "Item subtitle",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "Item value",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Whether the item is selected",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Whether the item is disabled",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hasChildren",
          "attribute": "has-children",
          "description": "Whether the item has children (for navigation)",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "parentId",
          "attribute": "parent-id",
          "description": "Parent ID for hierarchical navigation",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "c4p-add-select-row-select",
          "description": "Fired when row is selected/deselected"
        },
        {
          "name": "c4p-add-select-row-navigate",
          "description": "Fired when navigating to children"
        }
      ],
      "slots": [
        {
          "name": "default",
          "description": "Custom content to render after the title/subtitle section. Useful for adding badges, tags, or other metadata to the row."
        },
        {
          "name": "icon",
          "description": "Optional icon slot"
        },
        {
          "name": "meta",
          "description": "Optional metadata slot"
        }
      ]
    },
    {
      "name": "c4p-add-select",
      "path": "./src/components/add-select/add-select.ts",
      "description": "Add Select wrapper component - provides context for child components",
      "attributes": [
        {
          "name": "multi",
          "description": "Whether this is a multi-select (checkboxes) or single-select (radio buttons)",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "multi",
          "attribute": "multi",
          "description": "Whether this is a multi-select (checkboxes) or single-select (radio buttons)",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "default",
          "description": "The main content area containing c4p-add-select-body"
        }
      ]
    },
    {
      "name": "c4p-big-number-skeleton",
      "path": "./src/components/big-number/big-number-skeleton.ts",
      "attributes": [
        {
          "name": "size",
          "type": "\"lg\" | \"xl\" | \"default\" | undefined",
          "default": "\"default\""
        }
      ],
      "properties": [
        {
          "name": "size",
          "attribute": "size",
          "type": "\"lg\" | \"xl\" | \"default\" | undefined",
          "default": "\"default\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "c4p-big-number",
      "path": "./src/components/big-number/big-number.ts",
      "attributes": [
        {
          "name": "fraction-digits",
          "type": "number",
          "default": "1"
        },
        {
          "name": "label",
          "type": "string | undefined"
        },
        {
          "name": "loading",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "locale",
          "type": "string",
          "default": "\"en-US\""
        },
        {
          "name": "percentage",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "type": "\"lg\" | \"xl\" | \"default\"",
          "default": "\"default\""
        },
        {
          "name": "total",
          "type": "number | undefined"
        },
        {
          "name": "trending",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "truncate",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "value",
          "type": "number | undefined"
        }
      ],
      "properties": [
        {
          "name": "fractionDigits",
          "attribute": "fraction-digits",
          "type": "number",
          "default": "1"
        },
        {
          "name": "label",
          "attribute": "label",
          "type": "string | undefined"
        },
        {
          "name": "loading",
          "attribute": "loading",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "locale",
          "attribute": "locale",
          "type": "string",
          "default": "\"en-US\""
        },
        {
          "name": "percentage",
          "attribute": "percentage",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "type": "\"lg\" | \"xl\" | \"default\"",
          "default": "\"default\""
        },
        {
          "name": "total",
          "attribute": "total",
          "type": "number | undefined"
        },
        {
          "name": "trending",
          "attribute": "trending",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "truncate",
          "attribute": "truncate",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "value",
          "attribute": "value",
          "type": "number | undefined"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "label",
          "description": "Header area that displays the label above the value. This slot can be customized to include an info icon and a tooltip for additional context."
        },
        {
          "name": "trending-icon",
          "description": "Displays an icon indicating trend direction. Can be customized to show a downward arrow when the trend is not upward."
        },
        {
          "name": "icon-button",
          "description": "Displays an icon button next to `value`."
        }
      ]
    },
    {
      "name": "c4p-checklist-chart",
      "path": "./src/components/checklist/checklist-chart.ts",
      "attributes": [
        {
          "name": "value",
          "description": "A number between 0 and 1 which indicates the progress of checklist",
          "type": "number",
          "default": "0"
        }
      ],
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "A number between 0 and 1 which indicates the progress of checklist",
          "type": "number",
          "default": "0"
        }
      ]
    },
    {
      "name": "c4p-checklist-group",
      "path": "./src/components/checklist/checklist-group.ts",
      "description": "Sections in c4p-checklist",
      "attributes": [
        {
          "name": "title",
          "description": "Title text of the c4p-checklist-group"
        }
      ],
      "properties": [
        {
          "name": "title",
          "attribute": "title",
          "description": "Title text of the c4p-checklist-group"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "default",
          "description": "Contains one or more `c4p-checklist-item` components"
        }
      ]
    },
    {
      "name": "c4p-checklist-icon",
      "path": "./src/components/checklist/checklist-icon.ts",
      "attributes": [
        {
          "name": "kind",
          "description": "The icon to be displayed.\nValues can be 'unchecked', 'indeterminate', 'checked', 'error', 'disabled'",
          "type": "Kinds",
          "default": "\"unchecked\""
        }
      ],
      "properties": [
        {
          "name": "kind",
          "attribute": "kind",
          "description": "The icon to be displayed.\nValues can be 'unchecked', 'indeterminate', 'checked', 'error', 'disabled'",
          "type": "Kinds",
          "default": "\"unchecked\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "c4p-checklist-item",
      "path": "./src/components/checklist/checklist-item.ts",
      "description": "item in c4p-checklist-group",
      "attributes": [
        {
          "name": "label",
          "description": "label of the c4p-checklist-item"
        },
        {
          "name": "status",
          "description": "status of the c4p-checklist-item\nValues can be 'not started', 'in progress', 'completed', 'error', 'disabled'"
        },
        {
          "name": "clickable",
          "description": "When true, makes the checklist item label clickable",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "label",
          "attribute": "label",
          "description": "label of the c4p-checklist-item"
        },
        {
          "name": "status",
          "attribute": "status",
          "description": "status of the c4p-checklist-item\nValues can be 'not started', 'in progress', 'completed', 'error', 'disabled'"
        },
        {
          "name": "clickable",
          "attribute": "clickable",
          "description": "When true, makes the checklist item label clickable",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "c4p-checklist-item-clicked",
          "description": "The custom event which is fired when a user clicks on checklist item with clickable attribute."
        }
      ],
      "slots": [
        {
          "name": "icon",
          "description": "checklist item icon, usually a status indicator icon"
        },
        {
          "name": "content",
          "description": "checklist item title/description"
        }
      ]
    },
    {
      "name": "c4p-checklist",
      "path": "./src/components/checklist/checklist.ts",
      "attributes": [
        {
          "name": "open",
          "description": "Specifies whether the component is opened or closed.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "title",
          "description": "The title of the component."
        },
        {
          "name": "chart-label",
          "description": "The label for progress indicator chart"
        },
        {
          "name": "chart-value",
          "description": "A number between 0 and 1 which indicates the progress of checklist"
        },
        {
          "name": "disable-toggle",
          "description": "Whether or not to show the open/close toggle.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "toggle-label",
          "description": "The label for the toggle's tooltip."
        },
        {
          "name": "toggle-label-align",
          "description": "The alignment of the toggle's tooltip."
        },
        {
          "name": "toggle-aria-label",
          "description": "Aria-label for the Checklist's toggle component."
        },
        {
          "name": "view-all-label",
          "description": "If defined, will show and enable the \"View all (#)\" button in the checklist footer."
        }
      ],
      "properties": [
        {
          "name": "open",
          "attribute": "open",
          "description": "Specifies whether the component is opened or closed.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title of the component."
        },
        {
          "name": "chartLabel",
          "attribute": "chart-label",
          "description": "The label for progress indicator chart"
        },
        {
          "name": "chartValue",
          "attribute": "chart-value",
          "description": "A number between 0 and 1 which indicates the progress of checklist"
        },
        {
          "name": "disableToggle",
          "attribute": "disable-toggle",
          "description": "Whether or not to show the open/close toggle.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "toggleLabel",
          "attribute": "toggle-label",
          "description": "The label for the toggle's tooltip."
        },
        {
          "name": "toggleLabelAlign",
          "attribute": "toggle-label-align",
          "description": "The alignment of the toggle's tooltip."
        },
        {
          "name": "toggleAriaLabel",
          "attribute": "toggle-aria-label",
          "description": "Aria-label for the Checklist's toggle component."
        },
        {
          "name": "viewAllLabel",
          "attribute": "view-all-label",
          "description": "If defined, will show and enable the \"View all (#)\" button in the checklist footer."
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "c4p-checklist-view-all",
          "description": "The custom event which is fired when a user clicks on View All button in checklist footer."
        },
        {
          "name": "c4p-checklist-toggle",
          "description": "The custom event which is fired when user clicks on toggle button in checklist header."
        }
      ],
      "slots": [
        {
          "name": "checklist-header",
          "description": "Header area which includes the title and the progress indicator."
        },
        {
          "name": "default",
          "description": "Contains one or more `c4p-checklist-group` components to organize tasks into logical groups."
        },
        {
          "name": "checklist-footer",
          "description": "Optional footer area for actions like buttons, links, or additional notes."
        }
      ]
    },
    {
      "name": "c4p-coachmark-beacon",
      "path": "./src/components/coachmark/coachmark-beacon/coachmark-beacon.ts",
      "description": "CoachmarkBeacon.",
      "attributes": [
        {
          "name": "kind",
          "description": "What style of beacon.\nBEACON_KIND is an enum from the Coachmark and can be used for this value.",
          "type": "BEACON_KIND | undefined",
          "default": "\"default\""
        },
        {
          "name": "label",
          "description": "The aria label.",
          "type": "string",
          "default": "\"Show information\""
        },
        {
          "name": "id",
          "description": "id for the coachmark beacon",
          "type": "string",
          "default": "\"crypto.randomUUID()\""
        },
        {
          "name": "expanded",
          "description": "specify aria-expanded of beacon",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "kind",
          "attribute": "kind",
          "description": "What style of beacon.\nBEACON_KIND is an enum from the Coachmark and can be used for this value.",
          "type": "BEACON_KIND | undefined",
          "default": "\"default\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "The aria label.",
          "type": "string",
          "default": "\"Show information\""
        },
        {
          "name": "id",
          "attribute": "id",
          "description": "id for the coachmark beacon",
          "type": "string",
          "default": "\"crypto.randomUUID()\""
        },
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "specify aria-expanded of beacon",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "shadowRootOptions",
          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
          "default": "{\"delegatesFocus\":true}"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ],
      "events": [
        {
          "name": "c4p-coachmark-beacon-clicked",
          "description": "Custom event fired when beacon is clicked"
        }
      ]
    },
    {
      "name": "c4p-coachmark-body",
      "path": "./src/components/coachmark/coachmark-body.ts",
      "description": "coachmark-body for content body",
      "properties": [
        {
          "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": "c4p-coachmark-header",
      "path": "./src/components/coachmark/coachmark-header.ts",
      "description": "coachmark-header for content header section",
      "attributes": [
        {
          "name": "closeIconDescription",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "dragIconDescription",
          "description": "Tooltip text and aria label for the Drag button icon.",
          "type": "string | undefined",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "closeIconDescription",
          "attribute": "closeIconDescription",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "dragIconDescription",
          "attribute": "dragIconDescription",
          "description": "Tooltip text and aria label for the Drag button icon.",
          "type": "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": "c4p-coachmark-tagline",
      "path": "./src/components/coachmark/coachmark-tagline/coachmark-tagline.ts",
      "description": "DO NOT USE. This component is for the exclusive use\nof other Onboarding components.\n\nCoachmark tagline component.",
      "attributes": [
        {
          "name": "close-icon-description",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "title",
          "description": "The title of the tagline.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "description": "Whether the tagline is open.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "closeIconDescription",
          "attribute": "close-icon-description",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title of the tagline.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "Whether the tagline is open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "shadowRootOptions",
          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
          "default": "{\"delegatesFocus\":true}"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ],
      "events": [
        {
          "name": "c4p-coachmark-tagline-close",
          "description": "Custom event fired when close button is clicked"
        },
        {
          "name": "c4p-coachmark-tagline-cta-click",
          "description": "Custom event fired when tagline CTA is clicked"
        }
      ]
    },
    {
      "name": "c4p-coachmark",
      "path": "./src/components/coachmark/coachmark.ts",
      "description": "coachmark main component",
      "attributes": [
        {
          "name": "open",
          "description": "Specifies whether the component is currently open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "align",
          "description": "Where to render the Coachmark relative to its target.",
          "type": "string | undefined",
          "default": "\"top\""
        },
        {
          "name": "position",
          "description": "Fine tune the position of the target in pixels.",
          "type": "{ x: number; y: number; } | undefined"
        },
        {
          "name": "floating",
          "description": "Specifies whether the component is floating or not.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "highContrast",
          "description": "Specify whether the component should be rendered on high-contrast.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "dropShadow",
          "description": "Specify whether a drop shadow should be rendered on the popover.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "caret",
          "description": "Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "selector-primary-focus",
          "description": "CSS selector for the element that should receive focus when the coachmark opens.\nIf not provided, no automatic focus management will occur.",
          "type": "string | undefined"
        },
        {
          "name": "drag-aria-label",
          "description": "Aria label for when the floating coachmark is picked up for dragging.",
          "type": "string | undefined",
          "default": "\"Picked up the draggable coachmark\""
        }
      ],
      "properties": [
        {
          "name": "open",
          "attribute": "open",
          "description": "Specifies whether the component is currently open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "align",
          "attribute": "align",
          "description": "Where to render the Coachmark relative to its target.",
          "type": "string | undefined",
          "default": "\"top\""
        },
        {
          "name": "position",
          "attribute": "position",
          "description": "Fine tune the position of the target in pixels.",
          "type": "{ x: number; y: number; } | undefined"
        },
        {
          "name": "floating",
          "attribute": "floating",
          "description": "Specifies whether the component is floating or not.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "highContrast",
          "attribute": "highContrast",
          "description": "Specify whether the component should be rendered on high-contrast.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "dropShadow",
          "attribute": "dropShadow",
          "description": "Specify whether a drop shadow should be rendered on the popover.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "caret",
          "attribute": "caret",
          "description": "Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "selectorPrimaryFocus",
          "attribute": "selector-primary-focus",
          "description": "CSS selector for the element that should receive focus when the coachmark opens.\nIf not provided, no automatic focus management will occur.",
          "type": "string | undefined"
        },
        {
          "name": "dragAriaLabel",
          "attribute": "drag-aria-label",
          "description": "Aria label for when the floating coachmark is picked up for dragging.",
          "type": "string | undefined",
          "default": "\"Picked up the draggable coachmark\""
        },
        {
          "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"
        }
      ],
      "events": [
        {
          "name": "c4p-coachmark-opened",
          "description": "The custom event fired when the coachmark is opened.\nThis event can be used to perform actions such as focusing elements when the coachmark becomes visible."
        },
        {
          "name": "c4p-coachmark-closed",
          "description": "The custom event fired when the coachmark is closed.\nThis event can be used to perform actions such as restoring focus when the coachmark is dismissed."
        }
      ]
    },
    {
      "name": "c4p-edit-in-place",
      "path": "./src/components/edit-in-place/edit-in-place.ts",
      "description": "EditInPlace component for inline text editing.",
      "attributes": [
        {
          "name": "cancel-label",
          "description": "Label for the cancel button",
          "type": "string",
          "default": "\"Cancel\""
        },
        {
          "name": "edit-always-visible",
          "description": "By default the edit icon is shown on hover only. Set to true to always show it.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "edit-label",
          "description": "Label for the edit button",
          "type": "string",
          "default": "\"Edit\""
        },
        {
          "name": "id",
          "description": "Specify a custom id for the input",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "inherit-typography",
          "description": "Causes the text entry field to inherit typography settings from the container",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "invalid",
          "description": "Determines if the input is invalid",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "invalid-text",
          "description": "Text that is displayed if the input is invalid",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "Text that will be read by a screen reader when visiting this control",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "description": "Placeholder text for the input",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "read-only",
          "description": "Determines if the input is in readOnly mode",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "read-only-label",
          "description": "Label for the edit off button that displays when in read only mode",
          "type": "string",
          "default": "\"Edit off\""
        },
        {
          "name": "read-only-toggletip-text",
          "description": "Text for the toggletip that displays when in read only mode",
          "type": "string",
          "default": "\"This field is read-only and cannot be edited\""
        },
        {
          "name": "save-label",
          "description": "Label for the save button",
          "type": "string",
          "default": "\"Save\""
        },
        {
          "name": "size",
          "description": "Vertical size of control",
          "type": "\"sm\" | \"md\" | \"lg\"",
          "default": "\"sm\""
        },
        {
          "name": "toggletip-alignment",
          "description": "Alignment for the toggletip that displays when in read only mode",
          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
          "default": "\"bottom\""
        },
        {
          "name": "tooltip-alignment",
          "description": "Tooltip alignment for buttons",
          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
          "default": "\"top\""
        },
        {
          "name": "value",
          "description": "Current value of the input (controlled mode)",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "default-value",
          "description": "Default value for uncontrolled mode",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "cancelLabel",
          "attribute": "cancel-label",
          "description": "Label for the cancel button",
          "type": "string",
          "default": "\"Cancel\""
        },
        {
          "name": "editAlwaysVisible",
          "attribute": "edit-always-visible",
          "description": "By default the edit icon is shown on hover only. Set to true to always show it.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "editLabel",
          "attribute": "edit-label",
          "description": "Label for the edit button",
          "type": "string",
          "default": "\"Edit\""
        },
        {
          "name": "id",
          "attribute": "id",
          "description": "Specify a custom id for the input",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "inheritTypography",
          "attribute": "inherit-typography",
          "description": "Causes the text entry field to inherit typography settings from the container",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "Determines if the input is invalid",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "invalidText",
          "attribute": "invalid-text",
          "description": "Text that is displayed if the input is invalid",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "Text that will be read by a screen reader when visiting this control",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Placeholder text for the input",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readOnly",
          "attribute": "read-only",
          "description": "Determines if the input is in readOnly mode",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "readOnlyLabel",
          "attribute": "read-only-label",
          "description": "Label for the edit off button that displays when in read only mode",
          "type": "string",
          "default": "\"Edit off\""
        },
        {
          "name": "readOnlyToggleTipText",
          "attribute": "read-only-toggletip-text",
          "description": "Text for the toggletip that displays when in read only mode",
          "type": "string",
          "default": "\"This field is read-only and cannot be edited\""
        },
        {
          "name": "saveLabel",
          "attribute": "save-label",
          "description": "Label for the save button",
          "type": "string",
          "default": "\"Save\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Vertical size of control",
          "type": "\"sm\" | \"md\" | \"lg\"",
          "default": "\"sm\""
        },
        {
          "name": "toggleTipAlignment",
          "attribute": "toggletip-alignment",
          "description": "Alignment for the toggletip that displays when in read only mode",
          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
          "default": "\"bottom\""
        },
        {
          "name": "tooltipAlignment",
          "attribute": "tooltip-alignment",
          "description": "Tooltip alignment for buttons",
          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
          "default": "\"top\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "Current value of the input (controlled mode)",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "defaultValue",
          "attribute": "default-value",
          "description": "Default value for uncontrolled mode",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "c4p-edit-in-place-change",
          "description": "Fired when the input value changes"
        },
        {
          "name": "c4p-edit-in-place-save",
          "description": "Fired when the save button is clicked or Enter is pressed"
        },
        {
          "name": "c4p-edit-in-place-cancel",
          "description": "Fired when the cancel button is clicked or Escape is pressed"
        },
        {
          "name": "c4p-edit-in-place-blur",
          "description": "Fired when the input loses focus (if onBlur handler is used)"
        }
      ],
      "cssParts": [
        {
          "name": "input",
          "description": "The input element"
        },
        {
          "name": "actions",
          "description": "The button container"
        },
        {
          "name": "invalid-text",
          "description": "The error message container"
        }
      ]
    },
    {
      "name": "c4p-full-page-error",
      "path": "./src/components/full-page-error/full-page-error.ts",
      "description": "FullPageError.",
      "attributes": [
        {
          "name": "label",
          "description": "Sets the label text",
          "type": "string",
          "default": "\"Error Label\""
        },
        {
          "name": "description",
          "description": "Sets the description text",
          "type": "string | undefined"
        },
        {
          "name": "kind",
          "description": "Sets what kind of error it is. '404' | '403' | 'custom'",
          "type": "Kind",
          "default": "\"custom\""
        },
        {
          "name": "title",
          "description": "Sets the title text",
          "type": "string",
          "default": "\"Title\""
        }
      ],
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Sets the label text",
          "type": "string",
          "default": "\"Error Label\""
        },
        {
          "name": "description",
          "attribute": "description",
          "description": "Sets the description text",
          "type": "string | undefined"
        },
        {
          "name": "kind",
          "attribute": "kind",
          "description": "Sets what kind of error it is. '404' | '403' | 'custom'",
          "type": "Kind",
          "default": "\"custom\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "Sets the title text",
          "type": "string",
          "default": "\"Title\""
        }
      ]
    },
    {
      "name": "elementName",
      "path": "./src/components/full-page-error/full-page-error.ts",
      "description": "FullPageError.",
      "attributes": [
        {
          "name": "label",
          "description": "Sets the label text",
          "type": "string",
          "default": "\"Error Label\""
        },
        {
          "name": "description",
          "description": "Sets the description text",
          "type": "string | undefined"
        },
        {
          "name": "kind",
          "description": "Sets what kind of error it is. '404' | '403' | 'custom'",
          "type": "Kind",
          "default": "\"custom\""
        },
        {
          "name": "title",
          "description": "Sets the title text",
          "type": "string",
          "default": "\"Title\""
        }
      ],
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Sets the label text",
          "type": "string",
          "default": "\"Error Label\""
        },
        {
          "name": "description",
          "attribute": "description",
          "description": "Sets the description text",
          "type": "string | undefined"
        },
        {
          "name": "kind",
          "attribute": "kind",
          "description": "Sets what kind of error it is. '404' | '403' | 'custom'",
          "type": "Kind",
          "default": "\"custom\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "Sets the title text",
          "type": "string",
          "default": "\"Title\""
        }
      ]
    },
    {
      "name": "c4p-guide-banner-element",
      "path": "./src/components/guide-banner/guide-banner-element.ts",
      "description": "GuideBannerElement.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ],
      "cssParts": [
        {
          "name": "guide-banner-element"
        }
      ]
    },
    {
      "name": "c4p-guide-banner",
      "path": "./src/components/guide-banner/guide-banner.ts",
      "description": "GuideBanner.",
      "attributes": [
        {
          "name": "collapseText",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "expandText",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "open",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "titleText",
          "type": "string | undefined",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "collapseText",
          "attribute": "collapseText",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "expandText",
          "attribute": "expandText",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "titleText",
          "attribute": "titleText",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ],
      "events": [
        {
          "name": "c4p-guide-banner-toggle",
          "description": "Custom event fired when banner is opened"
        },
        {
          "name": "c4p-guide-banner-close",
          "description": "Custom event fired when banner is closed"
        }
      ],
      "cssParts": [
        {
          "name": "guide-banner"
        }
      ]
    },
    {
      "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": "stepTitle",
          "description": "This will serve the labels for each step",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "stepTitle",
          "attribute": "stepTitle",
          "description": "This will serve the labels for each step",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ]
    },
    {
      "name": "c4p-interstitial-screen-body",
      "path": "./src/components/interstitial-screen/interstitial-screen-body.ts",
      "description": "interstitial-screen-body for body section",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"body\""
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"body\""
        },
        {
          "name": "stepType",
          "type": "\"single\" | \"multi\"",
          "default": "\"multi\""
        },
        {
          "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"
        }
      ],
      "events": [
        {
          "name": "c4p-on-before-step-change",
          "description": "The name of the custom event fired at the start of  the step change."
        },
        {
          "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": "nextButtonLabel",
          "description": "The label for the Next button.",
          "type": "string",
          "default": "\"Next\""
        },
        {
          "name": "previousButtonLabel",
          "description": "The label for the Previous button.",
          "type": "string",
          "default": "\"Back\""
        },
        {
          "name": "skipButtonLabel",
          "description": "The label for the skip button.",
          "type": "string",
          "default": "\"Skip\""
        },
        {
          "name": "startButtonLabel",
          "description": "The label for the start button.",
          "type": "string",
          "default": "\"Get Started\""
        },
        {
          "name": "slot",
          "type": "string",
          "default": "\"footer\""
        },
        {
          "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": "previousButtonLabel",
          "attribute": "previousButtonLabel",
          "description": "The label for the Previous button.",
          "type": "string",
          "default": "\"Back\""
        },
        {
          "name": "skipButtonLabel",
          "attribute": "skipButtonLabel",
          "description": "The label for the skip button.",
          "type": "string",
          "default": "\"Skip\""
        },
        {
          "name": "startButtonLabel",
          "attribute": "startButtonLabel",
          "description": "The label for the start button.",
          "type": "string",
          "default": "\"Get Started\""
        },
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"footer\""
        },
        {
          "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": "loadingAction"
        },
        {
          "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": "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": "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-interstitial-screen-header",
      "path": "./src/components/interstitial-screen/interstitial-screen-header.ts",
      "description": "interstitial-screen-header for header section",
      "attributes": [
        {
          "name": "header-title",
          "description": "Provide an optional title to be applied to the header.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "slot",
          "type": "string",
          "default": "\"header\""
        },
        {
          "name": "header-subtitle",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "closeIconDescription",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "hideProgressIndicator",
          "description": "Optional parameter to hide the progress indicator when multiple steps are used.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "headerTitle",
          "attribute": "header-title",
          "description": "Provide an optional title to be applied to the header.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"header\""
        },
        {
          "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": "getElementForAriaLive",
          "type": "() => TemplateResult<1>",
          "default": "\"() => {\\n    const currentStep = interstitialDetailsSignal.get().currentStep;\\n    const stepDetails = interstitialDetailsSignal.get().stepDetails;\\n    return html` <div\\n      aria-live=\\\"polite\\\"\\n      aria-atomic=\\\"true\\\"\\n      class=\\\"${carbonPrefix}--visually-hidden\\\"\\n    >\\n      Step ${currentStep + 1} of ${stepDetails.length}\\n    </div>`;\\n  }\""
        },
        {
          "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": "c4p-interstitial-screen",
      "path": "./src/components/interstitial-screen/interstitial-screen.ts",
      "description": "interstitial-screen main component",
      "attributes": [
        {
          "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": "false"
        },
        {
          "name": "open",
          "description": "Specifies whether the component is currently open.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "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": "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"
        }
      ],
      "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": "viewAllLabel",
          "attribute": "view-all-label",
          "description": "Label for View All Text",
          "type": "string",
          "default": "\"View All\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ],
      "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": "dismiss-all-label",
          "description": "Sets the label text for the \"Dismiss all\" button in the Notification panel"
        },
        {
          "name": "empty-state-label",
          "description": "Sets the empty state label text when there are no notifications"
        },
        {
          "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": "emptyStateLabel",
          "attribute": "empty-state-label",
          "description": "Sets the empty state label text when there are no notifications"
        },
        {
          "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"
        }
      ],
      "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"
        }
      ],
      "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": "defaultOpen",
          "description": "Determines if the tile is open by default",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "titleId",
          "description": "ID for the title",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "titleText",
          "description": "Text for the title",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "locked",
          "description": "Whether the OptionsTile is in locked validation state.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "lockedText",
          "description": "Provide a text explaining why the OptionsTile is in locked state.",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "warn",
          "description": "Whether the OptionsTile is in warning validation state.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "warnText",
          "description": "Provide a text explaining why the OptionsTile is in warning state.",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "size",
          "description": "Determines the size of the header",
          "type": "\"lg\" | \"xl\" | undefined",
          "default": "\"lg\""
        }
      ],
      "properties": [
        {
          "name": "defaultOpen",
          "attribute": "defaultOpen",
          "description": "Determines if the tile is open by default",
          "type": "boolean | undefined",
          "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": "locked",
          "attribute": "locked",
          "description": "Whether the OptionsTile is in locked validation state.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "lockedText",
          "attribute": "lockedText",
          "description": "Provide a text explaining why the OptionsTile is in locked state.",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "warn",
          "attribute": "warn",
          "description": "Whether the OptionsTile is in warning validation state.",
          "type": "boolean | undefined",
          "default": "false"
        },
        {
          "name": "warnText",
          "attribute": "warnText",
          "description": "Provide a text explaining why the OptionsTile is in warning state.",
          "type": "string | undefined",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Determines the size of the header",
          "type": "\"lg\" | \"xl\" | undefined",
          "default": "\"lg\""
        }
      ],
      "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": "c4p-page-header-actions-set",
      "path": "./src/components/page-header/page-header-actions-set/page-header-actions-set.ts",
      "attributes": [
        {
          "name": "actions-data",
          "description": "The list of page action labels for overflow menu.",
          "type": "PageAction[]",
          "default": "[]"
        },
        {
          "name": "overflow-aria-label",
          "description": "Aria label for the overflow menu button.",
          "type": "string",
          "default": "\"More page actions\""
        }
      ],
      "properties": [
        {
          "name": "hiddenItems",
          "description": "Hidden actions that will be rendered in the overflow menu.",
          "type": "PageAction[]",
          "default": "[]"
        },
        {
          "name": "actionsData",
          "attribute": "actions-data",
          "description": "The list of page action labels for overflow menu.",
          "type": "PageAction[]",
          "default": "[]"
        },
        {
          "name": "overflowAriaLabel",
          "attribute": "overflow-aria-label",
          "description": "Aria label for the overflow menu button.",
          "type": "string",
          "default": "\"More page actions\""
        },
        {
          "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"
        },
        {
          "name": "actions-aria-label",
          "description": "Aria label for the page header actions navigation.",
          "type": "string",
          "default": "\"Page header actions\""
        }
      ],
      "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": "actionsAriaLabel",
          "attribute": "actions-aria-label",
          "description": "Aria label for the page header actions navigation.",
          "type": "string",
          "default": "\"Page header actions\""
        },
        {
          "name": "context"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "c4p-page-header-breadcrumbs-set",
      "path": "./src/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.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": "[]"
        },
        {
          "name": "title",
          "description": "The page title to display in the title breadcrumb.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "breadcrumb-aria-label",
          "description": "Aria label for the breadcrumb navigation.",
          "type": "string",
          "default": "\"breadcrumbs\""
        },
        {
          "name": "overflow-aria-label",
          "description": "Aria label for the breadcrumb overflow menu button.",
          "type": "string",
          "default": "\"More breadcrumbs\""
        }
      ],
      "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": "title",
          "attribute": "title",
          "description": "The page title to display in the title breadcrumb.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "breadcrumbAriaLabel",
          "attribute": "breadcrumb-aria-label",
          "description": "Aria label for the breadcrumb navigation.",
          "type": "string",
          "default": "\"breadcrumbs\""
        },
        {
          "name": "overflowAriaLabel",
          "attribute": "overflow-aria-label",
          "description": "Aria label for the breadcrumb overflow menu button.",
          "type": "string",
          "default": "\"More breadcrumbs\""
        },
        {
          "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": "\"\""
        },
        {
          "name": "subtitle-level",
          "description": "Heading level for the subtitle (h2-h6).",
          "type": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
          "default": "\"h2\""
        }
      ],
      "properties": [
        {
          "name": "subtitle",
          "attribute": "subtitle",
          "description": "Subtitle text of the page-header-content",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "subtitleLevel",
          "attribute": "subtitle-level",
          "description": "Heading level for the subtitle (h2-h6).",
          "type": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
          "default": "\"h2\""
        },
        {
          "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": "title-level",
          "description": "Heading level for the title (h1-h6).",
          "type": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"h1\"",
          "default": "\"h1\""
        },
        {
          "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": "titleLevel",
          "attribute": "title-level",
          "description": "Heading level for the title (h1-h6).",
          "type": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"h1\"",
          "default": "\"h1\""
        },
        {
          "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": "context"
        },
        {
          "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.",
      "attributes": [
        {
          "name": "object-fit",
          "description": "Specify how the image should fit within the container.\n- 'cover': Image fills container, may crop edges (default for hero images)\n- 'contain': Image fits within container, may show empty space\n- 'fill': Image stretches to fill container\n- 'none': Image uses its natural size",
          "type": "\"cover\" | \"contain\" | \"fill\" | \"none\"",
          "default": "\"cover\""
        }
      ],
      "properties": [
        {
          "name": "objectFit",
          "attribute": "object-fit",
          "description": "Specify how the image should fit within the container.\n- 'cover': Image fills container, may crop edges (default for hero images)\n- 'contain': Image fits within container, may show empty space\n- 'fill': Image stretches to fill container\n- 'none': Image uses its natural size",
          "type": "\"cover\" | \"contain\" | \"fill\" | \"none\"",
          "default": "\"cover\""
        },
        {
          "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": "autofocus",
          "description": "`true` if the button should have input focus when the page loads.",
          "type": "boolean"
        },
        {
          "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 variants",
          "type": "string"
        },
        {
          "name": "disabled",
          "description": "Specify whether the Button should be disabled, or not",
          "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": "Optionally specify an href for your Button to become an `<a>` element",
          "type": "string"
        },
        {
          "name": "hreflang",
          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "isExpressive",
          "description": "Specify whether the Button is expressive, or not.",
          "type": "boolean"
        },
        {
          "name": "isSelected",
          "description": "Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.",
          "type": "boolean"
        },
        {
          "name": "kind",
          "description": "Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`",
          "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": "Optionally specify a `rel` when using an `<a>` element.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Specify the size of the Button. Defaults to `md`.",
          "type": "string",
          "default": "\"md\""
        },
        {
          "name": "tabIndex",
          "description": "Optional prop to specify the tabIndex of the Button",
          "type": "number"
        },
        {
          "name": "target",
          "description": "Optionally specify a `target` when using an `<a>` element.",
          "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": "If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n`cds-badge-indicator` with no count prop then the text should include describing there is a new notification.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "Optional prop to specify the type of the Button.",
          "type": "BUTTON_TYPE"
        },
        {
          "name": "shadowRootOptions",
          "type": "{ delegatesFocus: boolean; clonable?: boolean | undefined; customElementRegistry?: CustomElementRegistry | undefined; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: SlotAssignmentMode | undefined; }"
        },
        {
          "name": "styles"
        }
      ]
    },
    {
      "name": "c4p-page-header-tabs",
      "path": "./src/components/page-header/page-header-tabs.ts",
      "description": "Page header Tabs Bar.",
      "attributes": [
        {
          "name": "disable-sticky-tab-bar",
          "description": "Disable sticky positioning for the tab bar",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "disableStickyTabBar",
          "attribute": "disable-sticky-tab-bar",
          "description": "Disable sticky positioning for the tab bar",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "c4p-page-header-tags-set",
      "path": "./src/components/page-header/page-header-tags-set/page-header-tags-set.ts",
      "attributes": [
        {
          "name": "tags-data",
          "type": "TagType[]",
          "default": "[]"
        }
      ],
      "properties": [
        {
          "name": "hiddenTags",
          "type": "TagType[]",
          "default": "[]"
        },
        {
          "name": "tagsData",
          "attribute": "tags-data",
          "type": "TagType[]",
          "default": "[]"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "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\""
        }
      ]
    },
    {
      "name": "c4p-page-header",
      "path": "./src/components/page-header/page-header.ts",
      "description": "Page header.",
      "properties": [
        {
          "name": "context",
          "type": "pageHeaderContextType",
          "default": "{}"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "c4p-side-panel",
      "path": "./src/components/side-panel/side-panel.ts",
      "description": "SidePanel.",
      "attributes": [
        {
          "name": "animate-title",
          "description": "Determines if the title will animate on scroll",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "close-icon-description",
          "description": "Sets the close button icon description",
          "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)",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "current-step",
          "description": "Sets the current step of the side panel"
        },
        {
          "name": "include-overlay",
          "description": "Determines whether the side panel should render with an overlay",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-text",
          "description": "Sets the label text which will display above the title text"
        },
        {
          "name": "navigation-back-icon-description",
          "description": "Sets the icon description for the navigation back icon button",
          "type": "string",
          "default": "\"Back\""
        },
        {
          "name": "open",
          "description": "`true` if the side-panel should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "placement",
          "description": "SidePanel placement.",
          "type": "SIDE_PANEL_PLACEMENT",
          "default": "\"right\""
        },
        {
          "name": "prevent-close-on-click-outside",
          "description": "Prevent closing on click outside of side-panel",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selector-initial-focus",
          "description": "The initial location of focus in the side panel"
        },
        {
          "name": "selector-page-content",
          "description": "Selector for page content, used to push content to side except",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "hide-close-button",
          "description": "Show/hide the \"X\" close button",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "slide-in",
          "description": "Determines if this panel slides in",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "resizable",
          "description": "Determines if the side panel is resizable",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "title",
          "description": "Sets the title text"
        },
        {
          "name": "size",
          "description": "SidePanel size.",
          "type": "SIDE_PANEL_SIZE",
          "default": "\"md\""
        }
      ],
      "properties": [
        {
          "name": "animateTitle",
          "attribute": "animate-title",
          "description": "Determines if the title will animate on scroll",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "closeIconDescription",
          "attribute": "close-icon-description",
          "description": "Sets the close button icon description",
          "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",
          "description": "Determines whether the side panel should render the condensed version (affects action buttons primarily)",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "currentStep",
          "attribute": "current-step",
          "description": "Sets the current step of the side panel"
        },
        {
          "name": "includeOverlay",
          "attribute": "include-overlay",
          "description": "Determines whether the side panel should render with an overlay",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "Sets the label text which will display above the title text"
        },
        {
          "name": "navigationBackIconDescription",
          "attribute": "navigation-back-icon-description",
          "description": "Sets the icon description for the navigation back icon button",
          "type": "string",
          "default": "\"Back\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the side-panel should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "placement",
          "attribute": "placement",
          "description": "SidePanel placement.",
          "type": "SIDE_PANEL_PLACEMENT",
          "default": "\"right\""
        },
        {
          "name": "preventCloseOnClickOutside",
          "attribute": "prevent-close-on-click-outside",
          "description": "Prevent closing on click outside of side-panel",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectorInitialFocus",
          "attribute": "selector-initial-focus",
          "description": "The initial location of focus in the side panel"
        },
        {
          "name": "selectorPageContent",
          "attribute": "selector-page-content",
          "description": "Selector for page content, used to push content to side except",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "hideCloseButton",
          "attribute": "hide-close-button",
          "description": "Show/hide the \"X\" close button",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "slideIn",
          "attribute": "slide-in",
          "description": "Determines if this panel slides in",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "resizable",
          "attribute": "resizable",
          "description": "Determines if the side panel is resizable",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "Sets the title text"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "SidePanel size.",
          "type": "SIDE_PANEL_SIZE",
          "default": "\"md\""
        }
      ],
      "events": [
        {
          "name": "c4p-side-panel-beingclosed",
          "description": "The custom event fired before this side-panel is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this side-panel."
        },
        {
          "name": "c4p-side-panel-closed",
          "description": "The custom event fired after this side-panel is closed upon a user gesture."
        },
        {
          "name": "c4p-side-panel-navigate-back",
          "description": "custom event fired when clicking navigate back (available when step > 0)"
        }
      ]
    },
    {
      "name": "stacking-tearsheet-demo",
      "path": "./src/components/tearsheet-preview/_story-assets/stacking-tearsheet.ts",
      "attributes": [
        {
          "name": "tearsheet-type",
          "type": "string",
          "default": "\"wide\""
        }
      ],
      "properties": [
        {
          "name": "tearsheetType",
          "attribute": "tearsheet-type",
          "type": "string",
          "default": "\"wide\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "step-tearsheet-preview",
      "path": "./src/components/tearsheet-preview/_story-assets/step-tearsheet-preview.ts",
      "attributes": [
        {
          "name": "horizontal",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "horizontal",
          "attribute": "horizontal",
          "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": "c4p-tearsheet-body",
      "path": "./src/components/tearsheet-preview/tearsheet-body.ts",
      "description": "Tearsheet Body component - Contains the main content area with optional influencer and summary panels.\nSupports automatic header collapse on scroll.",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"body\""
        },
        {
          "name": "is-flush",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"body\""
        },
        {
          "name": "isFlush",
          "attribute": "is-flush",
          "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",
          "type": "number"
        }
      ],
      "slots": [
        {
          "name": "influencer",
          "description": "Left-side panel for contextual information (use c4p-tearsheet-influencer)"
        },
        {
          "name": "main-content",
          "description": "Primary content area"
        },
        {
          "name": "summary-content",
          "description": "Right-side panel for summary details (use c4p-tearsheet-summary-content)"
        }
      ]
    },
    {
      "name": "c4p-tearsheet-footer",
      "path": "./src/components/tearsheet-preview/tearsheet-footer.ts",
      "description": "Tearsheet Footer component - Contains action buttons at the bottom of the tearsheet.",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"footer\""
        },
        {
          "name": "actions",
          "description": "Array of action button configurations. Each action is an object with properties\nlike 'kind', 'label', 'disabled', 'onClick', etc.\nThese are passed directly to the action-set component which handles rendering.",
          "type": "ActionButton[]",
          "default": "[]"
        },
        {
          "name": "button-size",
          "description": "Optional button size override. If not provided, defaults based on tearsheet variant.",
          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | undefined"
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"footer\""
        },
        {
          "name": "actions",
          "attribute": "actions",
          "description": "Array of action button configurations. Each action is an object with properties\nlike 'kind', 'label', 'disabled', 'onClick', etc.\nThese are passed directly to the action-set component which handles rendering.",
          "type": "ActionButton[]",
          "default": "[]"
        },
        {
          "name": "buttonSize",
          "attribute": "button-size",
          "description": "Optional button size override. If not provided, defaults based on tearsheet variant.",
          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | undefined"
        },
        {
          "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"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default slot for custom footer content (rendered before actions)"
        }
      ]
    },
    {
      "name": "c4p-tearsheet-header-content",
      "path": "./src/components/tearsheet-preview/tearsheet-header-content.ts",
      "description": "Tearsheet Header Content component - Contains the title, description, and decorative elements.",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"header-content\""
        },
        {
          "name": "title",
          "description": "The main title of the tearsheet.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"header-content\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The main title of the tearsheet.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "titleId",
          "description": "Public getter for the title ID (used by parent tearsheet for aria-labelledby)",
          "type": "string"
        },
        {
          "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"
        }
      ],
      "slots": [
        {
          "name": "label",
          "description": "Optional label text above the title"
        },
        {
          "name": "title-start",
          "description": "Content before the title (e.g., icons)"
        },
        {
          "name": "title-end",
          "description": "Content after the title (e.g., badges, tags)"
        },
        {
          "name": "description",
          "description": "Custom description content below the title"
        },
        {
          "name": "decorator",
          "description": "AI label or other decorative elements"
        }
      ]
    },
    {
      "name": "c4p-tearsheet-header",
      "path": "./src/components/tearsheet-preview/tearsheet-header.ts",
      "description": "Tearsheet Header component - Contains the header section with title, description, and actions.\nThe decorator (AI label) and close button are now rendered inside c4p-tearsheet-header-content\nto achieve the correct DOM tab order: header-actions → decorator → close → header-content.",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"header\""
        },
        {
          "name": "close-icon-description",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "hide-close-button",
          "description": "Optional parameter to hide the progress indicator when multiple steps are used.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disable-header-collapse",
          "description": "Default header collapse/expand while scrolling the main content can be disabled  by setting this",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"header\""
        },
        {
          "name": "closeIconDescription",
          "attribute": "close-icon-description",
          "description": "Tooltip text and aria label for the Close button icon.",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "hideCloseButton",
          "attribute": "hide-close-button",
          "description": "Optional parameter to hide the progress indicator when multiple steps are used.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disableHeaderCollapse",
          "attribute": "disable-header-collapse",
          "description": "Default header collapse/expand while scrolling the main content can be disabled  by setting this",
          "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",
          "type": "number"
        }
      ],
      "events": [
        {
          "name": "c4p-tearsheet-header-collapse-change",
          "description": "Internal event; parent tearsheet re-dispatches\nthis as the public `c4p-preview-tearsheet-collapse-change` event."
        }
      ],
      "slots": [
        {
          "name": "header-content",
          "description": "The main header content area (use c4p-tearsheet-header-content)"
        },
        {
          "name": "",
          "description": "Default slot for other content"
        },
        {
          "name": "navigation-bar",
          "description": "Navigation tabs or breadcrumbs below the header"
        }
      ]
    },
    {
      "name": "c4p-tearsheet-influencer",
      "path": "./src/components/tearsheet-preview/tearsheet-influencer.ts",
      "description": "Tearsheet Influencer component - Left-side panel for contextual information.\nAutomatically converts to a slide-in panel on small screens.",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"influencer\""
        },
        {
          "name": "is-flush",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "influencer-panel-open",
          "description": "In mobile screens left side influencer section won't be visible by default.\nThis prop can be toggled to open/close left panel in this case.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "influencer-panel-aria-label",
          "description": "Optional aria-label for the influencer panel. Defaults to \"Influencer panel\".",
          "type": "string",
          "default": "\"Influencer panel\""
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"influencer\""
        },
        {
          "name": "isFlush",
          "attribute": "is-flush",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "influencerPanelOpen",
          "attribute": "influencer-panel-open",
          "description": "In mobile screens left side influencer section won't be visible by default.\nThis prop can be toggled to open/close left panel in this case.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "influencerPanelAriaLabel",
          "attribute": "influencer-panel-aria-label",
          "description": "Optional aria-label for the influencer panel. Defaults to \"Influencer panel\".",
          "type": "string",
          "default": "\"Influencer panel\""
        },
        {
          "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"
        }
      ],
      "events": [
        {
          "name": "cds-tearsheet-influencer-closed",
          "description": "Fired when the influencer panel is closed (mobile only)"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Content for the influencer panel"
        }
      ]
    },
    {
      "name": "c4p-tearsheet-navigation-bar",
      "path": "./src/components/tearsheet-preview/tearsheet-navigation-bar.ts",
      "description": "tearsheet navigation bar at the bottom of the header",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"navigation-bar\""
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"navigation-bar\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ]
    },
    {
      "name": "c4p-tearsheet-scroller",
      "path": "./src/components/tearsheet-preview/tearsheet-scroller.ts",
      "description": "Tearsheet Scroller button",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"scroller\""
        },
        {
          "name": "align",
          "description": "Specify how the trigger should align with the tooltip",
          "type": "string",
          "default": "\"left\""
        },
        {
          "name": "collapseText",
          "description": "Specify the collapse text for the scroller button",
          "type": "string",
          "default": "\"Collapse\""
        },
        {
          "name": "expandText",
          "description": "Specify the expand text for the scroller button",
          "type": "string",
          "default": "\"Expand\""
        },
        {
          "name": "size",
          "description": "Specify the size of the Button. Defaults to `md`.",
          "type": "string",
          "default": "\"md\""
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"scroller\""
        },
        {
          "name": "align",
          "attribute": "align",
          "description": "Specify how the trigger should align with the tooltip",
          "type": "string",
          "default": "\"left\""
        },
        {
          "name": "collapseText",
          "attribute": "collapseText",
          "description": "Specify the collapse text for the scroller button",
          "type": "string",
          "default": "\"Collapse\""
        },
        {
          "name": "expandText",
          "attribute": "expandText",
          "description": "Specify the expand text for the scroller button",
          "type": "string",
          "default": "\"Expand\""
        },
        {
          "name": "autofocus",
          "description": "`true` if the button should have input focus when the page loads.",
          "type": "boolean"
        },
        {
          "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 variants",
          "type": "string"
        },
        {
          "name": "disabled",
          "description": "Specify whether the Button should be disabled, or not",
          "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": "Optionally specify an href for your Button to become an `<a>` element",
          "type": "string"
        },
        {
          "name": "hreflang",
          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "isExpressive",
          "description": "Specify whether the Button is expressive, or not.",
          "type": "boolean"
        },
        {
          "name": "isSelected",
          "description": "Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.",
          "type": "boolean"
        },
        {
          "name": "kind",
          "description": "Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`",
          "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": "Optionally specify a `rel` when using an `<a>` element.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Specify the size of the Button. Defaults to `md`.",
          "type": "string",
          "default": "\"md\""
        },
        {
          "name": "tabIndex",
          "description": "Optional prop to specify the tabIndex of the Button",
          "type": "number"
        },
        {
          "name": "target",
          "description": "Optionally specify a `target` when using an `<a>` element.",
          "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": "If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n`cds-badge-indicator` with no count prop then the text should include describing there is a new notification.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "Optional prop to specify the type of the Button.",
          "type": "BUTTON_TYPE"
        },
        {
          "name": "shadowRootOptions",
          "type": "{ delegatesFocus: boolean; clonable?: boolean | undefined; customElementRegistry?: CustomElementRegistry | undefined; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: SlotAssignmentMode | undefined; }"
        },
        {
          "name": "styles",
          "type": "CSSResult",
          "default": "\"css`\\n    .scroller-collapsed svg {\\n      transform: rotate(180deg);\\n    }\\n  `\""
        }
      ]
    },
    {
      "name": "c4p-tearsheet-stack",
      "path": "./src/components/tearsheet-preview/tearsheet-stack.ts",
      "description": "Tearsheet Stack wrapper component - Enables stacking behavior for child tearsheets.\n\nThis component provides a context for tearsheet stacking, similar to React's StackProvider.\nWrap multiple tearsheets with this component to enable stacking behavior.",
      "attributes": [
        {
          "name": "stack-step-size",
          "description": "Defines the step size for stacking offset.\n- 'sm': 0.5rem buffer\n- 'md': 0.75rem buffer\n- 'lg': 1rem buffer (default)",
          "type": "StackStepSize",
          "default": "\"lg\""
        }
      ],
      "properties": [
        {
          "name": "stackStepSize",
          "attribute": "stack-step-size",
          "description": "Defines the step size for stacking offset.\n- 'sm': 0.5rem buffer\n- 'md': 0.75rem buffer\n- 'lg': 1rem buffer (default)",
          "type": "StackStepSize",
          "default": "\"lg\""
        },
        {
          "name": "styles",
          "description": "No styles needed - this is a logical wrapper only",
          "type": "never[]",
          "default": "[]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default slot for tearsheet children"
        }
      ]
    },
    {
      "name": "c4p-tearsheet-summary-content",
      "path": "./src/components/tearsheet-preview/tearsheet-summary-content.ts",
      "description": "Tearsheet Summary Content component - Right-side panel for summary details.\nAutomatically converts to a slide-in panel on small screens.",
      "attributes": [
        {
          "name": "slot",
          "type": "string",
          "default": "\"summary-content\""
        },
        {
          "name": "is-flush",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "summary-panel-open",
          "description": "In mobile screens right side summary-content section won't be visible by default.\nThis prop can be toggled to open/close right panel in this case.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "summary-panel-aria-label",
          "description": "Optional aria-label for the summary panel. Defaults to \"Summary panel\".",
          "type": "string",
          "default": "\"Summary panel\""
        }
      ],
      "properties": [
        {
          "name": "slot",
          "attribute": "slot",
          "type": "string",
          "default": "\"summary-content\""
        },
        {
          "name": "isFlush",
          "attribute": "is-flush",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "summaryPanelOpen",
          "attribute": "summary-panel-open",
          "description": "In mobile screens right side summary-content section won't be visible by default.\nThis prop can be toggled to open/close right panel in this case.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "summaryPanelAriaLabel",
          "attribute": "summary-panel-aria-label",
          "description": "Optional aria-label for the summary panel. Defaults to \"Summary panel\".",
          "type": "string",
          "default": "\"Summary panel\""
        },
        {
          "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"
        }
      ],
      "events": [
        {
          "name": "cds-tearsheet-summary-closed",
          "description": "Fired when the summary panel is closed (mobile only)"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Content for the summary panel"
        }
      ]
    },
    {
      "name": "c4p-preview-tearsheet",
      "path": "./src/components/tearsheet-preview/tearsheet.ts",
      "description": "Tearsheet component - A slide-out panel for displaying detailed content.",
      "attributes": [
        {
          "name": "open",
          "description": "Specifies whether the tearsheet is currently open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "container-class-name",
          "description": "User can pass any class names that will be added to the modal container",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "influencer-width",
          "description": "Default influencer takes 256px, this allows override eg: 300px, 20rem",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "summary-content-width",
          "description": "Default summary content takes 256px, this allows override eg: 300px, 20rem",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "vertical-gap",
          "description": "Defines the gap from top of the viewport. Defaulted to 3rem",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "variant",
          "description": "Default to wide variant. Pass in narrow for narrow tearsheet",
          "type": "\"wide\" | \"narrow\"",
          "default": "\"wide\""
        },
        {
          "name": "selectors-floating-menus",
          "description": "Specify the CSS selectors that match the floating menus (comma-separated)",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selector-primary-focus",
          "description": "Specify a CSS selector that matches the DOM element that should be focused when the Modal opens",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "prevent-close-on-click-outside",
          "description": "Prevents the modal from closing when clicking outside",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "open",
          "attribute": "open",
          "description": "Specifies whether the tearsheet is currently open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "containerClassName",
          "attribute": "container-class-name",
          "description": "User can pass any class names that will be added to the modal container",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "influencerWidth",
          "attribute": "influencer-width",
          "description": "Default influencer takes 256px, this allows override eg: 300px, 20rem",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "summaryContentWidth",
          "attribute": "summary-content-width",
          "description": "Default summary content takes 256px, this allows override eg: 300px, 20rem",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "verticalGap",
          "attribute": "vertical-gap",
          "description": "Defines the gap from top of the viewport. Defaulted to 3rem",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "variant",
          "attribute": "variant",
          "description": "Default to wide variant. Pass in narrow for narrow tearsheet",
          "type": "\"wide\" | \"narrow\"",
          "default": "\"wide\""
        },
        {
          "name": "selectorsFloatingMenus",
          "attribute": "selectors-floating-menus",
          "description": "Specify the CSS selectors that match the floating menus (comma-separated)",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectorPrimaryFocus",
          "attribute": "selector-primary-focus",
          "description": "Specify a CSS selector that matches the DOM element that should be focused when the Modal opens",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "preventCloseOnClickOutside",
          "attribute": "prevent-close-on-click-outside",
          "description": "Prevents the modal from closing when clicking outside",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "launcherButtonRef",
          "description": "Optional ref to the trigger button that opened the tearsheet. Focus will return here when tearsheet closes.",
          "type": "HTMLElement | undefined"
        },
        {
          "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"
        }
      ],
      "events": [
        {
          "name": "c4p-preview-tearsheet-beingclosed",
          "description": "Fired when the tearsheet is about to close"
        },
        {
          "name": "c4p-preview-tearsheet-closed",
          "description": "Fired after the tearsheet has closed"
        },
        {
          "name": "c4p-preview-tearsheet-collapse-change",
          "description": "Fired when the header collapse state changes.\n`event.detail.collapsed` is `true` when collapsing, `false` when expanding."
        }
      ],
      "slots": [
        {
          "name": "header",
          "description": "The header content of the tearsheet"
        },
        {
          "name": "influencer",
          "description": "Optional left sidebar content (wide variant only)"
        },
        {
          "name": "body",
          "description": "Main body content"
        },
        {
          "name": "footer",
          "description": "Footer content with actions"
        }
      ]
    },
    {
      "name": "c4p-tearsheet",
      "path": "./src/components/tearsheet/tearsheet.ts",
      "description": "Tearsheet.",
      "attributes": [
        {
          "name": "aria-label",
          "description": "Optional aria label for the tearsheet",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "close-icon-description",
          "description": "Sets the close button icon description",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "has-close-icon",
          "description": "Enable a close icon ('x') in the header area of the tearsheet. By default,\n(when this prop is omitted, or undefined or null) a tearsheet does not\ndisplay a close icon if there are navigation actions (\"transactional\ntearsheet\") and displays one if there are no navigation actions (\"passive\ntearsheet\"), and that behavior can be overridden if required by setting\nthis prop to either true or false.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "influencer-placement",
          "description": "The placement of the influencer section, 'left' or 'right'.",
          "type": "TEARSHEET_INFLUENCER_PLACEMENT",
          "default": "\"right\""
        },
        {
          "name": "influencer-width",
          "description": "The width of the influencer section, 'narrow' or 'wide'.",
          "type": "TEARSHEET_INFLUENCER_WIDTH",
          "default": "\"narrow\""
        },
        {
          "name": "open",
          "description": "`true` if the tearsheet should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "prevent-close-on-click-outside",
          "description": "Prevent closing on click outside of tearsheet",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selector-initial-focus",
          "description": "The initial location of focus in the side panel"
        },
        {
          "name": "width",
          "description": "The width of the influencer section, 'narrow' or 'wide'.",
          "type": "TEARSHEET_WIDTH",
          "default": "\"narrow\""
        }
      ],
      "properties": [
        {
          "name": "ariaLabel",
          "attribute": "aria-label",
          "description": "Optional aria label for the tearsheet",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "closeIconDescription",
          "attribute": "close-icon-description",
          "description": "Sets the close button icon description",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "hasCloseIcon",
          "attribute": "has-close-icon",
          "description": "Enable a close icon ('x') in the header area of the tearsheet. By default,\n(when this prop is omitted, or undefined or null) a tearsheet does not\ndisplay a close icon if there are navigation actions (\"transactional\ntearsheet\") and displays one if there are no navigation actions (\"passive\ntearsheet\"), and that behavior can be overridden if required by setting\nthis prop to either true or false.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "influencerPlacement",
          "attribute": "influencer-placement",
          "description": "The placement of the influencer section, 'left' or 'right'.",
          "type": "TEARSHEET_INFLUENCER_PLACEMENT",
          "default": "\"right\""
        },
        {
          "name": "influencerWidth",
          "attribute": "influencer-width",
          "description": "The width of the influencer section, 'narrow' or 'wide'.",
          "type": "TEARSHEET_INFLUENCER_WIDTH",
          "default": "\"narrow\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the tearsheet should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "preventCloseOnClickOutside",
          "attribute": "prevent-close-on-click-outside",
          "description": "Prevent closing on click outside of tearsheet",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectorInitialFocus",
          "attribute": "selector-initial-focus",
          "description": "The initial location of focus in the side panel"
        },
        {
          "name": "width",
          "attribute": "width",
          "description": "The width of the influencer section, 'narrow' or 'wide'.",
          "type": "TEARSHEET_WIDTH",
          "default": "\"narrow\""
        },
        {
          "name": "actionsMultiple",
          "type": "string",
          "default": "\"['', 'single', 'double', 'triple'][this._actionsCount]\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "size",
          "type": "number"
        }
      ],
      "events": [
        {
          "name": "c4p-tearsheet-beingclosed",
          "description": "The custom event fired before this tearsheet is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this tearsheet."
        },
        {
          "name": "c4p-tearsheet-closed",
          "description": "The custom event fired after this tearsheet is closed upon a user gesture."
        }
      ]
    },
    {
      "name": "c4p-truncated-text",
      "path": "./src/components/truncated-text/truncated-text.ts",
      "description": "TruncatedText.",
      "attributes": [
        {
          "name": "align",
          "description": "Specify how the tooltip should align with the content.",
          "type": "string",
          "default": "\"top\""
        },
        {
          "name": "autoalign",
          "description": "Specify whether a auto align functionality should be applied",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "collapse-label",
          "description": "The label on the collapse button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "expand-label",
          "description": "The label on expand button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "description": "Unique identifier for the element.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "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",
          "description": "The string value to be truncated.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "align",
          "attribute": "align",
          "description": "Specify how the tooltip should align with the content.",
          "type": "string",
          "default": "\"top\""
        },
        {
          "name": "autoalign",
          "attribute": "autoalign",
          "description": "Specify whether a auto align functionality should be applied",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "collapseLabel",
          "attribute": "collapse-label",
          "description": "The label on the collapse button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "expandLabel",
          "attribute": "expand-label",
          "description": "The label on expand button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "attribute": "id",
          "description": "Unique identifier for the element.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "lines",
          "attribute": "lines",
          "description": "The maximum number of lines to display before truncation.",
          "type": "number",
          "default": "0"
        },
        {
          "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\""
        }
      ]
    },
    {
      "name": "elementName",
      "path": "./src/components/truncated-text/truncated-text.ts",
      "description": "TruncatedText.",
      "attributes": [
        {
          "name": "align",
          "description": "Specify how the tooltip should align with the content.",
          "type": "string",
          "default": "\"top\""
        },
        {
          "name": "autoalign",
          "description": "Specify whether a auto align functionality should be applied",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "collapse-label",
          "description": "The label on the collapse button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "expand-label",
          "description": "The label on expand button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "description": "Unique identifier for the element.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "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",
          "description": "The string value to be truncated.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "align",
          "attribute": "align",
          "description": "Specify how the tooltip should align with the content.",
          "type": "string",
          "default": "\"top\""
        },
        {
          "name": "autoalign",
          "attribute": "autoalign",
          "description": "Specify whether a auto align functionality should be applied",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "collapseLabel",
          "attribute": "collapse-label",
          "description": "The label on the collapse button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "expandLabel",
          "attribute": "expand-label",
          "description": "The label on expand button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "attribute": "id",
          "description": "Unique identifier for the element.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "lines",
          "attribute": "lines",
          "description": "The maximum number of lines to display before truncation.",
          "type": "number",
          "default": "0"
        },
        {
          "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\""
        }
      ]
    },
    {
      "name": "c4p-user-avatar",
      "path": "./src/components/user-avatar/user-avatar.ts",
      "description": "Useravatar.",
      "attributes": [
        {
          "name": "tooltip-text",
          "description": "Specify the text of the tooltip.\nCan be string"
        },
        {
          "name": "tooltip-alignment",
          "description": "Specify the alignment of the tooltip.",
          "type": "string",
          "default": "\"bottom\""
        },
        {
          "name": "name",
          "description": "When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name."
        },
        {
          "name": "image",
          "description": "When passing the image prop, supply a full path to the image to be displayed."
        },
        {
          "name": "image-description",
          "description": "When passing the image prop use the imageDescription prop to describe the image for screen reader."
        },
        {
          "name": "background-color",
          "description": "Provide the background color need to be set for UserAvatar.",
          "type": "string",
          "default": "\"order-1-cyan\""
        },
        {
          "name": "theme",
          "description": "Set theme in which the component will be rendered."
        },
        {
          "name": "size",
          "description": "Set the size of the avatar circle"
        }
      ],
      "properties": [
        {
          "name": "tooltipText",
          "attribute": "tooltip-text",
          "description": "Specify the text of the tooltip.\nCan be string"
        },
        {
          "name": "tooltipAlignment",
          "attribute": "tooltip-alignment",
          "description": "Specify the alignment of the tooltip.",
          "type": "string",
          "default": "\"bottom\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name."
        },
        {
          "name": "image",
          "attribute": "image",
          "description": "When passing the image prop, supply a full path to the image to be displayed."
        },
        {
          "name": "imageDescription",
          "attribute": "image-description",
          "description": "When passing the image prop use the imageDescription prop to describe the image for screen reader."
        },
        {
          "name": "backgroundColor",
          "attribute": "background-color",
          "description": "Provide the background color need to be set for UserAvatar.",
          "type": "string",
          "default": "\"order-1-cyan\""
        },
        {
          "name": "theme",
          "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\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Set the size of the avatar circle"
        }
      ]
    },
    {
      "name": "step-full-page",
      "path": "./src/utilities/step-flow/_story-assets/step-full-page.ts",
      "attributes": [
        {
          "name": "narrow",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "narrow",
          "attribute": "narrow",
          "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": "step-side-panel",
      "path": "./src/utilities/step-flow/_story-assets/step-side-panel.ts",
      "properties": [
        {
          "name": "open",
          "type": "boolean",
          "default": "true"
        },
        {
          "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": "step-tearsheet",
      "path": "./src/utilities/step-flow/_story-assets/step-tearsheet.ts",
      "attributes": [
        {
          "name": "narrow",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "narrow",
          "attribute": "narrow",
          "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": "step-group",
      "path": "./src/utilities/step-flow/step-group.ts"
    }
  ]
}