@swisspost/design-system-components 9.0.0-next.0 → 9.0.0-next.10

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-13T07:21:47",
+  "timestamp": "2025-01-13T11:06:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -65,8 +65,8 @@
               "type": "number"
             }
           ],
-          "optional": true,
-          "required": false
+          "optional": false,
+          "required": true
         },
         {
           "name": "multiple",
@@ -198,6 +198,18 @@
       "readme": "# post-accordion-item\n\n\n",
       "docs": "",
       "docsTags": [
+        {
+          "name": "part",
+          "text": "button - The pseudo-element, used to override styles on the components internal header `button` element."
+        },
+        {
+          "name": "part",
+          "text": "body - The pseudo-element, used to override styles on the components internal `body` element."
+        },
+        {
+          "name": "slot",
+          "text": "logo - Slot for the placing a logo before the header."
+        },
         {
           "name": "slot",
           "text": "header - Slot for placing custom content within the accordion item's header."
@@ -255,7 +267,6 @@
               "text": "set the `heading-level` property on the parent `post-accordion` instead."
             }
           ],
-          "default": "2",
           "deprecation": "set the `heading-level` property on the parent `post-accordion` instead.",
           "values": [
             {
@@ -340,50 +351,170 @@
         {
           "name": "header",
           "docs": "Slot for placing custom content within the accordion item's header."
+        },
+        {
+          "name": "logo",
+          "docs": "Slot for the placing a logo before the header."
         }
       ],
       "parts": [
         {
           "name": "accordion-item",
           "docs": ""
+        },
+        {
+          "name": "body",
+          "docs": "The pseudo-element, used to override styles on the components internal `body` element."
+        },
+        {
+          "name": "button",
+          "docs": "The pseudo-element, used to override styles on the components internal header `button` element."
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "post-footer"
+      ],
       "dependencies": [
         "post-collapsible-trigger",
+        "post-icon",
         "post-collapsible"
       ],
       "dependencyGraph": {
         "post-accordion-item": [
           "post-collapsible-trigger",
+          "post-icon",
           "post-collapsible"
+        ],
+        "post-footer": [
+          "post-accordion-item"
         ]
       }
     },
     {
-      "filePath": "src/components/post-alert/post-alert.tsx",
+      "filePath": "src/components/post-avatar/post-avatar.tsx",
       "encapsulation": "shadow",
-      "tag": "post-alert",
-      "readme": "# post-alert\n\n\n",
+      "tag": "post-avatar",
+      "readme": "# post-avatar\n\n\n",
       "docs": "",
       "docsTags": [
         {
           "name": "slot",
-          "text": "heading - Slot for placing custom content within the alert's heading."
+          "text": "default - Slot for inserting a custom image as avatar."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "email",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "email",
+          "reflectToAttr": false,
+          "docs": "Defines the users email address associated with a gravatar profile picture.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         },
         {
-          "name": "slot",
-          "text": "actions - Slot for placing custom actions (buttons, links, etc.) within the alert."
+          "name": "firstname",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "firstname",
+          "reflectToAttr": false,
+          "docs": "Defines the users firstname.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
         },
         {
-          "name": "slot",
-          "text": "default - Slot for placing the main content/message of the alert."
+          "name": "lastname",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "lastname",
+          "reflectToAttr": false,
+          "docs": "Defines the users lastname.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "userid",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "userid",
+          "reflectToAttr": false,
+          "docs": "Defines the company internal userId.<div className=\"mb-1 banner banner-warning banner-sm\">Can only be used on post.ch domains!</div>",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for inserting a custom image as avatar."
         }
       ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-back-to-top/post-back-to-top.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-back-to-top",
+      "readme": "# post-back-to-top\n\n\n",
+      "docs": "",
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "dismissLabel",
+          "name": "label",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -391,9 +522,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "dismiss-label",
+          "attr": "label",
           "reflectToAttr": false,
-          "docs": "The label to use for the close button of a dismissible alert.",
+          "docs": "The label of the back-to-top button, intended solely for accessibility purposes.\nThis label is always hidden from view.",
           "docsTags": [],
           "values": [
             {
@@ -401,32 +532,70 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-back-to-top": [
+          "post-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-banner/post-banner.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-banner",
+      "readme": "# post-alert\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "heading - Slot for placing custom content within the banner's heading."
         },
         {
-          "name": "dismissible",
-          "type": "boolean",
+          "name": "slot",
+          "text": "actions - Slot for placing custom actions (buttons, links, etc.) within the banner."
+        },
+        {
+          "name": "slot",
+          "text": "default - Slot for placing the main content/message of the banner."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dismissLabel",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "dismissible",
+          "attr": "dismiss-label",
           "reflectToAttr": false,
-          "docs": "If `true`, a close button (×) is displayed and the alert can be dismissed by the user.",
+          "docs": "The label to use for the close button of a dismissible banner.",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "fixed",
+          "name": "dismissible",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -434,9 +603,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "fixed",
+          "attr": "dismissible",
           "reflectToAttr": false,
-          "docs": "If `true`, the alert is positioned at the bottom of the window, from edge to edge.",
+          "docs": "If `true`, a close button (×) is displayed and the banner can be dismissed by the user.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -458,7 +627,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "The icon to display in the alert. By default, the icon depends on the alert type.\n\nIf `none`, no icon is displayed.",
+          "docs": "The icon to display in the banner. By default, the icon depends on the banner type.\n\nIf `none`, no icon is displayed.",
           "docsTags": [],
           "values": [
             {
@@ -470,39 +639,35 @@
         },
         {
           "name": "type",
-          "type": "\"danger\" | \"gray\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
+          "type": "\"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
           "complexType": {
-            "original": "AlertType",
-            "resolved": "\"danger\" | \"gray\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
+            "original": "BannerType",
+            "resolved": "\"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
             "references": {
-              "AlertType": {
+              "BannerType": {
                 "location": "import",
-                "path": "./alert-types",
-                "id": "src/components/post-alert/alert-types.ts::AlertType"
+                "path": "./banner-types",
+                "id": "src/components/post-banner/banner-types.ts::BannerType"
               }
             }
           },
           "mutable": false,
           "attr": "type",
           "reflectToAttr": false,
-          "docs": "The type of the alert.",
+          "docs": "The type of the banner.",
           "docsTags": [],
-          "default": "'primary'",
+          "default": "'neutral'",
           "values": [
             {
               "value": "danger",
               "type": "string"
             },
-            {
-              "value": "gray",
-              "type": "string"
-            },
             {
               "value": "info",
               "type": "string"
             },
             {
-              "value": "primary",
+              "value": "neutral",
               "type": "string"
             },
             {
@@ -538,7 +703,7 @@
           },
           "signature": "dismiss() => Promise<void>",
           "parameters": [],
-          "docs": "Triggers alert dismissal programmatically (same as clicking on the close button (×)).",
+          "docs": "Triggers banner dismissal programmatically (same as clicking on the close button (×)).",
           "docsTags": []
         }
       ],
@@ -554,7 +719,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "An event emitted when the alert element is dismissed, after the transition.\nIt has no payload and only relevant for dismissible alerts.",
+          "docs": "An event emitted when the banner element is dismissed, after the transition.\nIt has no payload and only relevant for dismissible banners.",
           "docsTags": []
         }
       ],
@@ -563,15 +728,15 @@
       "slots": [
         {
           "name": "actions",
-          "docs": "Slot for placing custom actions (buttons, links, etc.) within the alert."
+          "docs": "Slot for placing custom actions (buttons, links, etc.) within the banner."
         },
         {
           "name": "default",
-          "docs": "Slot for placing the main content/message of the alert."
+          "docs": "Slot for placing the main content/message of the banner."
         },
         {
           "name": "heading",
-          "docs": "Slot for placing custom content within the alert's heading."
+          "docs": "Slot for placing custom content within the banner's heading."
         }
       ],
       "parts": [],
@@ -580,57 +745,22 @@
         "post-icon"
       ],
       "dependencyGraph": {
-        "post-alert": [
+        "post-banner": [
           "post-icon"
         ]
       }
     },
     {
-      "filePath": "src/components/post-card-control/post-card-control.tsx",
+      "filePath": "src/components/post-breadcrumb/post-breadcrumb.tsx",
       "encapsulation": "shadow",
-      "tag": "post-card-control",
-      "readme": "# post-card-control\n\n\n",
+      "tag": "post-breadcrumb",
+      "readme": "# post-breadcrumbs-new\n\n\n",
       "docs": "",
-      "docsTags": [
-        {
-          "name": "class",
-          "text": "PostCardControl - representing a stencil component"
-        },
-        {
-          "name": "slot",
-          "text": "default - Content to place into the `default` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt\">block content</a>.<p className=\"alert alert-sm alert-warning\">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href=\"https://accessibilityinsights.io/info-examples/web/nested-interactive/\">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>"
-        },
-        {
-          "name": "slot",
-          "text": "icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content\">inline content</a>.<p className=\"alert alert-sm alert-info\">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>"
-        }
-      ],
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "checked",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "checked",
-          "reflectToAttr": false,
-          "docs": "Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "description",
+          "name": "homeText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -638,11 +768,11 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "description",
+          "attr": "home-text",
           "reflectToAttr": false,
-          "docs": "Defines the description in the control-label.",
+          "docs": "The text label for the home breadcrumb item.",
           "docsTags": [],
-          "default": "null",
+          "default": "'Home'",
           "values": [
             {
               "type": "string"
@@ -652,29 +782,7 @@
           "required": false
         },
         {
-          "name": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms' data.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "icon",
+          "name": "homeUrl",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -682,11 +790,10 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "icon",
+          "attr": "home-url",
           "reflectToAttr": false,
-          "docs": "Defines the icon `name` inside the card.\n<span className=\"alert alert-sm alert-info\">If not set the icon will not show up.</span>",
+          "docs": "The URL for the home breadcrumb item.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "string"
@@ -694,23 +801,234 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "label",
-          "reflectToAttr": false,
-          "docs": "Defines the text in the control-label.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon",
+        "post-menu-trigger",
+        "post-menu",
+        "post-menu-item",
+        "post-breadcrumb-item"
+      ],
+      "dependencyGraph": {
+        "post-breadcrumb": [
+          "post-icon",
+          "post-menu-trigger",
+          "post-menu",
+          "post-menu-item",
+          "post-breadcrumb-item"
+        ],
+        "post-menu": [
+          "post-popovercontainer"
+        ],
+        "post-breadcrumb-item": [
+          "post-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-breadcrumb-item/post-breadcrumb-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-breadcrumb-item",
+      "readme": "# post-breadcrumb-item\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing the text inside the breadcrumb item."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "url",
+          "type": "URL | string",
+          "complexType": {
+            "original": "string | URL",
+            "resolved": "URL | string",
+            "references": {
+              "URL": {
+                "location": "global",
+                "id": "global::URL"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "url",
+          "reflectToAttr": false,
+          "docs": "The optional URL to which the breadcrumb item will link.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "URL"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing the text inside the breadcrumb item."
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "post-breadcrumb"
+      ],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-breadcrumb-item": [
+          "post-icon"
+        ],
+        "post-breadcrumb": [
+          "post-breadcrumb-item"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-card-control/post-card-control.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-card-control",
+      "readme": "# post-card-control\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "class",
+          "text": "PostCardControl - representing a stencil component"
+        },
+        {
+          "name": "slot",
+          "text": "default - Content to place into the `default` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt\">block content</a>.<p className=\"banner banner-sm banner-warning\">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href=\"https://accessibilityinsights.io/info-examples/web/nested-interactive/\">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>"
+        },
+        {
+          "name": "slot",
+          "text": "icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content\">inline content</a>.<p className=\"banner banner-sm banner-info\">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "checked",
+          "reflectToAttr": false,
+          "docs": "Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Defines the description in the control-label.",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms' data.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": false,
+          "docs": "Defines the icon `name` inside the card.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Defines the text in the control-label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
             }
           ],
           "optional": false,
@@ -727,7 +1045,7 @@
           "mutable": false,
           "attr": "name",
           "reflectToAttr": false,
-          "docs": "Defines the `name` attribute of the control.\n<span className=\"alert alert-sm alert-info\">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span>\n<span className=\"alert alert-sm alert-info\">This is a required property, when the control is used with type `radio`.</span>",
+          "docs": "Defines the `name` attribute of the control.\n<span className=\"banner banner-sm banner-info\">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span>\n<span className=\"banner banner-sm banner-info\">This is a required property, when the control is used with type `radio`.</span>",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -802,7 +1120,7 @@
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "Defines the `value` attribute of the control. <span className=\"alert alert-sm alert-info\">This is a required property, when the control is used with type `radio`.</span>",
+          "docs": "Defines the `value` attribute of the control. <span className=\"banner banner-sm banner-info\">This is a required property, when the control is used with type `radio`.</span>",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -872,7 +1190,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "An event emitted whenever the components checked state is toggled.\nThe event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked.\n<span className=\"alert alert-sm alert-info\">If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`.</span>",
+          "docs": "An event emitted whenever the components checked state is toggled.\nThe event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked.\n<span className=\"banner banner-sm banner-info\">If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`.</span>",
           "docsTags": []
         },
         {
@@ -895,11 +1213,11 @@
       "slots": [
         {
           "name": "default",
-          "docs": "Content to place into the `default` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt\">block content</a>.<p className=\"alert alert-sm alert-warning\">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href=\"https://accessibilityinsights.io/info-examples/web/nested-interactive/\">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>"
+          "docs": "Content to place into the `default` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt\">block content</a>.<p className=\"banner banner-sm banner-warning\">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href=\"https://accessibilityinsights.io/info-examples/web/nested-interactive/\">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>"
         },
         {
           "name": "icon",
-          "docs": "To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content\">inline content</a>.<p className=\"alert alert-sm alert-info\">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>"
+          "docs": "To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content\">inline content</a>.<p className=\"banner banner-sm banner-info\">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>"
         }
       ],
       "parts": [],
@@ -913,6 +1231,41 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-closebutton/post-closebutton.tsx",
+      "encapsulation": "none",
+      "tag": "post-closebutton",
+      "readme": "# post-closebutton\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing visually hidden label in the close button."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing visually hidden label in the close button."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-closebutton": [
+          "post-icon"
+        ]
+      }
+    },
     {
       "filePath": "src/components/post-collapsible/post-collapsible.tsx",
       "encapsulation": "shadow",
@@ -1092,15 +1445,229 @@
       }
     },
     {
-      "filePath": "src/components/post-icon/post-icon.tsx",
+      "filePath": "src/components/post-footer/post-footer.tsx",
       "encapsulation": "shadow",
-      "tag": "post-icon",
-      "readme": "# post-icon\n\nsome content\n",
-      "docs": "some content",
+      "tag": "post-footer",
+      "readme": "# post-footer\n\n\n",
+      "docs": "",
       "docsTags": [
         {
-          "name": "class",
-          "text": "PostIcon - representing a stencil component"
+          "name": "slot",
+          "text": "grid-{1|2|3|4}-title - Slot for the accordion headers (mobile)."
+        },
+        {
+          "name": "slot",
+          "text": "grid-{1|2|3|4} - Slot for the accordion bodies (mobile) and the grid cells (tablet, desktop)."
+        },
+        {
+          "name": "slot",
+          "text": "socialmedia - Slot for the social media links."
+        },
+        {
+          "name": "slot",
+          "text": "app - Slot for the app links."
+        },
+        {
+          "name": "slot",
+          "text": "businesssectors - Slot for the business sectors links."
+        },
+        {
+          "name": "slot",
+          "text": "meta - Slot for the meta links."
+        },
+        {
+          "name": "slot",
+          "text": "copyright - Slot for the copyright text."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "The label to add to the footer (visually hidden).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "app",
+          "docs": "Slot for the app links."
+        },
+        {
+          "name": "businesssectors",
+          "docs": "Slot for the business sectors links."
+        },
+        {
+          "name": "copyright",
+          "docs": "Slot for the copyright text."
+        },
+        {
+          "name": "grid-{1|2|3|4}",
+          "docs": "Slot for the accordion bodies (mobile) and the grid cells (tablet, desktop)."
+        },
+        {
+          "name": "grid-{1|2|3|4}-title",
+          "docs": "Slot for the accordion headers (mobile)."
+        },
+        {
+          "name": "meta",
+          "docs": "Slot for the meta links."
+        },
+        {
+          "name": "socialmedia",
+          "docs": "Slot for the social media links."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-accordion-item"
+      ],
+      "dependencyGraph": {
+        "post-footer": [
+          "post-accordion-item"
+        ],
+        "post-accordion-item": [
+          "post-collapsible-trigger",
+          "post-icon",
+          "post-collapsible"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-header/post-header.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-header",
+      "readme": "# post-header\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "post-logo - Should be used together with the `<post-logo>` component."
+        },
+        {
+          "name": "slot",
+          "text": "meta-navigation - Holds an `<ul>` with meta navigation links."
+        },
+        {
+          "name": "slot",
+          "text": "post-togglebutton - Holds the mobile menu toggler."
+        },
+        {
+          "name": "slot",
+          "text": "post-language-switch - Should be used with the `<post-language-switch>` component."
+        },
+        {
+          "name": "slot",
+          "text": "title - Holds the application title."
+        },
+        {
+          "name": "slot",
+          "text": "default - Custom controls or content, right aligned in the local header."
+        },
+        {
+          "name": "slot",
+          "text": "post-mainnavigation - Has a default slot because it's only meant to be used in the `<post-header>`."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [
+        {
+          "name": "toggleMobileMenu",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLPostTogglebuttonElement": {
+                "location": "global",
+                "id": "global::HTMLPostTogglebuttonElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggleMobileMenu() => Promise<void>",
+          "parameters": [],
+          "docs": "Toggles the mobile navigation.",
+          "docsTags": []
+        }
+      ],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Custom controls or content, right aligned in the local header."
+        },
+        {
+          "name": "meta-navigation",
+          "docs": "Holds an `<ul>` with meta navigation links."
+        },
+        {
+          "name": "post-language-switch",
+          "docs": "Should be used with the `<post-language-switch>` component."
+        },
+        {
+          "name": "post-logo",
+          "docs": "Should be used together with the `<post-logo>` component."
+        },
+        {
+          "name": "post-mainnavigation",
+          "docs": "Has a default slot because it's only meant to be used in the `<post-header>`."
+        },
+        {
+          "name": "post-togglebutton",
+          "docs": "Holds the mobile menu toggler."
+        },
+        {
+          "name": "title",
+          "docs": "Holds the application title."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-icon/post-icon.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-icon",
+      "readme": "# post-icon\n\nsome content\n",
+      "docs": "some content",
+      "docsTags": [
+        {
+          "name": "class",
+          "text": "PostIcon - representing a stencil component"
         }
       ],
       "usage": {},
@@ -1234,57 +1801,1009 @@
           "docsTags": [],
           "values": [
             {
-              "type": "string"
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "rotate",
+          "type": "number",
+          "complexType": {
+            "original": "number | null",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "rotate",
+          "reflectToAttr": false,
+          "docs": "The number of degree for the css rotate transformation.",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "scale",
+          "type": "number",
+          "complexType": {
+            "original": "number | null",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "scale",
+          "reflectToAttr": false,
+          "docs": "The number for the css scale transformation.",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "post-accordion-item",
+        "post-back-to-top",
+        "post-banner",
+        "post-breadcrumb",
+        "post-breadcrumb-item",
+        "post-card-control",
+        "post-closebutton",
+        "post-language-switch",
+        "post-rating",
+        "post-tag"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "post-accordion-item": [
+          "post-icon"
+        ],
+        "post-back-to-top": [
+          "post-icon"
+        ],
+        "post-banner": [
+          "post-icon"
+        ],
+        "post-breadcrumb": [
+          "post-icon"
+        ],
+        "post-breadcrumb-item": [
+          "post-icon"
+        ],
+        "post-card-control": [
+          "post-icon"
+        ],
+        "post-closebutton": [
+          "post-icon"
+        ],
+        "post-language-switch": [
+          "post-icon"
+        ],
+        "post-rating": [
+          "post-icon"
+        ],
+        "post-tag": [
+          "post-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-language-option/post-language-option.tsx",
+      "encapsulation": "none",
+      "tag": "post-language-option",
+      "readme": "# post-language-option\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing the content inside the anchor or button."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "active",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "active",
+          "reflectToAttr": true,
+          "docs": "If set to `true`, the language option is considered the current language for the page.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "code",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "code",
+          "reflectToAttr": false,
+          "docs": "The ISO 639 language code, formatted according to [RFC 5646 (also known as BCP 47)](https://datatracker.ietf.org/doc/html/rfc5646). For example, \"de\".",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "The full name of the language. For example, \"Deutsch\".",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "url",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "url",
+          "reflectToAttr": false,
+          "docs": "The URL used for the href attribute of the internal anchor.\nThis field is optional; if not provided, a button will be used internally instead of an anchor.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "\"list\" | \"menu\"",
+          "complexType": {
+            "original": "SwitchVariant | null",
+            "resolved": "\"list\" | \"menu\"",
+            "references": {
+              "SwitchVariant": {
+                "location": "import",
+                "path": "../post-language-switch/switch-variants",
+                "id": "src/components/post-language-switch/switch-variants.ts::SwitchVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "The variant of the post-language-switch parent (dynamically set by the parent)",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "list",
+              "type": "string"
+            },
+            {
+              "value": "menu",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "select",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "select() => Promise<void>",
+          "parameters": [],
+          "docs": "Selects the language option programmatically.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "An event emitted when the language option is clicked. The payload is the ISO 639 code of the language.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing the content inside the anchor or button."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-language-switch/post-language-switch.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-language-switch",
+      "readme": "# post-language-switch\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "caption",
+          "reflectToAttr": false,
+          "docs": "A title for the list of language options",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "A descriptive text for the list of language options",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "\"list\" | \"menu\"",
+          "complexType": {
+            "original": "SwitchVariant",
+            "resolved": "\"list\" | \"menu\"",
+            "references": {
+              "SwitchVariant": {
+                "location": "import",
+                "path": "./switch-variants",
+                "id": "src/components/post-language-switch/switch-variants.ts::SwitchVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Variant that determines the rendering of the language switch either as a list (used on mobile in the header) or a dropdown (used on desktop in the header)",
+          "docsTags": [],
+          "default": "'list'",
+          "values": [
+            {
+              "value": "list",
+              "type": "string"
+            },
+            {
+              "value": "menu",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-menu-trigger",
+        "post-icon",
+        "post-menu"
+      ],
+      "dependencyGraph": {
+        "post-language-switch": [
+          "post-menu-trigger",
+          "post-icon",
+          "post-menu"
+        ],
+        "post-menu": [
+          "post-popovercontainer"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-list/post-list.tsx",
+      "encapsulation": "none",
+      "tag": "post-list",
+      "readme": "# post-list\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing the list title."
+        },
+        {
+          "name": "slot",
+          "text": "post-list-item - Slot for placing post-list-item components."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "horizontal",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "horizontal",
+          "reflectToAttr": true,
+          "docs": "The list can become horizontal by setting `horizontal=\"true\"` or just `horizontal`",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "titleHidden",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "title-hidden",
+          "reflectToAttr": false,
+          "docs": "If `true`, the list title will be hidden. Otherwise, it will be displayed.`",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing the list title."
+        },
+        {
+          "name": "post-list-item",
+          "docs": "Slot for placing post-list-item components."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-list-item/post-list-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-list-item",
+      "readme": "# post-list-item\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default- Slot for placing the content of the list item."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default- Slot for placing the content of the list item.",
+          "docs": ""
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-logo/post-logo.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-logo",
+      "readme": "# post-logo\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "url",
+          "type": "URL | string",
+          "complexType": {
+            "original": "string | URL",
+            "resolved": "URL | string",
+            "references": {
+              "URL": {
+                "location": "global",
+                "id": "global::URL"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "url",
+          "reflectToAttr": false,
+          "docs": "The URL to which the user is redirected upon clicking the logo.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "URL"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-mainnavigation/post-mainnavigation.tsx",
+      "encapsulation": "none",
+      "tag": "post-mainnavigation",
+      "readme": "# post-mainnavigation\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [
+        {
+          "event": "postToggle",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Gets emitted when a user closes the main navigation on mobile",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-megadropdown/post-megadropdown.tsx",
+      "encapsulation": "none",
+      "tag": "post-megadropdown",
+      "readme": "# post-megadropdown\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(target: HTMLElement) => Promise<void>",
+            "parameters": [
+              {
+                "name": "target",
+                "type": "HTMLElement",
+                "docs": "- The HTML element relative to which the popover dropdown should be displayed."
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show(target: HTMLElement) => Promise<void>",
+          "parameters": [
+            {
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": "- The HTML element relative to which the popover dropdown should be displayed."
+            }
+          ],
+          "docs": "Displays the popover dropdown",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "target - The HTML element relative to which the popover dropdown should be displayed."
+            }
+          ]
+        },
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(target: HTMLElement) => Promise<void>",
+            "parameters": [
+              {
+                "name": "target",
+                "type": "HTMLElement",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggle(target: HTMLElement) => Promise<void>",
+          "parameters": [
+            {
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": ""
+            }
+          ],
+          "docs": "Toggles the dropdown visibility based on its current state.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postToggleMegadropdown",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the dropdown is shown or hidden.\nThe event payload is a boolean: `true` when the dropdown was opened, `false` when it was closed.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-popovercontainer"
+      ],
+      "dependencyGraph": {
+        "post-megadropdown": [
+          "post-popovercontainer"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx",
+      "encapsulation": "none",
+      "tag": "post-megadropdown-trigger",
+      "readme": "# post-megadropdown-toggle\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "for",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "for",
+          "reflectToAttr": false,
+          "docs": "ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-menu/post-menu.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-menu",
+      "readme": "# post-menu\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "placement",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "complexType": {
+            "original": "Placement",
+            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+            "references": {
+              "Placement": {
+                "location": "import",
+                "path": "@floating-ui/dom",
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": false,
+          "docs": "Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.\nTooltips are automatically flipped to the opposite side if there is not enough available space and are shifted\ntowards the viewport if they would overlap edge boundaries.",
+          "docsTags": [],
+          "default": "'bottom'",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "bottom-end",
+              "type": "string"
+            },
+            {
+              "value": "bottom-start",
+              "type": "string"
+            },
+            {
+              "value": "left",
+              "type": "string"
+            },
+            {
+              "value": "left-end",
+              "type": "string"
+            },
+            {
+              "value": "left-start",
+              "type": "string"
+            },
+            {
+              "value": "right",
+              "type": "string"
+            },
+            {
+              "value": "right-end",
+              "type": "string"
+            },
+            {
+              "value": "right-start",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            },
+            {
+              "value": "top-end",
+              "type": "string"
+            },
+            {
+              "value": "top-start",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "hide",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hide() => Promise<void>",
+          "parameters": [],
+          "docs": "Hides the popover menu and restores focus to the previously focused element.",
+          "docsTags": []
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(target: HTMLElement) => Promise<void>",
+            "parameters": [
+              {
+                "name": "target",
+                "type": "HTMLElement",
+                "docs": "- The HTML element relative to which the popover menu should be displayed."
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show(target: HTMLElement) => Promise<void>",
+          "parameters": [
+            {
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": "- The HTML element relative to which the popover menu should be displayed."
             }
           ],
-          "optional": false,
-          "required": true
+          "docs": "Displays the popover menu, focusing the first menu item.",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "target - The HTML element relative to which the popover menu should be displayed."
+            }
+          ]
         },
         {
-          "name": "rotate",
-          "type": "number",
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
           "complexType": {
-            "original": "number | null",
-            "resolved": "number",
-            "references": {}
+            "signature": "(target: HTMLElement) => Promise<void>",
+            "parameters": [
+              {
+                "name": "target",
+                "type": "HTMLElement",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
           },
-          "mutable": false,
-          "attr": "rotate",
-          "reflectToAttr": false,
-          "docs": "The number of degree for the css rotate transformation.",
-          "docsTags": [],
-          "default": "null",
-          "values": [
+          "signature": "toggle(target: HTMLElement) => Promise<void>",
+          "parameters": [
             {
-              "type": "number"
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": ""
             }
           ],
-          "optional": true,
-          "required": false
-        },
+          "docs": "Toggles the menu visibility based on its current state.",
+          "docsTags": []
+        }
+      ],
+      "events": [
         {
-          "name": "scale",
-          "type": "number",
+          "event": "toggleMenu",
+          "detail": "boolean",
+          "bubbles": true,
           "complexType": {
-            "original": "number | null",
-            "resolved": "number",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
-          "attr": "scale",
-          "reflectToAttr": false,
-          "docs": "The number for the css scale transformation.",
-          "docsTags": [],
-          "default": "null",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": true,
-          "required": false
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the menu is shown or hidden.\nThe event payload is a boolean: `true` when the menu was opened, `false` when it was closed.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "popover-container",
+          "docs": ""
         }
       ],
+      "dependents": [
+        "post-breadcrumb",
+        "post-language-switch"
+      ],
+      "dependencies": [
+        "post-popovercontainer"
+      ],
+      "dependencyGraph": {
+        "post-menu": [
+          "post-popovercontainer"
+        ],
+        "post-breadcrumb": [
+          "post-menu"
+        ],
+        "post-language-switch": [
+          "post-menu"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-menu-item/post-menu-item.tsx",
+      "encapsulation": "none",
+      "tag": "post-menu-item",
+      "readme": "# post-menu-item\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
       "methods": [],
       "events": [],
       "listeners": [],
@@ -1292,85 +2811,65 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "post-alert",
-        "post-card-control",
-        "post-rating",
-        "post-tag"
+        "post-breadcrumb"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "post-alert": [
-          "post-icon"
-        ],
-        "post-card-control": [
-          "post-icon"
-        ],
-        "post-rating": [
-          "post-icon"
-        ],
-        "post-tag": [
-          "post-icon"
+        "post-breadcrumb": [
+          "post-menu-item"
         ]
       }
     },
     {
-      "filePath": "src/components/post-logo/post-logo.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-logo",
-      "readme": "# post-logo\n\n\n",
+      "filePath": "src/components/post-menu-trigger/post-menu-trigger.tsx",
+      "encapsulation": "none",
+      "tag": "post-menu-trigger",
+      "readme": "# post-menu-trigger\n\n\n",
       "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
-        }
-      ],
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "url",
-          "type": "URL | string",
+          "name": "for",
+          "type": "string",
           "complexType": {
-            "original": "string | URL",
-            "resolved": "URL | string",
-            "references": {
-              "URL": {
-                "location": "global",
-                "id": "global::URL"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "url",
+          "attr": "for",
           "reflectToAttr": false,
-          "docs": "The URL to which the user is redirected upon clicking the logo.",
+          "docs": "ID of the menu element that this trigger is linked to. Used to open and close the specified menu.",
           "docsTags": [],
           "values": [
-            {
-              "type": "URL"
-            },
             {
               "type": "string"
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         }
       ],
       "methods": [],
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [
-        {
-          "name": "default",
-          "docs": "Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
-        }
-      ],
+      "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "post-breadcrumb",
+        "post-language-switch"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "post-breadcrumb": [
+          "post-menu-trigger"
+        ],
+        "post-language-switch": [
+          "post-menu-trigger"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-popover/post-popover.tsx",
@@ -1673,6 +3172,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "edgeGap",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "edge-gap",
+          "reflectToAttr": false,
+          "docs": "Gap between the edge of the page and the popover",
+          "docsTags": [],
+          "default": "8",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "placement",
           "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
@@ -1897,11 +3418,19 @@
       ],
       "parts": [],
       "dependents": [
+        "post-megadropdown",
+        "post-menu",
         "post-popover",
         "post-tooltip"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "post-megadropdown": [
+          "post-popovercontainer"
+        ],
+        "post-menu": [
+          "post-popovercontainer"
+        ],
         "post-popover": [
           "post-popovercontainer"
         ],
@@ -2325,7 +3854,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Defines the icon `name` inside of the component.\n<span className=\"alert alert-sm alert-info\">If not set the icon will not show up.</span>\nTo learn which icons are available, please visit our <a href=\"/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs\">icon library</a>.",
+          "docs": "Defines the icon `name` inside of the component.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>\nTo learn which icons are available, please visit our <a href=\"/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs\">icon library</a>.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -2423,6 +3952,58 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-togglebutton/post-togglebutton.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-togglebutton",
+      "readme": "# post-togglebutton\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for the content of the button."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "toggled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "toggled",
+          "reflectToAttr": false,
+          "docs": "If `true`, the button is in the \"on\" state, otherwise it is in the \"off\" state.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for the content of the button."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/post-tooltip/post-tooltip.tsx",
       "encapsulation": "shadow",
@@ -2580,12 +4161,17 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(target: HTMLElement) => Promise<void>",
+            "signature": "(target: HTMLElement, triggeredByFocus?: boolean) => Promise<void>",
             "parameters": [
               {
                 "name": "target",
                 "type": "HTMLElement",
                 "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+              },
+              {
+                "name": "triggeredByFocus",
+                "type": "boolean",
+                "docs": "A boolean indicating if the tooltip was triggered by a focus event."
               }
             ],
             "references": {
@@ -2600,12 +4186,17 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "show(target: HTMLElement) => Promise<void>",
+          "signature": "show(target: HTMLElement, triggeredByFocus?: boolean) => Promise<void>",
           "parameters": [
             {
               "name": "target",
               "type": "HTMLElement",
               "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+            },
+            {
+              "name": "triggeredByFocus",
+              "type": "boolean",
+              "docs": "A boolean indicating if the tooltip was triggered by a focus event."
             }
           ],
           "docs": "Programmatically display the tooltip",
@@ -2613,6 +4204,10 @@
             {
               "name": "param",
               "text": "target An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+            },
+            {
+              "name": "param",
+              "text": "triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event."
             }
           ]
         },
@@ -2696,10 +4291,15 @@
       "docstring": "",
       "path": "src/types/index.ts"
     },
-    "src/components/post-alert/alert-types.ts::AlertType": {
-      "declaration": "\"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"gray\"",
+    "src/components/post-banner/banner-types.ts::BannerType": {
+      "declaration": "\"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\"",
+      "docstring": "",
+      "path": "src/components/post-banner/banner-types.ts"
+    },
+    "src/components/post-language-switch/switch-variants.ts::SwitchVariant": {
+      "declaration": "\"list\" | \"menu\"",
       "docstring": "",
-      "path": "src/components/post-alert/alert-types.ts"
+      "path": "src/components/post-language-switch/switch-variants.ts"
     },
     "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
       "declaration": "any",