@swisspost/design-system-components 9.0.0-next.3 → 9.0.0-next.30

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-10-28T16:52:45",
+  "timestamp": "2025-03-10T12:51:34",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -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."
@@ -339,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",
@@ -390,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": [
             {
@@ -400,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",
@@ -433,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": [
@@ -457,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": [
             {
@@ -469,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"
             },
             {
@@ -537,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": []
         }
       ],
@@ -553,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": []
         }
       ],
@@ -562,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": [],
@@ -579,27 +745,22 @@
         "post-icon"
       ],
       "dependencyGraph": {
-        "post-alert": [
+        "post-banner": [
           "post-icon"
         ]
       }
     },
     {
-      "filePath": "src/components/post-avatar/post-avatar.tsx",
+      "filePath": "src/components/post-breadcrumb/post-breadcrumb.tsx",
       "encapsulation": "shadow",
-      "tag": "post-avatar",
-      "readme": "# post-avatar\n\n\n",
+      "tag": "post-breadcrumb",
+      "readme": "# post-breadcrumbs-new\n\n\n",
       "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - Slot for inserting a custom image as avatar."
-        }
-      ],
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "email",
+          "name": "homeText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -607,20 +768,21 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "email",
+          "attr": "home-text",
           "reflectToAttr": false,
-          "docs": "Defines the users email address associated with a gravatar profile picture.",
+          "docs": "The text label for the home breadcrumb item.",
           "docsTags": [],
+          "default": "'Home'",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "firstname",
+          "name": "homeUrl",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -628,9 +790,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "firstname",
+          "attr": "home-url",
           "reflectToAttr": false,
-          "docs": "Defines the users firstname.",
+          "docs": "The URL for the home breadcrumb item.",
           "docsTags": [],
           "values": [
             {
@@ -638,43 +800,75 @@
             }
           ],
           "optional": false,
-          "required": true
-        },
+          "required": false
+        }
+      ],
+      "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": "lastname",
-          "type": "string",
+          "name": "slot",
+          "text": "default - Slot for placing the text inside the breadcrumb item."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "url",
+          "type": "URL | string",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "string | URL",
+            "resolved": "URL | string",
+            "references": {
+              "URL": {
+                "location": "global",
+                "id": "global::URL"
+              }
+            }
           },
           "mutable": false,
-          "attr": "lastname",
+          "attr": "url",
           "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 alert alert-warning alert-sm\">Can only be used on post.ch domains!</div>",
+          "docs": "The optional URL to which the breadcrumb item will link.",
           "docsTags": [],
           "values": [
+            {
+              "type": "URL"
+            },
             {
               "type": "string"
             }
@@ -690,13 +884,24 @@
       "slots": [
         {
           "name": "default",
-          "docs": "Slot for inserting a custom image as avatar."
+          "docs": "Slot for placing the text inside the breadcrumb item."
         }
       ],
       "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "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",
@@ -711,11 +916,11 @@
         },
         {
           "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>"
+          "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=\"alert alert-sm alert-info\">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>"
+          "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": {},
@@ -797,7 +1002,7 @@
           "mutable": false,
           "attr": "icon",
           "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": "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": [
@@ -840,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": [
@@ -915,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": [
@@ -985,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": []
         },
         {
@@ -1008,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": [],
@@ -1026,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",
@@ -1204,6 +1444,253 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-footer/post-footer.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-footer",
+      "readme": "# post-footer\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "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": "(force?: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "force",
+                "type": "boolean",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLPostTogglebuttonElement": {
+                "location": "global",
+                "id": "global::HTMLPostTogglebuttonElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggleMobileMenu(force?: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "force",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
+          "docs": "Toggles the mobile navigation.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postUpdateDevice",
+          "detail": "\"desktop\" | \"mobile\" | \"tablet\"",
+          "bubbles": true,
+          "complexType": {
+            "original": "DEVICE_SIZE",
+            "resolved": "\"desktop\" | \"mobile\" | \"tablet\"",
+            "references": {
+              "DEVICE_SIZE": {
+                "location": "local",
+                "path": "/home/runner/work/design-system/design-system/packages/components/src/components/post-header/post-header.tsx",
+                "id": "src/components/post-header/post-header.tsx::DEVICE_SIZE"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "An event emitted when the device has changed",
+          "docsTags": []
+        }
+      ],
+      "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",
@@ -1405,19 +1892,47 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "post-alert",
+        "post-accordion-item",
+        "post-back-to-top",
+        "post-banner",
+        "post-breadcrumb",
+        "post-breadcrumb-item",
         "post-card-control",
+        "post-closebutton",
+        "post-language-switch",
+        "post-mainnavigation",
         "post-rating",
         "post-tag"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "post-alert": [
+        "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-mainnavigation": [
+          "post-icon"
+        ],
         "post-rating": [
           "post-icon"
         ],
@@ -1428,7 +1943,7 @@
     },
     {
       "filePath": "src/components/post-language-option/post-language-option.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "post-language-option",
       "readme": "# post-language-option\n\n\n",
       "docs": "",
@@ -1511,131 +2026,952 @@
             "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": [
+          "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": "To communicate the variant prop from the parent (post-language-switch) component to the child (post-language-option) component. See parent docs for a description about the property itself.",
+          "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": []
+        },
+        {
+          "event": "postLanguageOptionInitiallyActive",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "An event emitted when the language option is initially active. 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": "Whether the component is rendered as a list or a menu",
+          "docsTags": [],
+          "default": "'list'",
+          "values": [
+            {
+              "value": "list",
+              "type": "string"
+            },
+            {
+              "value": "menu",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [
+        {
+          "event": "postChange",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "postLanguageOptionInitiallyActive",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "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-linkarea/post-linkarea.tsx",
+      "encapsulation": "none",
+      "tag": "post-linkarea",
+      "readme": "# post-linkarea\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "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": [],
+      "listeners": [
+        {
+          "event": "mouseup",
+          "target": "window",
+          "capture": false,
+          "passive": true
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-mainnavigation": [
+          "post-icon"
+        ]
+      }
+    },
+    {
+      "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": "focusFirst",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "focusFirst() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus to the first focusable element within the component.",
+          "docsTags": []
+        },
+        {
+          "name": "hide",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(focusParent?: boolean, forceClose?: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "focusParent",
+                "type": "boolean",
+                "docs": ""
+              },
+              {
+                "name": "forceClose",
+                "type": "boolean",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hide(focusParent?: boolean, forceClose?: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "focusParent",
+              "type": "boolean",
+              "docs": ""
+            },
+            {
+              "name": "forceClose",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
+          "docs": "Hides the dropdown with an animation.",
+          "docsTags": []
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show() => Promise<void>",
+          "parameters": [],
+          "docs": "Displays the dropdown.",
+          "docsTags": []
+        },
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggle() => Promise<void>",
+          "parameters": [],
+          "docs": "Toggles the dropdown visibility based on its current state.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postToggleMegadropdown",
+          "detail": "{ isVisible: boolean; focusParent?: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ isVisible: boolean; focusParent?: boolean }",
+            "resolved": "{ isVisible: boolean; focusParent?: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the dropdown is shown or hidden.\nThe event payload is an object.\n`isVisible` is true when the dropdown gets opened and false when it gets closed\n`focusParent` determines whether after the closing of the mega dropdown, the focus should go back to the trigger parent or naturally go to the next focusable element in the page",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "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.13/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": [
             {
-              "type": "string"
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": "- The HTML element relative to which the popover menu should be displayed."
             }
           ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [
+          "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": "select",
+          "name": "toggle",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "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": "select() => Promise<void>",
-          "parameters": [],
-          "docs": "Selects the language option programmatically.",
+          "signature": "toggle(target: HTMLElement) => Promise<void>",
+          "parameters": [
+            {
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": ""
+            }
+          ],
+          "docs": "Toggles the menu visibility based on its current state.",
           "docsTags": []
         }
       ],
       "events": [
         {
-          "event": "postChange",
-          "detail": "string",
+          "event": "toggleMenu",
+          "detail": "boolean",
           "bubbles": true,
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "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.",
+          "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": [
+      "slots": [],
+      "parts": [
         {
-          "name": "default",
-          "docs": "Slot for placing the content inside the anchor or button."
+          "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": [],
+      "styles": [],
+      "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "post-breadcrumb"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "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",
@@ -1699,7 +3035,7 @@
               "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"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -1906,7 +3242,7 @@
       "filePath": "src/components/post-popovercontainer/post-popovercontainer.tsx",
       "encapsulation": "none",
       "tag": "post-popovercontainer",
-      "readme": "# post-popover\n\n\n",
+      "readme": "# post-popover\n",
       "docs": "",
       "docsTags": [
         {
@@ -1927,7 +3263,7 @@
           "mutable": false,
           "attr": "arrow",
           "reflectToAttr": false,
-          "docs": "Wheter or not to display a little pointer arrow",
+          "docs": "Whether or not to display a little pointer arrow",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1938,6 +3274,50 @@
           "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": "manualClose",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "manual-close",
+          "reflectToAttr": false,
+          "docs": "Whether or not the popover should close when user clicks outside of it",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "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\"",
@@ -1948,7 +3328,7 @@
               "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"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -2010,6 +3390,32 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "safeSpace",
+          "type": "\"trapezoid\" | \"triangle\"",
+          "complexType": {
+            "original": "'triangle' | 'trapezoid'",
+            "resolved": "\"trapezoid\" | \"triangle\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "safe-space",
+          "reflectToAttr": true,
+          "docs": "Enables a safespace through which the cursor can be moved without the popover being disabled",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "trapezoid",
+              "type": "string"
+            },
+            {
+              "value": "triangle",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -2162,11 +3568,15 @@
       ],
       "parts": [],
       "dependents": [
+        "post-menu",
         "post-popover",
         "post-tooltip"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "post-menu": [
+          "post-popovercontainer"
+        ],
         "post-popover": [
           "post-popovercontainer"
         ],
@@ -2524,14 +3934,9 @@
           "detail": "string",
           "bubbles": true,
           "complexType": {
-            "original": "HTMLPostTabPanelElement['name']",
+            "original": "string",
             "resolved": "string",
-            "references": {
-              "HTMLPostTabPanelElement": {
-                "location": "global",
-                "id": "global::HTMLPostTabPanelElement"
-              }
-            }
+            "references": {}
           },
           "cancelable": true,
           "composed": true,
@@ -2590,7 +3995,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": [
@@ -2688,6 +4093,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",
@@ -2751,7 +4208,7 @@
               "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"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -2970,20 +4427,30 @@
     }
   ],
   "typeLibrary": {
+    "src/components/post-header/post-header.tsx::DEVICE_SIZE": {
+      "declaration": "export type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;",
+      "docstring": "",
+      "path": "src/components/post-header/post-header.tsx"
+    },
     "src/types/index.ts::HeadingLevel": {
       "declaration": "any",
       "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": "\"menu\" | \"list\"",
       "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": {
+    "../../node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
       "declaration": "any",
       "docstring": "",
-      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
+      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
     }
   }
 }