@carbon/ibm-products-web-components 0.34.0 → 0.35.0

package/custom-elements.json

@@ -123,6 +123,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -139,10 +159,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -678,6 +694,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -694,10 +730,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -810,6 +842,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -826,10 +878,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -964,6 +1012,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -980,10 +1048,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -1080,6 +1144,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -1096,10 +1180,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -1294,6 +1374,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -1310,10 +1410,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -1496,6 +1592,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -1512,10 +1628,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -1617,6 +1729,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -1633,10 +1765,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -1717,6 +1845,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -1733,10 +1881,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -1861,6 +2005,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -1877,10 +2041,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -2069,6 +2229,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -2085,10 +2265,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -2281,6 +2457,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -2297,10 +2493,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -2440,6 +2632,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -2456,10 +2668,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -2539,6 +2747,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -2555,10 +2783,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -2711,11 +2935,31 @@
           "type": "CustomElementRegistry | undefined"
         },
         {
-          "name": "set-of-actions",
-          "type": "SetOfActions"
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
         },
         {
-          "name": "set-of-breadcrumbs",
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
           "type": "SetOfBreadcrumbs"
         },
         {
@@ -2726,10 +2970,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -2841,6 +3081,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -2857,10 +3117,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -2977,6 +3233,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -2993,10 +3269,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -3033,7 +3305,7 @@
       ]
     },
     {
-      "name": "set-of-breadcrumbs",
+      "name": "set-of-breadcrumbs-example",
       "path": "./src/components/page-header/_story-assets/set-of-breadcrumbs.ts",
       "attributes": [
         {
@@ -3071,7 +3343,7 @@
       ]
     },
     {
-      "name": "set-of-tags",
+      "name": "set-of-tags-example",
       "path": "./src/components/page-header/_story-assets/set-of-tags/set-of-tags.ts",
       "attributes": [
         {
@@ -4740,6 +5012,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -4756,10 +5048,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -4794,147 +5082,2583 @@
       ]
     },
     {
-      "name": "c4p-tearsheet",
-      "path": "./src/components/tearsheet/tearsheet.ts",
-      "description": "Tearsheet.",
+      "name": "stacking-tearsheet-demo",
+      "path": "./src/components/tearsheet-preview/_story-assets/stacking-tearsheet.ts",
       "attributes": [
         {
-          "name": "aria-label",
-          "description": "Optional aria label for the tearsheet",
+          "name": "tearsheet-type",
           "type": "string",
-          "default": "\"\""
-        },
+          "default": "\"wide\""
+        }
+      ],
+      "properties": [
         {
-          "name": "close-icon-description",
-          "description": "Sets the close button icon description",
+          "name": "tearsheetType",
+          "attribute": "tearsheet-type",
           "type": "string",
-          "default": "\"Close\""
+          "default": "\"wide\""
         },
         {
-          "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.",
+          "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": "influencer-placement",
-          "description": "The placement of the influencer section, 'left' or 'right'.",
-          "type": "TEARSHEET_INFLUENCER_PLACEMENT",
-          "default": "\"right\""
+          "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": "influencer-width",
-          "description": "The width of the influencer section, 'narrow' or 'wide'.",
-          "type": "TEARSHEET_INFLUENCER_WIDTH",
-          "default": "\"narrow\""
+          "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": "open",
-          "description": "`true` if the tearsheet should be open.",
-          "type": "boolean",
-          "default": "false"
+          "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": "prevent-close-on-click-outside",
-          "description": "Prevent closing on click outside of tearsheet",
-          "type": "boolean",
-          "default": "false"
+          "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": "selector-initial-focus",
-          "description": "The initial location of focus in the side panel"
+          "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": "width",
-          "description": "The width of the influencer section, 'narrow' or 'wide'.",
-          "type": "TEARSHEET_WIDTH",
-          "default": "\"narrow\""
-        }
-      ],
-      "properties": [
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
+        },
         {
-          "name": "ariaLabel",
-          "attribute": "aria-label",
-          "description": "Optional aria label for the tearsheet",
-          "type": "string",
-          "default": "\"\""
+          "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
+          "default": "\"styles\""
         },
         {
-          "name": "closeIconDescription",
-          "attribute": "close-icon-description",
-          "description": "Sets the close button icon description",
-          "type": "string",
-          "default": "\"Close\""
+          "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": "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": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
         },
         {
-          "name": "influencerPlacement",
-          "attribute": "influencer-placement",
-          "description": "The placement of the influencer section, 'left' or 'right'.",
-          "type": "TEARSHEET_INFLUENCER_PLACEMENT",
-          "default": "\"right\""
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
         },
         {
-          "name": "influencerWidth",
-          "attribute": "influencer-width",
-          "description": "The width of the influencer section, 'narrow' or 'wide'.",
-          "type": "TEARSHEET_INFLUENCER_WIDTH",
-          "default": "\"narrow\""
+          "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": "open",
-          "attribute": "open",
-          "description": "`true` if the tearsheet should be open.",
-          "type": "boolean",
-          "default": "false"
+          "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": "preventCloseOnClickOutside",
-          "attribute": "prevent-close-on-click-outside",
-          "description": "Prevent closing on click outside of tearsheet",
+          "name": "is-flush",
           "type": "boolean",
           "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "type": "string",
+          "default": "\"body\""
         },
         {
-          "name": "selectorInitialFocus",
-          "attribute": "selector-initial-focus",
-          "description": "The initial location of focus in the side panel"
+          "name": "isFlush",
+          "attribute": "is-flush",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "width",
-          "attribute": "width",
-          "description": "The width of the influencer section, 'narrow' or 'wide'.",
-          "type": "TEARSHEET_WIDTH",
-          "default": "\"narrow\""
+          "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": "actionsMultiple",
-          "type": "string",
-          "default": "\"['', 'single', 'double', 'triple'][this._actionsCount]\""
+          "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": "styles",
-          "default": "\"styles\""
+          "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": "size",
-          "type": "number"
+          "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": "context-request",
-          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
-          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+          "name": "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": "context-provider",
-          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
-          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
+        },
+        {
+          "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
+          "default": "\"styles\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
+          "type": "ShadowRootInit"
+        },
+        {
+          "name": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
+        },
+        {
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
+        },
+        {
+          "name": "hasUpdated",
+          "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
+          "type": "boolean"
+        },
+        {
+          "name": "updateComplete",
+          "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
+          "type": "Promise<boolean>"
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "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\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "type": "string",
+          "default": "\"footer\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
+        }
+      ],
+      "slots": [
+        {
+          "name": "actions",
+          "description": "Action buttons (typically Cancel, Submit, etc.)"
+        }
+      ]
+    },
+    {
+      "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": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "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.",
+      "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"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-tearsheet-header-close-button-clicked",
+          "description": "Internal event to notify parent tearsheet"
+        }
+      ],
+      "slots": [
+        {
+          "name": "header-content",
+          "description": "The main header content area (use c4p-tearsheet-header-content)"
+        },
+        {
+          "name": "header-navigation",
+          "description": "Navigation tabs or breadcrumbs below the header"
+        },
+        {
+          "name": "header-actions",
+          "description": "Action buttons in the header (e.g., settings, delete)"
+        },
+        {
+          "name": "decorator",
+          "description": "AI label or other decorative elements"
+        }
+      ]
+    },
+    {
+      "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"
+        }
+      ],
+      "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": "enabledWarnings",
+          "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
+          "type": "WarningKind[] | undefined"
+        },
+        {
+          "name": "enableWarning",
+          "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "disableWarning",
+          "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "elementProperties",
+          "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
+          "type": "PropertyDeclarationMap"
+        },
+        {
+          "name": "properties",
+          "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
+          "type": "PropertyDeclarations"
+        },
+        {
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
+        },
+        {
+          "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
+          "default": "\"styles\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
+          "type": "ShadowRootInit"
+        },
+        {
+          "name": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
+        },
+        {
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
+        },
+        {
+          "name": "hasUpdated",
+          "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
+          "type": "boolean"
+        },
+        {
+          "name": "updateComplete",
+          "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
+          "type": "Promise<boolean>"
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "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": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
+        }
+      ]
+    },
+    {
+      "name": "c4p-tearsheet-scroller",
+      "path": "./src/components/tearsheet-preview/tearsheet-scroller.ts",
+      "description": "Tearsheet Scroller button",
+      "attributes": [
+        {
+          "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\""
+        },
+        {
+          "name": "slot",
+          "type": "string",
+          "default": "\"scroller\""
+        }
+      ],
+      "properties": [
+        {
+          "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": "batchAction",
+          "description": "`true` if the button is being used within a data table batch action toolbar",
+          "type": "boolean"
+        },
+        {
+          "name": "buttonClassName",
+          "description": "Specify an optional className to be added to your Button"
+        },
+        {
+          "name": "dangerDescription",
+          "description": "Specify the message read by screen readers for the danger button variant"
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if the button should be disabled.",
+          "type": "boolean"
+        },
+        {
+          "name": "download",
+          "description": "The default file name, used if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "hasMainContent",
+          "description": "`true` if there is a non-icon content.",
+          "type": "boolean"
+        },
+        {
+          "name": "href",
+          "description": "Link `href`. If present, this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "hreflang",
+          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "isExpressive",
+          "description": "`true` if expressive theme enabled.",
+          "type": "boolean"
+        },
+        {
+          "name": "isSelected",
+          "description": "Specify whether the Button is currently selected.\nOnly applies to the Ghost variant.",
+          "type": "boolean"
+        },
+        {
+          "name": "kind",
+          "description": "Button kind.",
+          "type": "BUTTON_KIND"
+        },
+        {
+          "name": "linkRole",
+          "description": "The a11y role for `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "openTooltip",
+          "description": "Boolean to determine if tooltip is open.",
+          "type": "boolean"
+        },
+        {
+          "name": "ping",
+          "description": "URLs to ping, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "rel",
+          "description": "The link type, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Specify the size of the Button. Defaults to `md`.",
+          "type": "string",
+          "default": "\"md\""
+        },
+        {
+          "name": "target",
+          "description": "The link target, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "tooltipAlignment",
+          "description": "Specify the alignment of the tooltip to the icon-only button.\nCan be one of: start, center, or end.",
+          "type": "BUTTON_TOOLTIP_ALIGNMENT"
+        },
+        {
+          "name": "tooltipPosition",
+          "description": "Specify the direction of the tooltip for icon-only buttons.\nCan be either top, right, bottom, or left.",
+          "type": "BUTTON_TOOLTIP_POSITION"
+        },
+        {
+          "name": "tooltipText",
+          "description": "Specify the text to be rendered in the tooltip. If using\n\"cds-badge-indicator\" with no count prop then the text\nshould include describing there is a new notification.",
+          "type": "string"
+        },
+        {
+          "name": "type",
+          "description": "Button type.",
+          "type": "BUTTON_TYPE"
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; 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": "accessKey",
+          "type": "string"
+        },
+        {
+          "name": "accessKeyLabel",
+          "type": "string"
+        },
+        {
+          "name": "autocapitalize",
+          "type": "string"
+        },
+        {
+          "name": "autocorrect",
+          "type": "boolean"
+        },
+        {
+          "name": "dir",
+          "type": "string"
+        },
+        {
+          "name": "draggable",
+          "type": "boolean"
+        },
+        {
+          "name": "hidden",
+          "type": "boolean"
+        },
+        {
+          "name": "inert",
+          "type": "boolean"
+        },
+        {
+          "name": "innerText",
+          "type": "string"
+        },
+        {
+          "name": "lang",
+          "type": "string"
+        },
+        {
+          "name": "offsetHeight",
+          "type": "number"
+        },
+        {
+          "name": "offsetLeft",
+          "type": "number"
+        },
+        {
+          "name": "offsetParent",
+          "type": "Element | null"
+        },
+        {
+          "name": "offsetTop",
+          "type": "number"
+        },
+        {
+          "name": "offsetWidth",
+          "type": "number"
+        },
+        {
+          "name": "outerText",
+          "type": "string"
+        },
+        {
+          "name": "popover",
+          "type": "string | null"
+        },
+        {
+          "name": "spellcheck",
+          "type": "boolean"
+        },
+        {
+          "name": "title",
+          "type": "string"
+        },
+        {
+          "name": "translate",
+          "type": "boolean"
+        },
+        {
+          "name": "writingSuggestions",
+          "type": "string"
+        },
+        {
+          "name": "attributes",
+          "type": "NamedNodeMap"
+        },
+        {
+          "name": "classList",
+          "type": "DOMTokenList"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "clientHeight",
+          "type": "number"
+        },
+        {
+          "name": "clientLeft",
+          "type": "number"
+        },
+        {
+          "name": "clientTop",
+          "type": "number"
+        },
+        {
+          "name": "clientWidth",
+          "type": "number"
+        },
+        {
+          "name": "currentCSSZoom",
+          "type": "number"
+        },
+        {
+          "name": "id",
+          "type": "string"
+        },
+        {
+          "name": "innerHTML",
+          "type": "string"
+        },
+        {
+          "name": "localName",
+          "type": "string"
+        },
+        {
+          "name": "namespaceURI",
+          "type": "string | null"
+        },
+        {
+          "name": "onfullscreenchange",
+          "type": "((this: Element, ev: Event) => any) | null"
+        },
+        {
+          "name": "onfullscreenerror",
+          "type": "((this: Element, ev: Event) => any) | null"
+        },
+        {
+          "name": "outerHTML",
+          "type": "string"
+        },
+        {
+          "name": "ownerDocument",
+          "type": "Document"
+        },
+        {
+          "name": "part",
+          "type": "DOMTokenList"
+        },
+        {
+          "name": "prefix",
+          "type": "string | null"
+        },
+        {
+          "name": "scrollHeight",
+          "type": "number"
+        },
+        {
+          "name": "scrollLeft",
+          "type": "number"
+        },
+        {
+          "name": "scrollTop",
+          "type": "number"
+        },
+        {
+          "name": "scrollWidth",
+          "type": "number"
+        },
+        {
+          "name": "shadowRoot",
+          "type": "ShadowRoot | null"
+        },
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "type": "string",
+          "default": "\"scroller\""
+        },
+        {
+          "name": "tagName",
+          "type": "string"
+        },
+        {
+          "name": "textContent",
+          "type": "string"
+        },
+        {
+          "name": "baseURI",
+          "type": "string"
+        },
+        {
+          "name": "childNodes",
+          "type": "NodeListOf<ChildNode>"
+        },
+        {
+          "name": "firstChild",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "isConnected",
+          "type": "boolean"
+        },
+        {
+          "name": "lastChild",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "nextSibling",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "nodeName",
+          "type": "string"
+        },
+        {
+          "name": "nodeType",
+          "type": "number"
+        },
+        {
+          "name": "nodeValue",
+          "type": "string | null"
+        },
+        {
+          "name": "parentElement",
+          "type": "HTMLElement | null"
+        },
+        {
+          "name": "parentNode",
+          "type": "ParentNode | null"
+        },
+        {
+          "name": "previousSibling",
+          "type": "ChildNode | null"
+        },
+        {
+          "name": "ELEMENT_NODE",
+          "type": "1"
+        },
+        {
+          "name": "ATTRIBUTE_NODE",
+          "type": "2"
+        },
+        {
+          "name": "TEXT_NODE",
+          "type": "3"
+        },
+        {
+          "name": "CDATA_SECTION_NODE",
+          "type": "4"
+        },
+        {
+          "name": "ENTITY_REFERENCE_NODE",
+          "type": "5"
+        },
+        {
+          "name": "ENTITY_NODE",
+          "type": "6"
+        },
+        {
+          "name": "PROCESSING_INSTRUCTION_NODE",
+          "type": "7"
+        },
+        {
+          "name": "COMMENT_NODE",
+          "type": "8"
+        },
+        {
+          "name": "DOCUMENT_NODE",
+          "type": "9"
+        },
+        {
+          "name": "DOCUMENT_TYPE_NODE",
+          "type": "10"
+        },
+        {
+          "name": "DOCUMENT_FRAGMENT_NODE",
+          "type": "11"
+        },
+        {
+          "name": "NOTATION_NODE",
+          "type": "12"
+        },
+        {
+          "name": "DOCUMENT_POSITION_DISCONNECTED",
+          "type": "1"
+        },
+        {
+          "name": "DOCUMENT_POSITION_PRECEDING",
+          "type": "2"
+        },
+        {
+          "name": "DOCUMENT_POSITION_FOLLOWING",
+          "type": "4"
+        },
+        {
+          "name": "DOCUMENT_POSITION_CONTAINS",
+          "type": "8"
+        },
+        {
+          "name": "DOCUMENT_POSITION_CONTAINED_BY",
+          "type": "16"
+        },
+        {
+          "name": "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC",
+          "type": "32"
+        },
+        {
+          "name": "ariaActiveDescendantElement",
+          "type": "Element | null"
+        },
+        {
+          "name": "ariaAtomic",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaAutoComplete",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaBrailleLabel",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaBrailleRoleDescription",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaBusy",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaChecked",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColCount",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColIndex",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColIndexText",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaColSpan",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaControlsElements",
+          "type": "readonly Element[] | null"
+        },
+        {
+          "name": "ariaCurrent",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaDescribedByElements",
+          "type": "readonly Element[] | null"
+        },
+        {
+          "name": "ariaDescription",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaDetailsElements",
+          "type": "readonly Element[] | null"
+        },
+        {
+          "name": "ariaDisabled",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaErrorMessageElements",
+          "type": "readonly Element[] | null"
+        },
+        {
+          "name": "ariaExpanded",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaFlowToElements",
+          "type": "readonly Element[] | null"
+        },
+        {
+          "name": "ariaHasPopup",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaHidden",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaInvalid",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaKeyShortcuts",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaLabelledByElements",
+          "type": "readonly Element[] | null"
+        },
+        {
+          "name": "ariaLevel",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaLive",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaModal",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaMultiLine",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaMultiSelectable",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaOrientation",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaOwnsElements",
+          "type": "readonly Element[] | null"
+        },
+        {
+          "name": "ariaPlaceholder",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaPosInSet",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaPressed",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaReadOnly",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRelevant",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRequired",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRoleDescription",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowCount",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowIndex",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowIndexText",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaRowSpan",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaSelected",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaSetSize",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaSort",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueMax",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueMin",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueNow",
+          "type": "string | null"
+        },
+        {
+          "name": "ariaValueText",
+          "type": "string | null"
+        },
+        {
+          "name": "role",
+          "type": "string | null"
+        },
+        {
+          "name": "nextElementSibling",
+          "type": "Element | null"
+        },
+        {
+          "name": "previousElementSibling",
+          "type": "Element | null"
+        },
+        {
+          "name": "childElementCount",
+          "type": "number"
+        },
+        {
+          "name": "children",
+          "type": "HTMLCollection"
+        },
+        {
+          "name": "firstElementChild",
+          "type": "Element | null"
+        },
+        {
+          "name": "lastElementChild",
+          "type": "Element | null"
+        },
+        {
+          "name": "assignedSlot",
+          "type": "HTMLSlotElement | null"
+        },
+        {
+          "name": "attributeStyleMap",
+          "type": "StylePropertyMap"
+        },
+        {
+          "name": "style",
+          "type": "CSSStyleDeclaration"
+        },
+        {
+          "name": "contentEditable",
+          "type": "string"
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "string"
+        },
+        {
+          "name": "inputMode",
+          "type": "string"
+        },
+        {
+          "name": "isContentEditable",
+          "type": "boolean"
+        },
+        {
+          "name": "onabort",
+          "type": "((this: GlobalEventHandlers, ev: UIEvent) => any) | null"
+        },
+        {
+          "name": "onanimationcancel",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onanimationend",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onanimationiteration",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onanimationstart",
+          "type": "((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null"
+        },
+        {
+          "name": "onauxclick",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onbeforeinput",
+          "type": "((this: GlobalEventHandlers, ev: InputEvent) => any) | null"
+        },
+        {
+          "name": "onbeforematch",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onbeforetoggle",
+          "type": "((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null"
+        },
+        {
+          "name": "onblur",
+          "type": "((this: GlobalEventHandlers, ev: FocusEvent) => any) | null"
+        },
+        {
+          "name": "oncancel",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncanplay",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncanplaythrough",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onclick",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onclose",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncontextlost",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncontextmenu",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "oncontextrestored",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncopy",
+          "type": "((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null"
+        },
+        {
+          "name": "oncuechange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oncut",
+          "type": "((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null"
+        },
+        {
+          "name": "ondblclick",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "ondrag",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragend",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragenter",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragleave",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragover",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondragstart",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondrop",
+          "type": "((this: GlobalEventHandlers, ev: DragEvent) => any) | null"
+        },
+        {
+          "name": "ondurationchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onemptied",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onended",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onerror",
+          "type": "OnErrorEventHandler"
+        },
+        {
+          "name": "onfocus",
+          "type": "((this: GlobalEventHandlers, ev: FocusEvent) => any) | null"
+        },
+        {
+          "name": "onformdata",
+          "type": "((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null"
+        },
+        {
+          "name": "ongotpointercapture",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "oninput",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "oninvalid",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onkeydown",
+          "type": "((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null"
+        },
+        {
+          "name": "onkeypress",
+          "type": "((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null"
+        },
+        {
+          "name": "onkeyup",
+          "type": "((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null"
+        },
+        {
+          "name": "onload",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onloadeddata",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onloadedmetadata",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onloadstart",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onlostpointercapture",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onmousedown",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseenter",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseleave",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmousemove",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseout",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseover",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onmouseup",
+          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+        },
+        {
+          "name": "onpaste",
+          "type": "((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null"
+        },
+        {
+          "name": "onpause",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onplay",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onplaying",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onpointercancel",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerdown",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerenter",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerleave",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointermove",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerout",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerover",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onpointerrawupdate",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onpointerup",
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
+        },
+        {
+          "name": "onprogress",
+          "type": "((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null"
+        },
+        {
+          "name": "onratechange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onreset",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onresize",
+          "type": "((this: GlobalEventHandlers, ev: UIEvent) => any) | null"
+        },
+        {
+          "name": "onscroll",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onscrollend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onsecuritypolicyviolation",
+          "type": "((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null"
+        },
+        {
+          "name": "onseeked",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onseeking",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onselect",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onselectionchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onselectstart",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onslotchange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onstalled",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onsubmit",
+          "type": "((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null"
+        },
+        {
+          "name": "onsuspend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "ontimeupdate",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "ontoggle",
+          "type": "((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null"
+        },
+        {
+          "name": "ontouchcancel",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontouchend",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontouchmove",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontouchstart",
+          "type": "((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined"
+        },
+        {
+          "name": "ontransitioncancel",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
+        },
+        {
+          "name": "ontransitionend",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
+        },
+        {
+          "name": "ontransitionrun",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
+        },
+        {
+          "name": "ontransitionstart",
+          "type": "((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null"
+        },
+        {
+          "name": "onvolumechange",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onwaiting",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onwebkitanimationend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onwebkitanimationiteration",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onwebkitanimationstart",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onwebkittransitionend",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
+        {
+          "name": "onwheel",
+          "type": "((this: GlobalEventHandlers, ev: WheelEvent) => any) | null"
+        },
+        {
+          "name": "autofocus",
+          "description": "`true` if the button should have input focus when the page loads.",
+          "type": "boolean"
+        },
+        {
+          "name": "dataset",
+          "type": "DOMStringMap"
+        },
+        {
+          "name": "nonce",
+          "type": "string | undefined"
+        },
+        {
+          "name": "tabIndex",
+          "description": "Specify the tabIndex of the button.",
+          "type": "number"
+        }
+      ]
+    },
+    {
+      "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"
+        }
+      ],
+      "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": "enabledWarnings",
+          "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
+          "type": "WarningKind[] | undefined"
+        },
+        {
+          "name": "enableWarning",
+          "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "disableWarning",
+          "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "elementProperties",
+          "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
+          "type": "PropertyDeclarationMap"
+        },
+        {
+          "name": "properties",
+          "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
+          "type": "PropertyDeclarations"
+        },
+        {
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
+        },
+        {
+          "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
+          "default": "\"styles\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
+          "type": "ShadowRootInit"
+        },
+        {
+          "name": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
+        },
+        {
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
+        },
+        {
+          "name": "hasUpdated",
+          "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
+          "type": "boolean"
+        },
+        {
+          "name": "updateComplete",
+          "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
+          "type": "Promise<boolean>"
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "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": "enabledWarnings",
+          "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
+          "type": "WarningKind[] | undefined"
+        },
+        {
+          "name": "enableWarning",
+          "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "disableWarning",
+          "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
+          "type": "((warningKind: WarningKind) => void) | undefined"
+        },
+        {
+          "name": "elementProperties",
+          "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
+          "type": "PropertyDeclarationMap"
+        },
+        {
+          "name": "properties",
+          "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
+          "type": "PropertyDeclarations"
+        },
+        {
+          "name": "elementStyles",
+          "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
+          "type": "CSSResultOrNative[]"
+        },
+        {
+          "name": "styles",
+          "description": "[object Object],[object Object],[object Object]",
+          "default": "\"styles\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
+          "type": "ShadowRootInit"
+        },
+        {
+          "name": "renderRoot",
+          "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
+          "type": "HTMLElement | DocumentFragment"
+        },
+        {
+          "name": "isUpdatePending",
+          "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
+          "type": "boolean"
+        },
+        {
+          "name": "hasUpdated",
+          "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
+          "type": "boolean"
+        },
+        {
+          "name": "updateComplete",
+          "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
+          "type": "Promise<boolean>"
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
         },
         {
           "name": "customElements",
@@ -4944,6 +7668,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -4960,10 +7704,240 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
+        {
+          "name": "step-tearsheet",
+          "type": "StepTearsheet"
+        },
+        {
+          "name": "step-full-page",
+          "type": "StepFullPage"
+        },
+        {
+          "name": "step-side-panel",
+          "type": "StepSidePanel"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "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"
+        }
+      ],
+      "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"
+        },
+        {
+          "name": "context-request",
+          "description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
+          "type": "ContextRequestEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "context-provider",
+          "description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
+          "type": "ContextProviderEvent<{ __context__: unknown; }>"
+        },
+        {
+          "name": "customElements",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "registry",
+          "type": "CustomElementRegistry | undefined"
+        },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
         {
           "name": "step-group",
           "type": "StepGroup"
         },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
+        {
+          "name": "set-of-actions",
+          "type": "SetOfActions"
+        },
+        {
+          "name": "set-of-breadcrumbs",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "set-of-tags",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-users",
+          "type": "SetOfUsers"
+        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"
@@ -5341,6 +8315,26 @@
           "name": "registry",
           "type": "CustomElementRegistry | undefined"
         },
+        {
+          "name": "set-of-tags-example",
+          "type": "SetOfTags"
+        },
+        {
+          "name": "set-of-breadcrumbs-example",
+          "type": "SetOfBreadcrumbs"
+        },
+        {
+          "name": "step-group",
+          "type": "StepGroup"
+        },
+        {
+          "name": "step-tearsheet-preview",
+          "type": "StepTearsheetNext"
+        },
+        {
+          "name": "stacking-tearsheet-demo",
+          "type": "StackingTearsheetDemo"
+        },
         {
           "name": "set-of-actions",
           "type": "SetOfActions"
@@ -5357,10 +8351,6 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
-        {
-          "name": "step-group",
-          "type": "StepGroup"
-        },
         {
           "name": "step-tearsheet",
           "type": "StepTearsheet"