@db-ux/wc-core-components 4.4.0-loading-567cd0c → 4.4.1-floating-components-066d296

package/dist/custom-elements.json

@@ -6118,12 +6118,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "loading-indicator.tsx",
+      "path": "tooltip.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DBLoadingIndicator",
+          "name": "DBTooltip",
           "slots": [
             {
               "name": "children",
@@ -6155,147 +6155,30 @@
             },
             {
               "kind": "field",
-              "name": "autoDisable",
-              "type": {
-                "text": "boolean | string"
-              },
-              "default": "true",
-              "description": "Disable the parent component (e.g. a DBButton) when loading indicator is inside it",
-              "resolvedValue": {
-                "name": "autoDisable",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Disable the parent component (e.g. a DBButton) when loading indicator is inside it",
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "overlay",
-              "type": {
-                "text": "boolean | string"
-              },
-              "resolvedValue": {
-                "name": "overlay",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "state",
-              "type": {
-                "text": "\"inactive\" | \"active\" | \"successful\" | \"critical\" | string"
-              },
-              "resolvedValue": {
-                "name": "state",
-                "type": {
-                  "values": [
-                    "LoadingIndicatorStateType",
-                    "string"
-                  ],
-                  "type": "union"
-                },
-                "resolvedType": "\"inactive\" | \"active\" | \"successful\" | \"critical\" | string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean | string"
-              },
-              "default": "true",
-              "resolvedValue": {
-                "name": "indeterminate",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "delay",
-              "type": {
-                "text": "\"none\" | \"slow\" | \"fast\""
-              },
-              "description": "Add a delay before showing the component",
-              "resolvedValue": {
-                "name": "delay",
-                "type": "PopoverDelayType",
-                "comment": "Add a delay before showing the component",
-                "resolvedType": "\"none\" | \"slow\" | \"fast\""
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string | number"
-              },
-              "resolvedValue": {
-                "name": "value",
-                "type": {
-                  "values": [
-                    "string",
-                    "number"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "string | number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "max",
+              "name": "variant",
               "type": {
-                "text": "number | string"
+                "text": "\"description\" | \"label\""
               },
+              "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
               "resolvedValue": {
-                "name": "max",
-                "type": {
-                  "values": [
-                    "number",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "number | string"
+                "name": "variant",
+                "type": "TooltipVariantType",
+                "comment": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+                "resolvedType": "\"description\" | \"label\""
               }
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "placement",
               "type": {
-                "text": "'alert' | 'status' | 'none'"
+                "text": "\"undefined\" | \"undefined\""
               },
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
               "resolvedValue": {
-                "name": "role",
-                "type": {
-                  "values": [
-                    "'alert'",
-                    "'status'",
-                    "'none'"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "'alert' | 'status' | 'none'"
+                "name": "placement",
+                "type": "PlacementType",
+                "comment": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "resolvedType": "\"undefined\" | \"undefined\""
               }
             },
             {
@@ -6314,41 +6197,27 @@
             },
             {
               "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "\"small\" | \"medium\""
-              },
-              "default": "\"medium\"",
-              "description": "The size attribute changes the font-size and other related sizes of the component.",
-              "resolvedValue": {
-                "name": "size",
-                "type": "SizeType",
-                "comment": "The size attribute changes the font-size and other related sizes of the component.",
-                "resolvedType": "\"small\" | \"medium\""
-              }
-            },
-            {
-              "kind": "field",
-              "name": "variant",
+              "name": "emphasis",
               "type": {
-                "text": "\"progress-bar\" | \"onsite\" | \"inline\""
+                "text": "\"weak\" | \"strong\""
               },
-              "default": "\"inline\"",
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
               "resolvedValue": {
-                "name": "variant",
-                "type": "LoadingIndicatorVariantType",
-                "resolvedType": "\"progress-bar\" | \"onsite\" | \"inline\""
+                "name": "emphasis",
+                "type": "EmphasisType",
+                "comment": "The emphasis attribute divides in between a weak or strong importance.",
+                "resolvedType": "\"weak\" | \"strong\""
               }
             },
             {
               "kind": "field",
-              "name": "showLabel",
+              "name": "animation",
               "type": {
                 "text": "boolean | string"
               },
-              "description": "Enables/disables the visibility of the label",
+              "description": "Disable animation",
               "resolvedValue": {
-                "name": "showLabel",
+                "name": "animation",
                 "type": {
                   "values": [
                     "boolean",
@@ -6356,43 +6225,47 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Enables/disables the visibility of the label",
+                "comment": "Disable animation",
                 "resolvedType": "boolean | string"
               }
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "delay",
               "type": {
-                "text": "string"
+                "text": "\"none\" | \"slow\" | \"fast\""
               },
+              "description": "Add a delay before showing the tooltip",
               "resolvedValue": {
-                "name": "label",
-                "type": "string",
-                "resolvedType": "string"
+                "name": "delay",
+                "type": "PopoverDelayType",
+                "comment": "Add a delay before showing the tooltip",
+                "resolvedType": "\"none\" | \"slow\" | \"fast\""
               }
             },
             {
               "kind": "field",
-              "name": "progressText",
+              "name": "width",
               "type": {
-                "text": "string"
+                "text": "\"auto\" | \"fixed\""
               },
+              "description": "Use fixed with for default max-width",
               "resolvedValue": {
-                "name": "progressText",
-                "type": "string",
-                "resolvedType": "string"
+                "name": "width",
+                "type": "PopoverWidthType",
+                "comment": "Use fixed with for default max-width",
+                "resolvedType": "\"auto\" | \"fixed\""
               }
             },
             {
               "kind": "field",
-              "name": "showProgressText",
+              "name": "showArrow",
               "type": {
                 "text": "boolean | string"
               },
-              "description": "Enables/disables the visibility of the progressText",
+              "description": "Show/Hides arrow",
               "resolvedValue": {
-                "name": "showProgressText",
+                "name": "showArrow",
                 "type": {
                   "values": [
                     "boolean",
@@ -6400,7 +6273,7 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Enables/disables the visibility of the progressText",
+                "comment": "Show/Hides arrow",
                 "resolvedType": "boolean | string"
               }
             },
@@ -6411,53 +6284,95 @@
             },
             {
               "kind": "field",
-              "name": "_loadingState",
+              "name": "initialized",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"inactive\""
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_previousLoadingState",
+              "name": "_documentScrollListenerCallbackId",
               "default": "undefined"
             },
             {
               "kind": "field",
-              "name": "_style",
-              "type": {
-                "text": "object"
-              },
-              "default": "{}"
+              "name": "_observer",
+              "default": "undefined"
             },
             {
-              "kind": "field",
-              "name": "initialized",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "handleClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "ClickEvent<HTMLElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleEscape",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getPercentage"
+              "name": "getParent"
+            },
+            {
+              "kind": "method",
+              "name": "handleAutoPlacement",
+              "parameters": [
+                {
+                  "name": "parent",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getRole"
+              "name": "handleDocumentScroll",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "parent",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleParentDisabled"
+              "name": "handleLeave"
             },
             {
               "kind": "method",
-              "name": "handleParentAria",
+              "name": "handleEnter",
               "parameters": [
                 {
-                  "name": "remove",
+                  "name": "parent",
+                  "optional": true,
                   "type": {
-                    "text": "boolean"
+                    "text": "HTMLElement"
                   }
                 }
               ]
@@ -6492,46 +6407,6 @@
               "kind": "method",
               "name": "watch0"
             },
-            {
-              "kind": "method",
-              "name": "watch1Fn"
-            },
-            {
-              "kind": "method",
-              "name": "watch1"
-            },
-            {
-              "kind": "method",
-              "name": "watch2Fn"
-            },
-            {
-              "kind": "method",
-              "name": "watch2"
-            },
-            {
-              "kind": "method",
-              "name": "watch3Fn"
-            },
-            {
-              "kind": "method",
-              "name": "watch3"
-            },
-            {
-              "kind": "method",
-              "name": "watch4Fn"
-            },
-            {
-              "kind": "method",
-              "name": "watch4"
-            },
-            {
-              "kind": "method",
-              "name": "watch5Fn"
-            },
-            {
-              "kind": "method",
-              "name": "watch5"
-            },
             {
               "kind": "method",
               "name": "render"
@@ -6553,148 +6428,31 @@
               }
             },
             {
-              "name": "auto-disable",
-              "fieldName": "autoDisable",
-              "default": "true",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "Disable the parent component (e.g. a DBButton) when loading indicator is inside it",
-              "resolvedValue": {
-                "name": "autoDisable",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Disable the parent component (e.g. a DBButton) when loading indicator is inside it",
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "name": "overlay",
-              "fieldName": "overlay",
-              "type": {
-                "text": "boolean | string"
-              },
-              "resolvedValue": {
-                "name": "overlay",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "name": "state",
-              "fieldName": "state",
-              "type": {
-                "text": "\"inactive\" | \"active\" | \"successful\" | \"critical\" | string"
-              },
-              "resolvedValue": {
-                "name": "state",
-                "type": {
-                  "values": [
-                    "LoadingIndicatorStateType",
-                    "string"
-                  ],
-                  "type": "union"
-                },
-                "resolvedType": "\"inactive\" | \"active\" | \"successful\" | \"critical\" | string"
-              }
-            },
-            {
-              "name": "indeterminate",
-              "fieldName": "indeterminate",
-              "default": "true",
-              "type": {
-                "text": "boolean | string"
-              },
-              "resolvedValue": {
-                "name": "indeterminate",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "name": "delay",
-              "fieldName": "delay",
-              "type": {
-                "text": "\"none\" | \"slow\" | \"fast\""
-              },
-              "description": "Add a delay before showing the component",
-              "resolvedValue": {
-                "name": "delay",
-                "type": "PopoverDelayType",
-                "comment": "Add a delay before showing the component",
-                "resolvedType": "\"none\" | \"slow\" | \"fast\""
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "type": {
-                "text": "string | number"
-              },
-              "resolvedValue": {
-                "name": "value",
-                "type": {
-                  "values": [
-                    "string",
-                    "number"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "string | number"
-              }
-            },
-            {
-              "name": "max",
-              "fieldName": "max",
+              "name": "variant",
+              "fieldName": "variant",
               "type": {
-                "text": "number | string"
+                "text": "\"description\" | \"label\""
               },
+              "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
               "resolvedValue": {
-                "name": "max",
-                "type": {
-                  "values": [
-                    "number",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "number | string"
+                "name": "variant",
+                "type": "TooltipVariantType",
+                "comment": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+                "resolvedType": "\"description\" | \"label\""
               }
             },
             {
-              "name": "role",
-              "fieldName": "role",
+              "name": "placement",
+              "fieldName": "placement",
               "type": {
-                "text": "'alert' | 'status' | 'none'"
+                "text": "\"undefined\" | \"undefined\""
               },
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
               "resolvedValue": {
-                "name": "role",
-                "type": {
-                  "values": [
-                    "'alert'",
-                    "'status'",
-                    "'none'"
-                  ],
-                  "type": "literal"
-                },
-                "resolvedType": "'alert' | 'status' | 'none'"
+                "name": "placement",
+                "type": "PlacementType",
+                "comment": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "resolvedType": "\"undefined\" | \"undefined\""
               }
             },
             {
@@ -6712,42 +6470,28 @@
               }
             },
             {
-              "name": "size",
-              "fieldName": "size",
-              "default": "\"medium\"",
-              "type": {
-                "text": "\"small\" | \"medium\""
-              },
-              "description": "The size attribute changes the font-size and other related sizes of the component.",
-              "resolvedValue": {
-                "name": "size",
-                "type": "SizeType",
-                "comment": "The size attribute changes the font-size and other related sizes of the component.",
-                "resolvedType": "\"small\" | \"medium\""
-              }
-            },
-            {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "\"inline\"",
+              "name": "emphasis",
+              "fieldName": "emphasis",
               "type": {
-                "text": "\"progress-bar\" | \"onsite\" | \"inline\""
+                "text": "\"weak\" | \"strong\""
               },
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
               "resolvedValue": {
-                "name": "variant",
-                "type": "LoadingIndicatorVariantType",
-                "resolvedType": "\"progress-bar\" | \"onsite\" | \"inline\""
+                "name": "emphasis",
+                "type": "EmphasisType",
+                "comment": "The emphasis attribute divides in between a weak or strong importance.",
+                "resolvedType": "\"weak\" | \"strong\""
               }
             },
             {
-              "name": "show-label",
-              "fieldName": "showLabel",
+              "name": "animation",
+              "fieldName": "animation",
               "type": {
                 "text": "boolean | string"
               },
-              "description": "Enables/disables the visibility of the label",
+              "description": "Disable animation",
               "resolvedValue": {
-                "name": "showLabel",
+                "name": "animation",
                 "type": {
                   "values": [
                     "boolean",
@@ -6755,43 +6499,47 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Enables/disables the visibility of the label",
+                "comment": "Disable animation",
                 "resolvedType": "boolean | string"
               }
             },
             {
-              "name": "label",
-              "fieldName": "label",
+              "name": "delay",
+              "fieldName": "delay",
               "type": {
-                "text": "string"
+                "text": "\"none\" | \"slow\" | \"fast\""
               },
+              "description": "Add a delay before showing the tooltip",
               "resolvedValue": {
-                "name": "label",
-                "type": "string",
-                "resolvedType": "string"
+                "name": "delay",
+                "type": "PopoverDelayType",
+                "comment": "Add a delay before showing the tooltip",
+                "resolvedType": "\"none\" | \"slow\" | \"fast\""
               }
             },
             {
-              "name": "progress-text",
-              "fieldName": "progressText",
+              "name": "width",
+              "fieldName": "width",
               "type": {
-                "text": "string"
+                "text": "\"auto\" | \"fixed\""
               },
+              "description": "Use fixed with for default max-width",
               "resolvedValue": {
-                "name": "progressText",
-                "type": "string",
-                "resolvedType": "string"
+                "name": "width",
+                "type": "PopoverWidthType",
+                "comment": "Use fixed with for default max-width",
+                "resolvedType": "\"auto\" | \"fixed\""
               }
             },
             {
-              "name": "show-progress-text",
-              "fieldName": "showProgressText",
+              "name": "show-arrow",
+              "fieldName": "showArrow",
               "type": {
                 "text": "boolean | string"
               },
-              "description": "Enables/disables the visibility of the progressText",
+              "description": "Show/Hides arrow",
               "resolvedValue": {
-                "name": "showProgressText",
+                "name": "showArrow",
                 "type": {
                   "values": [
                     "boolean",
@@ -6799,54 +6547,51 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Enables/disables the visibility of the progressText",
+                "comment": "Show/Hides arrow",
                 "resolvedType": "boolean | string"
               }
             }
           ],
-          "tagName": "db-loading-indicator",
-          "events": [
-            {
-              "name": "timeout",
-              "type": {
-                "text": "EventEmitter<\n    Parameters<Required<DBLoadingIndicatorProps>[\"onTimeout\"]>[number]\n  > | void"
-              }
-            }
-          ],
+          "tagName": "db-tooltip",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DBLoadingIndicator",
+          "name": "DBTooltip",
           "declaration": {
-            "name": "DBLoadingIndicator",
-            "module": "/home/runner/work/core-web/core-web/output/stencil/src/components/loading-indicator/loading-indicator.tsx"
+            "name": "DBTooltip",
+            "module": "/home/runner/work/core-web/core-web/output/stencil/src/components/tooltip/tooltip.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "db-loading-indicator",
+          "name": "db-tooltip",
           "declaration": {
-            "name": "DBLoadingIndicator",
-            "module": "/home/runner/work/core-web/core-web/output/stencil/src/components/loading-indicator/loading-indicator.tsx"
+            "name": "DBTooltip",
+            "module": "/home/runner/work/core-web/core-web/output/stencil/src/components/tooltip/tooltip.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "tooltip.tsx",
+      "path": "tag.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DBTooltip",
+          "name": "DBTag",
           "slots": [
             {
               "name": "children",
               "description": "default slot"
+            },
+            {
+              "name": "content",
+              "description": "Default slot which is used to pass in additional content."
             }
           ],
           "members": [
@@ -6860,44 +6605,30 @@
             },
             {
               "kind": "field",
-              "name": "id",
+              "name": "removeButton",
               "type": {
                 "text": "string"
               },
-              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "description": "The removeButton attribute shows the cancel button.",
               "resolvedValue": {
-                "name": "id",
+                "name": "removeButton",
                 "type": "string",
-                "comment": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "comment": "The removeButton attribute shows the cancel button.",
                 "resolvedType": "string"
               }
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "id",
               "type": {
-                "text": "\"description\" | \"label\""
+                "text": "string"
               },
-              "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
-              "resolvedValue": {
-                "name": "variant",
-                "type": "TooltipVariantType",
-                "comment": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
-                "resolvedType": "\"description\" | \"label\""
-              }
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "\"undefined\" | \"undefined\""
-              },
-              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "resolvedValue": {
-                "name": "placement",
-                "type": "PlacementType",
-                "comment": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-                "resolvedType": "\"undefined\" | \"undefined\""
+                "name": "id",
+                "type": "string",
+                "comment": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "resolvedType": "string"
               }
             },
             {
@@ -6914,6 +6645,20 @@
                 "resolvedType": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "semantic",
+              "type": {
+                "text": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              },
+              "description": "The semantic defines the default variants for most components.",
+              "resolvedValue": {
+                "name": "semantic",
+                "type": "SemanticType",
+                "comment": "The semantic defines the default variants for most components.",
+                "resolvedType": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              }
+            },
             {
               "kind": "field",
               "name": "emphasis",
@@ -6930,11 +6675,27 @@
             },
             {
               "kind": "field",
-              "name": "animation",
-              "type": {},
-              "description": "Disable animation",
+              "name": "icon",
+              "type": {
+                "text": "IconTypes"
+              },
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "resolvedValue": {
-                "name": "animation",
+                "name": "icon",
+                "type": "IconTypes",
+                "comment": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "resolvedType": "IconTypes"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "showCheckState",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "Enable/Disable icon for checkbox/radio inside tag.",
+              "resolvedValue": {
+                "name": "showCheckState",
                 "type": {
                   "values": [
                     "boolean",
@@ -6942,43 +6703,59 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Disable animation"
+                "comment": "Enable/Disable icon for checkbox/radio inside tag.",
+                "resolvedType": "boolean | string"
               }
             },
             {
               "kind": "field",
-              "name": "delay",
+              "name": "showIcon",
               "type": {
-                "text": "\"none\" | \"slow\" | \"fast\""
+                "text": "boolean | string"
               },
-              "description": "Add a delay before showing the component",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
               "resolvedValue": {
-                "name": "delay",
-                "type": "PopoverDelayType",
-                "comment": "Add a delay before showing the component",
-                "resolvedType": "\"none\" | \"slow\" | \"fast\""
+                "name": "showIcon",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "resolvedType": "boolean | string"
               }
             },
             {
               "kind": "field",
-              "name": "width",
-              "type": {},
-              "description": "Use fixed with for default max-width",
+              "name": "noText",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "Define the text next to the icon specified via the icon Property to get hidden.",
               "resolvedValue": {
-                "name": "width",
-                "type": "PopoverWidthType",
-                "comment": "Use fixed with for default max-width"
+                "name": "noText",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "Define the text next to the icon specified via the icon Property to get hidden.",
+                "resolvedType": "boolean | string"
               }
             },
             {
               "kind": "field",
-              "name": "showArrow",
+              "name": "overflow",
               "type": {
                 "text": "boolean | string"
               },
-              "description": "Show/Hides arrow",
+              "description": "The overflow attribute sets a max-width and longer text will be dotted.",
               "resolvedValue": {
-                "name": "showArrow",
+                "name": "overflow",
                 "type": {
                   "values": [
                     "boolean",
@@ -6986,109 +6763,60 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Show/Hides arrow",
+                "comment": "The overflow attribute sets a max-width and longer text will be dotted.",
                 "resolvedType": "boolean | string"
               }
             },
             {
               "kind": "field",
-              "name": "_id",
-              "default": "DEFAULT_ID"
-            },
-            {
-              "kind": "field",
-              "name": "initialized",
+              "name": "text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_documentScrollListenerCallbackId",
-              "default": "undefined"
+              "description": "Alternative for children to set content as property.",
+              "resolvedValue": {
+                "name": "text",
+                "type": "string",
+                "comment": "Alternative for children to set content as property.",
+                "resolvedType": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "_observer",
-              "default": "undefined"
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "ClickEvent<HTMLElement>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleEscape",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getParent"
-            },
-            {
-              "kind": "method",
-              "name": "handleAutoPlacement",
-              "parameters": [
-                {
-                  "name": "parent",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "name": "behavior",
+              "type": {
+                "text": "\"static\" | \"removable\" | string"
+              },
+              "description": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
+              "resolvedValue": {
+                "name": "behavior",
+                "type": {
+                  "values": [
+                    "TagBehaviorType",
+                    "string"
+                  ],
+                  "type": "union"
+                },
+                "comment": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
+                "resolvedType": "\"static\" | \"removable\" | string"
+              }
             },
             {
               "kind": "method",
-              "name": "handleDocumentScroll",
+              "name": "handleRemove",
               "parameters": [
                 {
                   "name": "event",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "parent",
                   "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ClickEvent<HTMLButtonElement> | void"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleLeave"
-            },
-            {
-              "kind": "method",
-              "name": "handleEnter",
-              "parameters": [
-                {
-                  "name": "parent",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "name": "getRemoveButtonText"
             },
             {
               "kind": "method",
@@ -7112,20 +6840,26 @@
               ],
               "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
             },
-            {
-              "kind": "method",
-              "name": "watch0Fn"
-            },
-            {
-              "kind": "method",
-              "name": "watch0"
-            },
             {
               "kind": "method",
               "name": "render"
             }
           ],
           "attributes": [
+            {
+              "name": "remove-button",
+              "fieldName": "removeButton",
+              "type": {
+                "text": "string"
+              },
+              "description": "The removeButton attribute shows the cancel button.",
+              "resolvedValue": {
+                "name": "removeButton",
+                "type": "string",
+                "comment": "The removeButton attribute shows the cancel button.",
+                "resolvedType": "string"
+              }
+            },
             {
               "name": "id",
               "fieldName": "id",
@@ -7141,220 +6875,22 @@
               }
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
+              "name": "classname",
+              "fieldName": "className",
               "type": {
-                "text": "\"description\" | \"label\""
+                "text": "string"
               },
-              "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+              "description": "React specific for adding className to the component.",
               "resolvedValue": {
-                "name": "variant",
-                "type": "TooltipVariantType",
-                "comment": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
-                "resolvedType": "\"description\" | \"label\""
+                "name": "className",
+                "type": "string",
+                "comment": "React specific for adding className to the component.",
+                "resolvedType": "string"
               }
             },
             {
-              "name": "placement",
-              "fieldName": "placement",
-              "type": {
-                "text": "\"undefined\" | \"undefined\""
-              },
-              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-              "resolvedValue": {
-                "name": "placement",
-                "type": "PlacementType",
-                "comment": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-                "resolvedType": "\"undefined\" | \"undefined\""
-              }
-            },
-            {
-              "name": "classname",
-              "fieldName": "className",
-              "type": {
-                "text": "string"
-              },
-              "description": "React specific for adding className to the component.",
-              "resolvedValue": {
-                "name": "className",
-                "type": "string",
-                "comment": "React specific for adding className to the component.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "name": "emphasis",
-              "fieldName": "emphasis",
-              "type": {
-                "text": "\"weak\" | \"strong\""
-              },
-              "description": "The emphasis attribute divides in between a weak or strong importance.",
-              "resolvedValue": {
-                "name": "emphasis",
-                "type": "EmphasisType",
-                "comment": "The emphasis attribute divides in between a weak or strong importance.",
-                "resolvedType": "\"weak\" | \"strong\""
-              }
-            },
-            {
-              "name": "animation",
-              "fieldName": "animation",
-              "type": {},
-              "description": "Disable animation",
-              "resolvedValue": {
-                "name": "animation",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Disable animation"
-              }
-            },
-            {
-              "name": "delay",
-              "fieldName": "delay",
-              "type": {
-                "text": "\"none\" | \"slow\" | \"fast\""
-              },
-              "description": "Add a delay before showing the component",
-              "resolvedValue": {
-                "name": "delay",
-                "type": "PopoverDelayType",
-                "comment": "Add a delay before showing the component",
-                "resolvedType": "\"none\" | \"slow\" | \"fast\""
-              }
-            },
-            {
-              "name": "width",
-              "fieldName": "width",
-              "type": {},
-              "description": "Use fixed with for default max-width",
-              "resolvedValue": {
-                "name": "width",
-                "type": "PopoverWidthType",
-                "comment": "Use fixed with for default max-width"
-              }
-            },
-            {
-              "name": "show-arrow",
-              "fieldName": "showArrow",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "Show/Hides arrow",
-              "resolvedValue": {
-                "name": "showArrow",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Show/Hides arrow",
-                "resolvedType": "boolean | string"
-              }
-            }
-          ],
-          "tagName": "db-tooltip",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DBTooltip",
-          "declaration": {
-            "name": "DBTooltip",
-            "module": "/home/runner/work/core-web/core-web/output/stencil/src/components/tooltip/tooltip.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "db-tooltip",
-          "declaration": {
-            "name": "DBTooltip",
-            "module": "/home/runner/work/core-web/core-web/output/stencil/src/components/tooltip/tooltip.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "tag.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DBTag",
-          "slots": [
-            {
-              "name": "children",
-              "description": "default slot"
-            },
-            {
-              "name": "content",
-              "description": "Default slot which is used to pass in additional content."
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLDivElement | any"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "removeButton",
-              "type": {
-                "text": "string"
-              },
-              "description": "The removeButton attribute shows the cancel button.",
-              "resolvedValue": {
-                "name": "removeButton",
-                "type": "string",
-                "comment": "The removeButton attribute shows the cancel button.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
-              "resolvedValue": {
-                "name": "id",
-                "type": "string",
-                "comment": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "className",
-              "type": {
-                "text": "string"
-              },
-              "description": "React specific for adding className to the component.",
-              "resolvedValue": {
-                "name": "className",
-                "type": "string",
-                "comment": "React specific for adding className to the component.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "kind": "field",
               "name": "semantic",
+              "fieldName": "semantic",
               "type": {
                 "text": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
               },
@@ -7367,8 +6903,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "emphasis",
+              "fieldName": "emphasis",
               "type": {
                 "text": "\"weak\" | \"strong\""
               },
@@ -7381,8 +6917,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "icon",
+              "fieldName": "icon",
               "type": {
                 "text": "IconTypes"
               },
@@ -7395,8 +6931,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "showCheckState",
+              "name": "show-check-state",
+              "fieldName": "showCheckState",
               "type": {
                 "text": "boolean | string"
               },
@@ -7415,8 +6951,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "showIcon",
+              "name": "show-icon",
+              "fieldName": "showIcon",
               "type": {
                 "text": "boolean | string"
               },
@@ -7435,8 +6971,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "noText",
+              "name": "no-text",
+              "fieldName": "noText",
               "type": {
                 "text": "boolean | string"
               },
@@ -7455,8 +6991,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "overflow",
+              "fieldName": "overflow",
               "type": {
                 "text": "boolean | string"
               },
@@ -7475,8 +7011,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "text",
+              "fieldName": "text",
               "type": {
                 "text": "string"
               },
@@ -7489,8 +7025,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "behavior",
+              "fieldName": "behavior",
               "type": {
                 "text": "\"static\" | \"removable\" | string"
               },
@@ -7507,253 +7043,10 @@
                 "comment": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
                 "resolvedType": "\"static\" | \"removable\" | string"
               }
-            },
-            {
-              "kind": "method",
-              "name": "handleRemove",
-              "parameters": [
-                {
-                  "name": "event",
-                  "optional": true,
-                  "type": {
-                    "text": "ClickEvent<HTMLButtonElement> | void"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getRemoveButtonText"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "remove-button",
-              "fieldName": "removeButton",
-              "type": {
-                "text": "string"
-              },
-              "description": "The removeButton attribute shows the cancel button.",
-              "resolvedValue": {
-                "name": "removeButton",
-                "type": "string",
-                "comment": "The removeButton attribute shows the cancel button.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "name": "id",
-              "fieldName": "id",
-              "type": {
-                "text": "string"
-              },
-              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
-              "resolvedValue": {
-                "name": "id",
-                "type": "string",
-                "comment": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "name": "classname",
-              "fieldName": "className",
-              "type": {
-                "text": "string"
-              },
-              "description": "React specific for adding className to the component.",
-              "resolvedValue": {
-                "name": "className",
-                "type": "string",
-                "comment": "React specific for adding className to the component.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "name": "semantic",
-              "fieldName": "semantic",
-              "type": {
-                "text": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
-              },
-              "description": "The semantic defines the default variants for most components.",
-              "resolvedValue": {
-                "name": "semantic",
-                "type": "SemanticType",
-                "comment": "The semantic defines the default variants for most components.",
-                "resolvedType": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
-              }
-            },
-            {
-              "name": "emphasis",
-              "fieldName": "emphasis",
-              "type": {
-                "text": "\"weak\" | \"strong\""
-              },
-              "description": "The emphasis attribute divides in between a weak or strong importance.",
-              "resolvedValue": {
-                "name": "emphasis",
-                "type": "EmphasisType",
-                "comment": "The emphasis attribute divides in between a weak or strong importance.",
-                "resolvedType": "\"weak\" | \"strong\""
-              }
-            },
-            {
-              "name": "icon",
-              "fieldName": "icon",
-              "type": {
-                "text": "IconTypes"
-              },
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
-              "resolvedValue": {
-                "name": "icon",
-                "type": "IconTypes",
-                "comment": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
-                "resolvedType": "IconTypes"
-              }
-            },
-            {
-              "name": "show-check-state",
-              "fieldName": "showCheckState",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "Enable/Disable icon for checkbox/radio inside tag.",
-              "resolvedValue": {
-                "name": "showCheckState",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Enable/Disable icon for checkbox/radio inside tag.",
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "name": "show-icon",
-              "fieldName": "showIcon",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "resolvedValue": {
-                "name": "showIcon",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "name": "no-text",
-              "fieldName": "noText",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "Define the text next to the icon specified via the icon Property to get hidden.",
-              "resolvedValue": {
-                "name": "noText",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Define the text next to the icon specified via the icon Property to get hidden.",
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "name": "overflow",
-              "fieldName": "overflow",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "The overflow attribute sets a max-width and longer text will be dotted.",
-              "resolvedValue": {
-                "name": "overflow",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "The overflow attribute sets a max-width and longer text will be dotted.",
-                "resolvedType": "boolean | string"
-              }
-            },
-            {
-              "name": "text",
-              "fieldName": "text",
-              "type": {
-                "text": "string"
-              },
-              "description": "Alternative for children to set content as property.",
-              "resolvedValue": {
-                "name": "text",
-                "type": "string",
-                "comment": "Alternative for children to set content as property.",
-                "resolvedType": "string"
-              }
-            },
-            {
-              "name": "behavior",
-              "fieldName": "behavior",
-              "type": {
-                "text": "\"static\" | \"removable\" | string"
-              },
-              "description": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
-              "resolvedValue": {
-                "name": "behavior",
-                "type": {
-                  "values": [
-                    "TagBehaviorType",
-                    "string"
-                  ],
-                  "type": "union"
-                },
-                "comment": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
-                "resolvedType": "\"static\" | \"removable\" | string"
-              }
-            }
-          ],
-          "tagName": "db-tag",
-          "events": [
+            }
+          ],
+          "tagName": "db-tag",
+          "events": [
             {
               "name": "remove",
               "type": {
@@ -8468,29 +7761,29 @@
             },
             {
               "kind": "field",
-              "name": "noResultsText",
+              "name": "loadingText",
               "type": {
                 "text": "string"
               },
-              "description": "Dropdown - hint if there are no options",
+              "description": "Dropdown - hint if data has to be loaded",
               "resolvedValue": {
-                "name": "noResultsText",
+                "name": "loadingText",
                 "type": "string",
-                "comment": "Dropdown - hint if there are no options",
+                "comment": "Dropdown - hint if data has to be loaded",
                 "resolvedType": "string"
               }
             },
             {
               "kind": "field",
-              "name": "loadingText",
+              "name": "noResultsText",
               "type": {
                 "text": "string"
               },
-              "description": "Dropdown - hint if data has to be loaded",
+              "description": "Dropdown - hint if there are no options",
               "resolvedValue": {
-                "name": "loadingText",
+                "name": "noResultsText",
                 "type": "string",
-                "comment": "Dropdown - hint if data has to be loaded",
+                "comment": "Dropdown - hint if there are no options",
                 "resolvedType": "string"
               }
             },
@@ -9821,30 +9114,30 @@
               }
             },
             {
-              "name": "no-results-text",
-              "fieldName": "noResultsText",
+              "name": "loading-text",
+              "fieldName": "loadingText",
               "type": {
                 "text": "string"
               },
-              "description": "Dropdown - hint if there are no options",
+              "description": "Dropdown - hint if data has to be loaded",
               "resolvedValue": {
-                "name": "noResultsText",
+                "name": "loadingText",
                 "type": "string",
-                "comment": "Dropdown - hint if there are no options",
+                "comment": "Dropdown - hint if data has to be loaded",
                 "resolvedType": "string"
               }
             },
             {
-              "name": "loading-text",
-              "fieldName": "loadingText",
+              "name": "no-results-text",
+              "fieldName": "noResultsText",
               "type": {
                 "text": "string"
               },
-              "description": "Dropdown - hint if data has to be loaded",
+              "description": "Dropdown - hint if there are no options",
               "resolvedValue": {
-                "name": "loadingText",
+                "name": "noResultsText",
                 "type": "string",
-                "comment": "Dropdown - hint if data has to be loaded",
+                "comment": "Dropdown - hint if there are no options",
                 "resolvedType": "string"
               }
             },
@@ -13822,7 +13115,9 @@
             {
               "kind": "field",
               "name": "animation",
-              "type": {},
+              "type": {
+                "text": "boolean | string"
+              },
               "description": "Disable animation",
               "resolvedValue": {
                 "name": "animation",
@@ -13833,7 +13128,8 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Disable animation"
+                "comment": "Disable animation",
+                "resolvedType": "boolean | string"
               }
             },
             {
@@ -13862,23 +13158,26 @@
               "type": {
                 "text": "\"none\" | \"slow\" | \"fast\""
               },
-              "description": "Add a delay before showing the component",
+              "description": "Add a delay before showing the tooltip",
               "resolvedValue": {
                 "name": "delay",
                 "type": "PopoverDelayType",
-                "comment": "Add a delay before showing the component",
+                "comment": "Add a delay before showing the tooltip",
                 "resolvedType": "\"none\" | \"slow\" | \"fast\""
               }
             },
             {
               "kind": "field",
               "name": "width",
-              "type": {},
-              "description": "Use fixed with for default max-width",
-              "resolvedValue": {
+              "type": {
+                "text": "\"auto\" | \"fixed\""
+              },
+              "description": "Use fixed with for default max-width",
+              "resolvedValue": {
                 "name": "width",
                 "type": "PopoverWidthType",
-                "comment": "Use fixed with for default max-width"
+                "comment": "Use fixed with for default max-width",
+                "resolvedType": "\"auto\" | \"fixed\""
               }
             },
             {
@@ -14085,7 +13384,9 @@
             {
               "name": "animation",
               "fieldName": "animation",
-              "type": {},
+              "type": {
+                "text": "boolean | string"
+              },
               "description": "Disable animation",
               "resolvedValue": {
                 "name": "animation",
@@ -14096,7 +13397,8 @@
                   ],
                   "type": "literal"
                 },
-                "comment": "Disable animation"
+                "comment": "Disable animation",
+                "resolvedType": "boolean | string"
               }
             },
             {
@@ -14125,23 +13427,26 @@
               "type": {
                 "text": "\"none\" | \"slow\" | \"fast\""
               },
-              "description": "Add a delay before showing the component",
+              "description": "Add a delay before showing the tooltip",
               "resolvedValue": {
                 "name": "delay",
                 "type": "PopoverDelayType",
-                "comment": "Add a delay before showing the component",
+                "comment": "Add a delay before showing the tooltip",
                 "resolvedType": "\"none\" | \"slow\" | \"fast\""
               }
             },
             {
               "name": "width",
               "fieldName": "width",
-              "type": {},
+              "type": {
+                "text": "\"auto\" | \"fixed\""
+              },
               "description": "Use fixed with for default max-width",
               "resolvedValue": {
                 "name": "width",
                 "type": "PopoverWidthType",
-                "comment": "Use fixed with for default max-width"
+                "comment": "Use fixed with for default max-width",
+                "resolvedType": "\"auto\" | \"fixed\""
               }
             }
           ],
@@ -20220,912 +19525,14 @@
               }
             },
             {
-              "name": "label",
-              "fieldName": "label",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "tagName": "card-wrapper-showcase",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "CardWrapperShowcase",
-          "declaration": {
-            "name": "CardWrapperShowcase",
-            "module": "src/shared/showcase/card-wrapper.showcase.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "card-wrapper-showcase",
-          "declaration": {
-            "name": "CardWrapperShowcase",
-            "module": "src/shared/showcase/card-wrapper.showcase.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "container-wrapper.showcase.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ContainerWrapperShowcase",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isSubComponent",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isPatternhub",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "getSourceFilePath",
-              "default": "function getSourceFilePath(): string | undefined { if (!this.title) return; const componentName = this.title ?.replace(/^DB/, \"\") .replaceAll(/([A-Z])/g, (match, letter, index) => index > 0 ? `-${letter.toLowerCase()}` : letter.toLowerCase() ); if (componentName && /^[a-z]+(-[a-z]+)*$/.test(componentName)) { return `packages/components/src/components/${componentName}/${componentName}.lite.tsx`; } return; }"
-            },
-            {
-              "kind": "field",
-              "name": "getGitHubSourceUrl",
-              "default": "function getGitHubSourceUrl(): string | undefined { const filePath = this.getSourceFilePath(); if (!filePath) return; const targetBranch = process.env[\"GITHUB_BRANCH\"] ?? process.env[\"BRANCH_NAME\"] ?? \"main\"; return `https://github.com/db-ux-design-system/core-web/blob/${targetBranch}/${filePath}`; }"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "fieldName": "title",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "name": "is-sub-component",
-              "fieldName": "isSubComponent",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "name": "is-patternhub",
-              "fieldName": "isPatternhub",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "tagName": "container-wrapper-showcase",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ContainerWrapperShowcase",
-          "declaration": {
-            "name": "ContainerWrapperShowcase",
-            "module": "src/shared/showcase/container-wrapper.showcase.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "container-wrapper-showcase",
-          "declaration": {
-            "name": "ContainerWrapperShowcase",
-            "module": "src/shared/showcase/container-wrapper.showcase.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "link-wrapper.showcase.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LinkWrapperShowcase",
-          "members": [
-            {
-              "kind": "field",
-              "name": "exampleName",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "pageParam",
-              "type": {
-                "text": "null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "getPage",
-              "default": "function getPage(): string | undefined { return this.exampleName?.replaceAll(\" \", \"+\").toLowerCase(); }"
-            },
-            {
-              "kind": "field",
-              "name": "getHref",
-              "default": "function getHref(): string { if (typeof window !== \"undefined\") { const hash = window.location.hash; const basePath = hash.includes(\"?\") ? hash.split(\"?\")[0] : hash; return `${basePath}?page=${this.getPage()}`; } return \"\"; }"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "example-name",
-              "fieldName": "exampleName",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "tagName": "link-wrapper-showcase",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LinkWrapperShowcase",
-          "declaration": {
-            "name": "LinkWrapperShowcase",
-            "module": "src/shared/showcase/link-wrapper.showcase.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "link-wrapper-showcase",
-          "declaration": {
-            "name": "LinkWrapperShowcase",
-            "module": "src/shared/showcase/link-wrapper.showcase.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "density.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonDensity",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-density",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonDensity",
-          "declaration": {
-            "name": "ButtonDensity",
-            "module": "src/components/button/examples/density.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-density",
-          "declaration": {
-            "name": "ButtonDensity",
-            "module": "src/components/button/examples/density.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "disabled.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonDisabled",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-disabled",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonDisabled",
-          "declaration": {
-            "name": "ButtonDisabled",
-            "module": "src/components/button/examples/disabled.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-disabled",
-          "declaration": {
-            "name": "ButtonDisabled",
-            "module": "src/components/button/examples/disabled.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "multi-line-text.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonMultiLineText",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-multi-line-text",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonMultiLineText",
-          "declaration": {
-            "name": "ButtonMultiLineText",
-            "module": "src/components/button/examples/multi-line-text.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-multi-line-text",
-          "declaration": {
-            "name": "ButtonMultiLineText",
-            "module": "src/components/button/examples/multi-line-text.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "no-text.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonNoText",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-no-text",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonNoText",
-          "declaration": {
-            "name": "ButtonNoText",
-            "module": "src/components/button/examples/no-text.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-no-text",
-          "declaration": {
-            "name": "ButtonNoText",
-            "module": "src/components/button/examples/no-text.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "show-icon-leading.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonShowIconLeading",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-show-icon-leading",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonShowIconLeading",
-          "declaration": {
-            "name": "ButtonShowIconLeading",
-            "module": "src/components/button/examples/show-icon-leading.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-show-icon-leading",
-          "declaration": {
-            "name": "ButtonShowIconLeading",
-            "module": "src/components/button/examples/show-icon-leading.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "show-icon-trailing.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonShowIconTrailing",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-show-icon-trailing",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonShowIconTrailing",
-          "declaration": {
-            "name": "ButtonShowIconTrailing",
-            "module": "src/components/button/examples/show-icon-trailing.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-show-icon-trailing",
-          "declaration": {
-            "name": "ButtonShowIconTrailing",
-            "module": "src/components/button/examples/show-icon-trailing.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "size.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonSize",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-size",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonSize",
-          "declaration": {
-            "name": "ButtonSize",
-            "module": "src/components/button/examples/size.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-size",
-          "declaration": {
-            "name": "ButtonSize",
-            "module": "src/components/button/examples/size.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "variant.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonVariant",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-variant",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonVariant",
-          "declaration": {
-            "name": "ButtonVariant",
-            "module": "src/components/button/examples/variant.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-variant",
-          "declaration": {
-            "name": "ButtonVariant",
-            "module": "src/components/button/examples/variant.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "width.example.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonWidth",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "button-width",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonWidth",
-          "declaration": {
-            "name": "ButtonWidth",
-            "module": "src/components/button/examples/width.example.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "button-width",
-          "declaration": {
-            "name": "ButtonWidth",
-            "module": "src/components/button/examples/width.example.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "button.showcase.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonShowcase",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_ref",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "isPatternhub",
-              "type": {
-                "text": "PatternhubProps[\"isPatternhub\"]"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "is-patternhub",
-              "fieldName": "isPatternhub",
+              "name": "label",
+              "fieldName": "label",
               "type": {
-                "text": "PatternhubProps[\"isPatternhub\"]"
+                "text": "any"
               }
             }
           ],
-          "tagName": "button-showcase",
+          "tagName": "card-wrapper-showcase",
           "events": [],
           "customElement": true
         }
@@ -21133,30 +19540,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ButtonShowcase",
+          "name": "CardWrapperShowcase",
           "declaration": {
-            "name": "ButtonShowcase",
-            "module": "src/components/button/showcase/button.showcase.tsx"
+            "name": "CardWrapperShowcase",
+            "module": "src/shared/showcase/card-wrapper.showcase.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "button-showcase",
+          "name": "card-wrapper-showcase",
           "declaration": {
-            "name": "ButtonShowcase",
-            "module": "src/components/button/showcase/button.showcase.tsx"
+            "name": "CardWrapperShowcase",
+            "module": "src/shared/showcase/card-wrapper.showcase.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "button.example.tsx",
+      "path": "container-wrapper.showcase.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorButton",
+          "name": "ContainerWrapperShowcase",
           "members": [
             {
               "kind": "field",
@@ -21166,6 +19573,45 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isSubComponent",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isPatternhub",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "getSourceFilePath",
+              "default": "function getSourceFilePath(): string | undefined { if (!this.title) return; const componentName = this.title ?.replace(/^DB/, \"\") .replaceAll(/([A-Z])/g, (match, letter, index) => index > 0 ? `-${letter.toLowerCase()}` : letter.toLowerCase() ); if (componentName && /^[a-z]+(-[a-z]+)*$/.test(componentName)) { return `packages/components/src/components/${componentName}/${componentName}.lite.tsx`; } return; }"
+            },
+            {
+              "kind": "field",
+              "name": "getGitHubSourceUrl",
+              "default": "function getGitHubSourceUrl(): string | undefined { const filePath = this.getSourceFilePath(); if (!filePath) return; const targetBranch = process.env[\"GITHUB_BRANCH\"] ?? process.env[\"BRANCH_NAME\"] ?? \"main\"; return `https://github.com/db-ux-design-system/core-web/blob/${targetBranch}/${filePath}`; }"
+            },
             {
               "kind": "method",
               "name": "enableAttributePassing",
@@ -21193,7 +19639,30 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-button",
+          "attributes": [
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "is-sub-component",
+              "fieldName": "isSubComponent",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "is-patternhub",
+              "fieldName": "isPatternhub",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "tagName": "container-wrapper-showcase",
           "events": [],
           "customElement": true
         }
@@ -21201,67 +19670,71 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorButton",
+          "name": "ContainerWrapperShowcase",
           "declaration": {
-            "name": "LoadingIndicatorButton",
-            "module": "src/components/loading-indicator/examples/button.example.tsx"
+            "name": "ContainerWrapperShowcase",
+            "module": "src/shared/showcase/container-wrapper.showcase.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-button",
+          "name": "container-wrapper-showcase",
           "declaration": {
-            "name": "LoadingIndicatorButton",
-            "module": "src/components/loading-indicator/examples/button.example.tsx"
+            "name": "ContainerWrapperShowcase",
+            "module": "src/shared/showcase/container-wrapper.showcase.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "delay.example.tsx",
+      "path": "link-wrapper.showcase.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorDelay",
+          "name": "LinkWrapperShowcase",
           "members": [
             {
               "kind": "field",
-              "name": "_ref",
+              "name": "exampleName",
               "type": {
-                "text": "HTMLElement"
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pageParam",
+              "type": {
+                "text": "null"
               },
-              "privacy": "private"
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "enableAttributePassing",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "the ref for the component"
-                },
-                {
-                  "name": "customElementSelector",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "the custom element like `my-component`"
-                }
-              ],
-              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+              "kind": "field",
+              "name": "getPage",
+              "default": "function getPage(): string | undefined { return this.exampleName?.replaceAll(\" \", \"+\").toLowerCase(); }"
+            },
+            {
+              "kind": "field",
+              "name": "getHref",
+              "default": "function getHref(): string { if (typeof window !== \"undefined\") { const hash = window.location.hash; const basePath = hash.includes(\"?\") ? hash.split(\"?\")[0] : hash; return `${basePath}?page=${this.getPage()}`; } return \"\"; }"
             },
             {
               "kind": "method",
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-delay",
+          "attributes": [
+            {
+              "name": "example-name",
+              "fieldName": "exampleName",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "tagName": "link-wrapper-showcase",
           "events": [],
           "customElement": true
         }
@@ -21269,18 +19742,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorDelay",
+          "name": "LinkWrapperShowcase",
           "declaration": {
-            "name": "LoadingIndicatorDelay",
-            "module": "src/components/loading-indicator/examples/delay.example.tsx"
+            "name": "LinkWrapperShowcase",
+            "module": "src/shared/showcase/link-wrapper.showcase.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-delay",
+          "name": "link-wrapper-showcase",
           "declaration": {
-            "name": "LoadingIndicatorDelay",
-            "module": "src/components/loading-indicator/examples/delay.example.tsx"
+            "name": "LinkWrapperShowcase",
+            "module": "src/shared/showcase/link-wrapper.showcase.tsx"
           }
         }
       ]
@@ -21292,7 +19765,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorDensity",
+          "name": "ButtonDensity",
           "members": [
             {
               "kind": "field",
@@ -21329,7 +19802,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-density",
+          "tagName": "button-density",
           "events": [],
           "customElement": true
         }
@@ -21337,30 +19810,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorDensity",
+          "name": "ButtonDensity",
           "declaration": {
-            "name": "LoadingIndicatorDensity",
-            "module": "src/components/loading-indicator/examples/density.example.tsx"
+            "name": "ButtonDensity",
+            "module": "src/components/button/examples/density.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-density",
+          "name": "button-density",
           "declaration": {
-            "name": "LoadingIndicatorDensity",
-            "module": "src/components/loading-indicator/examples/density.example.tsx"
+            "name": "ButtonDensity",
+            "module": "src/components/button/examples/density.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "indeterminate.example.tsx",
+      "path": "disabled.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorIndeterminate",
+          "name": "ButtonDisabled",
           "members": [
             {
               "kind": "field",
@@ -21397,7 +19870,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-indeterminate",
+          "tagName": "button-disabled",
           "events": [],
           "customElement": true
         }
@@ -21405,30 +19878,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorIndeterminate",
+          "name": "ButtonDisabled",
           "declaration": {
-            "name": "LoadingIndicatorIndeterminate",
-            "module": "src/components/loading-indicator/examples/indeterminate.example.tsx"
+            "name": "ButtonDisabled",
+            "module": "src/components/button/examples/disabled.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-indeterminate",
+          "name": "button-disabled",
           "declaration": {
-            "name": "LoadingIndicatorIndeterminate",
-            "module": "src/components/loading-indicator/examples/indeterminate.example.tsx"
+            "name": "ButtonDisabled",
+            "module": "src/components/button/examples/disabled.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "overlay.example.tsx",
+      "path": "multi-line-text.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorOverlay",
+          "name": "ButtonMultiLineText",
           "members": [
             {
               "kind": "field",
@@ -21465,7 +19938,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-overlay",
+          "tagName": "button-multi-line-text",
           "events": [],
           "customElement": true
         }
@@ -21473,30 +19946,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorOverlay",
+          "name": "ButtonMultiLineText",
           "declaration": {
-            "name": "LoadingIndicatorOverlay",
-            "module": "src/components/loading-indicator/examples/overlay.example.tsx"
+            "name": "ButtonMultiLineText",
+            "module": "src/components/button/examples/multi-line-text.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-overlay",
+          "name": "button-multi-line-text",
           "declaration": {
-            "name": "LoadingIndicatorOverlay",
-            "module": "src/components/loading-indicator/examples/overlay.example.tsx"
+            "name": "ButtonMultiLineText",
+            "module": "src/components/button/examples/multi-line-text.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "show-label.example.tsx",
+      "path": "no-text.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorShowLabel",
+          "name": "ButtonNoText",
           "members": [
             {
               "kind": "field",
@@ -21533,7 +20006,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-show-label",
+          "tagName": "button-no-text",
           "events": [],
           "customElement": true
         }
@@ -21541,30 +20014,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorShowLabel",
+          "name": "ButtonNoText",
           "declaration": {
-            "name": "LoadingIndicatorShowLabel",
-            "module": "src/components/loading-indicator/examples/show-label.example.tsx"
+            "name": "ButtonNoText",
+            "module": "src/components/button/examples/no-text.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-show-label",
+          "name": "button-no-text",
           "declaration": {
-            "name": "LoadingIndicatorShowLabel",
-            "module": "src/components/loading-indicator/examples/show-label.example.tsx"
+            "name": "ButtonNoText",
+            "module": "src/components/button/examples/no-text.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "show-progress-text.example.tsx",
+      "path": "show-icon-leading.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorShowProgressText",
+          "name": "ButtonShowIconLeading",
           "members": [
             {
               "kind": "field",
@@ -21601,7 +20074,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-show-progress-text",
+          "tagName": "button-show-icon-leading",
           "events": [],
           "customElement": true
         }
@@ -21609,30 +20082,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorShowProgressText",
+          "name": "ButtonShowIconLeading",
           "declaration": {
-            "name": "LoadingIndicatorShowProgressText",
-            "module": "src/components/loading-indicator/examples/show-progress-text.example.tsx"
+            "name": "ButtonShowIconLeading",
+            "module": "src/components/button/examples/show-icon-leading.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-show-progress-text",
+          "name": "button-show-icon-leading",
           "declaration": {
-            "name": "LoadingIndicatorShowProgressText",
-            "module": "src/components/loading-indicator/examples/show-progress-text.example.tsx"
+            "name": "ButtonShowIconLeading",
+            "module": "src/components/button/examples/show-icon-leading.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "size.example.tsx",
+      "path": "show-icon-trailing.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorSize",
+          "name": "ButtonShowIconTrailing",
           "members": [
             {
               "kind": "field",
@@ -21669,7 +20142,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-size",
+          "tagName": "button-show-icon-trailing",
           "events": [],
           "customElement": true
         }
@@ -21677,30 +20150,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorSize",
+          "name": "ButtonShowIconTrailing",
           "declaration": {
-            "name": "LoadingIndicatorSize",
-            "module": "src/components/loading-indicator/examples/size.example.tsx"
+            "name": "ButtonShowIconTrailing",
+            "module": "src/components/button/examples/show-icon-trailing.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-size",
+          "name": "button-show-icon-trailing",
           "declaration": {
-            "name": "LoadingIndicatorSize",
-            "module": "src/components/loading-indicator/examples/size.example.tsx"
+            "name": "ButtonShowIconTrailing",
+            "module": "src/components/button/examples/show-icon-trailing.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "state.determinate.example.tsx",
+      "path": "size.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorStateDeterminate",
+          "name": "ButtonSize",
           "members": [
             {
               "kind": "field",
@@ -21737,7 +20210,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-state-determinate",
+          "tagName": "button-size",
           "events": [],
           "customElement": true
         }
@@ -21745,30 +20218,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorStateDeterminate",
+          "name": "ButtonSize",
           "declaration": {
-            "name": "LoadingIndicatorStateDeterminate",
-            "module": "src/components/loading-indicator/examples/state.determinate.example.tsx"
+            "name": "ButtonSize",
+            "module": "src/components/button/examples/size.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-state-determinate",
+          "name": "button-size",
           "declaration": {
-            "name": "LoadingIndicatorStateDeterminate",
-            "module": "src/components/loading-indicator/examples/state.determinate.example.tsx"
+            "name": "ButtonSize",
+            "module": "src/components/button/examples/size.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "state.example.tsx",
+      "path": "variant.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorState",
+          "name": "ButtonVariant",
           "members": [
             {
               "kind": "field",
@@ -21805,7 +20278,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-state",
+          "tagName": "button-variant",
           "events": [],
           "customElement": true
         }
@@ -21813,30 +20286,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorState",
+          "name": "ButtonVariant",
           "declaration": {
-            "name": "LoadingIndicatorState",
-            "module": "src/components/loading-indicator/examples/state.example.tsx"
+            "name": "ButtonVariant",
+            "module": "src/components/button/examples/variant.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-state",
+          "name": "button-variant",
           "declaration": {
-            "name": "LoadingIndicatorState",
-            "module": "src/components/loading-indicator/examples/state.example.tsx"
+            "name": "ButtonVariant",
+            "module": "src/components/button/examples/variant.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "timeout.example.tsx",
+      "path": "width.example.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorTimeout",
+          "name": "ButtonWidth",
           "members": [
             {
               "kind": "field",
@@ -21846,30 +20319,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "loadingState",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"inactive\""
-            },
-            {
-              "kind": "method",
-              "name": "onTimeoutFn"
-            },
-            {
-              "kind": "method",
-              "name": "getLabel",
-              "parameters": [
-                {
-                  "name": "loadState",
-                  "type": {
-                    "text": "LoadingIndicatorStateType | string"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "enableAttributePassing",
@@ -21897,7 +20346,7 @@
               "name": "render"
             }
           ],
-          "tagName": "loading-indicator-timeout",
+          "tagName": "button-width",
           "events": [],
           "customElement": true
         }
@@ -21905,30 +20354,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorTimeout",
+          "name": "ButtonWidth",
           "declaration": {
-            "name": "LoadingIndicatorTimeout",
-            "module": "src/components/loading-indicator/examples/timeout.example.tsx"
+            "name": "ButtonWidth",
+            "module": "src/components/button/examples/width.example.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-timeout",
+          "name": "button-width",
           "declaration": {
-            "name": "LoadingIndicatorTimeout",
-            "module": "src/components/loading-indicator/examples/timeout.example.tsx"
+            "name": "ButtonWidth",
+            "module": "src/components/button/examples/width.example.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "loading-indicator.showcase.tsx",
+      "path": "button.showcase.tsx",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LoadingIndicatorShowcase",
+          "name": "ButtonShowcase",
           "members": [
             {
               "kind": "field",
@@ -21981,7 +20430,7 @@
               }
             }
           ],
-          "tagName": "loading-indicator-showcase",
+          "tagName": "button-showcase",
           "events": [],
           "customElement": true
         }
@@ -21989,18 +20438,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LoadingIndicatorShowcase",
+          "name": "ButtonShowcase",
           "declaration": {
-            "name": "LoadingIndicatorShowcase",
-            "module": "src/components/loading-indicator/showcase/loading-indicator.showcase.tsx"
+            "name": "ButtonShowcase",
+            "module": "src/components/button/showcase/button.showcase.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "loading-indicator-showcase",
+          "name": "button-showcase",
           "declaration": {
-            "name": "LoadingIndicatorShowcase",
-            "module": "src/components/loading-indicator/showcase/loading-indicator.showcase.tsx"
+            "name": "ButtonShowcase",
+            "module": "src/components/button/showcase/button.showcase.tsx"
           }
         }
       ]