@swisspost/design-system-components 9.0.0-next.9 → 10.0.0-next.37

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-12-16T16:45:20",
+  "timestamp": "2025-05-12T10:20:20",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -435,7 +435,7 @@
           },
           "mutable": false,
           "attr": "firstname",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Defines the users firstname.",
           "docsTags": [],
           "values": [
@@ -478,7 +478,7 @@
           "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>",
+          "docs": "Defines the company internal userId.<div className=\"mb-4 banner banner-warning banner-sm\">Can only be used on post.ch domains!</div>",
           "docsTags": [],
           "values": [
             {
@@ -523,7 +523,7 @@
           },
           "mutable": false,
           "attr": "label",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The label of the back-to-top button, intended solely for accessibility purposes.\nThis label is always hidden from view.",
           "docsTags": [],
           "values": [
@@ -751,9 +751,79 @@
       }
     },
     {
-      "filePath": "src/components/post-breadcrumb/post-breadcrumb.tsx",
+      "filePath": "src/components/post-breadcrumb-item/post-breadcrumb-item.tsx",
       "encapsulation": "shadow",
-      "tag": "post-breadcrumb",
+      "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-breadcrumbs"
+      ],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-breadcrumb-item": [
+          "post-icon"
+        ],
+        "post-breadcrumbs": [
+          "post-breadcrumb-item"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-breadcrumbs/post-breadcrumbs.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-breadcrumbs",
       "readme": "# post-breadcrumbs-new\n\n\n",
       "docs": "",
       "docsTags": [],
@@ -818,7 +888,7 @@
         "post-breadcrumb-item"
       ],
       "dependencyGraph": {
-        "post-breadcrumb": [
+        "post-breadcrumbs": [
           "post-icon",
           "post-menu-trigger",
           "post-menu",
@@ -833,76 +903,6 @@
         ]
       }
     },
-    {
-      "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",
@@ -1023,7 +1023,7 @@
           },
           "mutable": false,
           "attr": "label",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Defines the text in the control-label.",
           "docsTags": [],
           "values": [
@@ -1045,7 +1045,7 @@
           "mutable": false,
           "attr": "name",
           "reflectToAttr": false,
-          "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>",
+          "docs": "Defines the `name` attribute of the control.\n<span className=\"mb-4 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": [
@@ -1233,7 +1233,7 @@
     },
     {
       "filePath": "src/components/post-closebutton/post-closebutton.tsx",
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "tag": "post-closebutton",
       "readme": "# post-closebutton\n\n\n",
       "docs": "",
@@ -1376,7 +1376,7 @@
     },
     {
       "filePath": "src/components/post-collapsible-trigger/post-collapsible-trigger.tsx",
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "tag": "post-collapsible-trigger",
       "readme": "# post-collapsible-trigger\n\n\n",
       "docs": "",
@@ -1393,7 +1393,7 @@
           },
           "mutable": false,
           "attr": "for",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Link the trigger to a post-collapsible with this id",
           "docsTags": [],
           "values": [
@@ -1560,7 +1560,36 @@
       "tag": "post-header",
       "readme": "# post-header\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "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": [
@@ -1571,8 +1600,14 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "signature": "(force?: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "force",
+                "type": "boolean",
+                "docs": ""
+              }
+            ],
             "references": {
               "Promise": {
                 "location": "global",
@@ -1585,16 +1620,72 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "toggleMobileMenu() => Promise<void>",
-          "parameters": [],
+          "signature": "toggleMobileMenu(force?: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "force",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
           "docs": "Toggles the mobile navigation.",
           "docsTags": []
         }
       ],
-      "events": [],
+      "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": [],
+      "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": [],
@@ -1738,7 +1829,7 @@
           },
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The name/id of the icon (e.g. 1000, 1001, ...).",
           "docsTags": [],
           "values": [
@@ -1804,11 +1895,12 @@
         "post-accordion-item",
         "post-back-to-top",
         "post-banner",
-        "post-breadcrumb",
         "post-breadcrumb-item",
+        "post-breadcrumbs",
         "post-card-control",
         "post-closebutton",
         "post-language-switch",
+        "post-mainnavigation",
         "post-rating",
         "post-tag"
       ],
@@ -1823,10 +1915,10 @@
         "post-banner": [
           "post-icon"
         ],
-        "post-breadcrumb": [
+        "post-breadcrumb-item": [
           "post-icon"
         ],
-        "post-breadcrumb-item": [
+        "post-breadcrumbs": [
           "post-icon"
         ],
         "post-card-control": [
@@ -1838,6 +1930,9 @@
         "post-language-switch": [
           "post-icon"
         ],
+        "post-mainnavigation": [
+          "post-icon"
+        ],
         "post-rating": [
           "post-icon"
         ],
@@ -1848,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": "",
@@ -1946,10 +2041,10 @@
         },
         {
           "name": "variant",
-          "type": "\"dropdown\" | \"list\"",
+          "type": "\"list\" | \"menu\"",
           "complexType": {
             "original": "SwitchVariant | null",
-            "resolved": "\"dropdown\" | \"list\"",
+            "resolved": "\"list\" | \"menu\"",
             "references": {
               "SwitchVariant": {
                 "location": "import",
@@ -1961,15 +2056,15 @@
           "mutable": false,
           "attr": "variant",
           "reflectToAttr": false,
-          "docs": "The variant of the post-language-switch parent (dynamically set by the parent)",
+          "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": "dropdown",
+              "value": "list",
               "type": "string"
             },
             {
-              "value": "list",
+              "value": "menu",
               "type": "string"
             }
           ],
@@ -2015,6 +2110,20 @@
           "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": [],
@@ -2083,10 +2192,10 @@
         },
         {
           "name": "variant",
-          "type": "\"dropdown\" | \"list\"",
+          "type": "\"list\" | \"menu\"",
           "complexType": {
             "original": "SwitchVariant",
-            "resolved": "\"dropdown\" | \"list\"",
+            "resolved": "\"list\" | \"menu\"",
             "references": {
               "SwitchVariant": {
                 "location": "import",
@@ -2098,16 +2207,16 @@
           "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)",
+          "docs": "Whether the component is rendered as a list or a menu",
           "docsTags": [],
           "default": "'list'",
           "values": [
             {
-              "value": "dropdown",
+              "value": "list",
               "type": "string"
             },
             {
-              "value": "list",
+              "value": "menu",
               "type": "string"
             }
           ],
@@ -2117,7 +2226,18 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "postChange",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "postLanguageOptionInitiallyActive",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],
@@ -2138,6 +2258,25 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-linkarea/post-linkarea.tsx",
+      "encapsulation": "shadow",
+      "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",
@@ -2318,29 +2457,33 @@
       "usage": {},
       "props": [],
       "methods": [],
-      "events": [
+      "events": [],
+      "listeners": [
         {
-          "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": []
+          "event": "mouseup",
+          "target": "window",
+          "capture": false,
+          "passive": true
+        },
+        {
+          "event": "mouseleave",
+          "target": "window",
+          "capture": false,
+          "passive": true
         }
       ],
-      "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-mainnavigation": [
+          "post-icon"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-megadropdown/post-megadropdown.tsx",
@@ -2353,83 +2496,112 @@
       "props": [],
       "methods": [
         {
-          "name": "show",
+          "name": "focusFirst",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
           "complexType": {
-            "signature": "(target: HTMLElement) => Promise<void>",
+            "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": "target",
-                "type": "HTMLElement",
-                "docs": "- The HTML element relative to which the popover dropdown should be displayed."
+                "name": "focusParent",
+                "type": "boolean",
+                "docs": ""
+              },
+              {
+                "name": "forceClose",
+                "type": "boolean",
+                "docs": ""
               }
             ],
             "references": {
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
-              },
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
               }
             },
             "return": "Promise<void>"
           },
-          "signature": "show(target: HTMLElement) => Promise<void>",
+          "signature": "hide(focusParent?: boolean, forceClose?: boolean) => 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": "focusParent",
+              "type": "boolean",
+              "docs": ""
+            },
             {
-              "name": "param",
-              "text": "target - The HTML element relative to which the popover dropdown should be displayed."
+              "name": "forceClose",
+              "type": "boolean",
+              "docs": ""
             }
-          ]
+          ],
+          "docs": "Hides the dropdown with an animation.",
+          "docsTags": []
         },
         {
-          "name": "toggle",
+          "name": "show",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
           "complexType": {
-            "signature": "(target: HTMLElement) => Promise<void>",
-            "parameters": [
-              {
-                "name": "target",
-                "type": "HTMLElement",
-                "docs": ""
-              }
-            ],
+            "signature": "() => Promise<void>",
+            "parameters": [],
             "references": {
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
-              },
-              "HTMLElement": {
+              }
+            },
+            "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::HTMLElement"
+                "id": "global::Promise"
               }
             },
             "return": "Promise<void>"
           },
-          "signature": "toggle(target: HTMLElement) => Promise<void>",
-          "parameters": [
-            {
-              "name": "target",
-              "type": "HTMLElement",
-              "docs": ""
-            }
-          ],
+          "signature": "toggle() => Promise<void>",
+          "parameters": [],
           "docs": "Toggles the dropdown visibility based on its current state.",
           "docsTags": []
         }
@@ -2437,16 +2609,16 @@
       "events": [
         {
           "event": "postToggleMegadropdown",
-          "detail": "boolean",
+          "detail": "{ isVisible: boolean; focusParent?: boolean; }",
           "bubbles": true,
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "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 a boolean: `true` when the dropdown was opened, `false` when it was closed.",
+          "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": []
         }
       ],
@@ -2455,14 +2627,8 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [
-        "post-popovercontainer"
-      ],
-      "dependencyGraph": {
-        "post-megadropdown": [
-          "post-popovercontainer"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx",
@@ -2524,14 +2690,14 @@
               "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.7.0/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.",
+          "docs": "Defines the position of the menu relative to its trigger.\nMenus are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.\nFor supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).",
           "docsTags": [],
           "default": "'bottom'",
           "values": [
@@ -2719,7 +2885,7 @@
         }
       ],
       "dependents": [
-        "post-breadcrumb",
+        "post-breadcrumbs",
         "post-language-switch"
       ],
       "dependencies": [
@@ -2729,7 +2895,7 @@
         "post-menu": [
           "post-popovercontainer"
         ],
-        "post-breadcrumb": [
+        "post-breadcrumbs": [
           "post-menu"
         ],
         "post-language-switch": [
@@ -2739,7 +2905,7 @@
     },
     {
       "filePath": "src/components/post-menu-item/post-menu-item.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "post-menu-item",
       "readme": "# post-menu-item\n\n\n",
       "docs": "",
@@ -2753,11 +2919,11 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "post-breadcrumb"
+        "post-breadcrumbs"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "post-breadcrumb": [
+        "post-breadcrumbs": [
           "post-menu-item"
         ]
       }
@@ -2781,7 +2947,7 @@
           },
           "mutable": false,
           "attr": "for",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "ID of the menu element that this trigger is linked to. Used to open and close the specified menu.",
           "docsTags": [],
           "values": [
@@ -2800,12 +2966,12 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "post-breadcrumb",
+        "post-breadcrumbs",
         "post-language-switch"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "post-breadcrumb": [
+        "post-breadcrumbs": [
           "post-menu-trigger"
         ],
         "post-language-switch": [
@@ -2817,7 +2983,7 @@
       "filePath": "src/components/post-popover/post-popover.tsx",
       "encapsulation": "shadow",
       "tag": "post-popover",
-      "readme": "# post-popup\n\n\n",
+      "readme": "# post-popover\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -2875,14 +3041,14 @@
               "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.7.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
-          "docs": "Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.\nPopoverss 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.",
+          "docs": "Defines the position of the popover relative to its trigger.\nPopovers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.\nFor supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).",
           "docsTags": [],
           "default": "'top'",
           "values": [
@@ -3082,7 +3248,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": [
         {
@@ -3092,6 +3258,29 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "animation",
+          "type": "\"pop-in\"",
+          "complexType": {
+            "original": "'pop-in' | null",
+            "resolved": "\"pop-in\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "animation",
+          "reflectToAttr": false,
+          "docs": "Animation style",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "value": "pop-in",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "arrow",
           "type": "boolean",
@@ -3103,7 +3292,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": [
@@ -3125,7 +3314,7 @@
           "mutable": false,
           "attr": "edge-gap",
           "reflectToAttr": false,
-          "docs": "Gap between the edge of the page and the popover",
+          "docs": "Gap between the edge of the page and the popovercontainer",
           "docsTags": [],
           "default": "8",
           "values": [
@@ -3136,6 +3325,28 @@
           "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 popovercontainer 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\"",
@@ -3146,14 +3357,14 @@
               "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.7.0/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.",
+          "docs": "Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.\nPopovercontainers 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": "'top'",
           "values": [
@@ -3208,6 +3419,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": [
@@ -3230,7 +3467,7 @@
           },
           "signature": "hide() => Promise<void>",
           "parameters": [],
-          "docs": "Programmatically hide this tooltip",
+          "docs": "Programmatically hide the popovercontainer",
           "docsTags": []
         },
         {
@@ -3245,7 +3482,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+                "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
               }
             ],
             "references": {
@@ -3265,14 +3502,14 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+              "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
             }
           ],
-          "docs": "Programmatically display the tooltip",
+          "docs": "Programmatically display the popovercontainer",
           "docsTags": [
             {
               "name": "param",
-              "text": "target An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+              "text": "target An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
             }
           ]
         },
@@ -3288,7 +3525,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+                "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
               },
               {
                 "name": "force",
@@ -3313,7 +3550,7 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+              "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
             },
             {
               "name": "force",
@@ -3321,11 +3558,11 @@
               "docs": "Pass true to always show or false to always hide"
             }
           ],
-          "docs": "Toggle tooltip display",
+          "docs": "Toggle popovercontainer display",
           "docsTags": [
             {
               "name": "param",
-              "text": "target An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+              "text": "target An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
             },
             {
               "name": "param",
@@ -3346,7 +3583,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean",
+          "docs": "Fires whenever the popovercontainer gets shown or hidden, passing the new state in event.details as a boolean",
           "docsTags": []
         }
       ],
@@ -3360,16 +3597,12 @@
       ],
       "parts": [],
       "dependents": [
-        "post-megadropdown",
         "post-menu",
         "post-popover",
         "post-tooltip"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "post-megadropdown": [
-          "post-popovercontainer"
-        ],
         "post-menu": [
           "post-popovercontainer"
         ],
@@ -3553,7 +3786,7 @@
           },
           "mutable": false,
           "attr": "panel",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The name of the panel controlled by the tab header.",
           "docsTags": [],
           "values": [
@@ -3604,7 +3837,7 @@
           },
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The name of the panel, used to associate it with a tab header.",
           "docsTags": [],
           "values": [
@@ -3730,14 +3963,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,
@@ -3796,7 +4024,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": false,
-          "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>.",
+          "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/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs\">icon library</a>.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -3955,6 +4183,29 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "animation",
+          "type": "\"pop-in\"",
+          "complexType": {
+            "original": "'pop-in' | null",
+            "resolved": "\"pop-in\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "animation",
+          "reflectToAttr": false,
+          "docs": "Choose a tooltip animation",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "value": "pop-in",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "arrow",
           "type": "boolean",
@@ -3966,9 +4217,9 @@
           "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": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -3978,17 +4229,17 @@
           "required": false
         },
         {
-          "name": "delayed",
+          "name": "open",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
-          "attr": "delayed",
-          "reflectToAttr": false,
-          "docs": "If `true`, the tooltip is displayed a few milliseconds after it is triggered",
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "Indicates the open state of the tooltip",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4009,14 +4260,14 @@
               "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.7.0/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.",
+          "docs": "Defines the position of the tooltip relative to its trigger.\nTooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.\nFor supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).",
           "docsTags": [],
           "default": "'top'",
           "values": [
@@ -4093,7 +4344,7 @@
           },
           "signature": "hide() => Promise<void>",
           "parameters": [],
-          "docs": "Programmatically hide this tooltip",
+          "docs": "Programmatically hide this tooltip.",
           "docsTags": []
         },
         {
@@ -4103,17 +4354,12 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(target: HTMLElement, triggeredByFocus?: boolean) => Promise<void>",
+            "signature": "(target: HTMLElement) => 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": "An element where the tooltip should be shown"
               }
             ],
             "references": {
@@ -4128,28 +4374,19 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "show(target: HTMLElement, triggeredByFocus?: boolean) => Promise<void>",
+          "signature": "show(target: HTMLElement) => 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": "An element where the tooltip should be shown"
             }
           ],
-          "docs": "Programmatically display the tooltip",
+          "docs": "Programmatically display the tooltip.",
           "docsTags": [
             {
               "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."
+              "text": "target An element where the tooltip should be shown"
             }
           ]
         },
@@ -4165,7 +4402,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+                "docs": "An element where the tooltip should be shown"
               },
               {
                 "name": "force",
@@ -4190,7 +4427,7 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+              "docs": "An element where the tooltip should be shown"
             },
             {
               "name": "force",
@@ -4198,11 +4435,11 @@
               "docs": "Pass true to always show or false to always hide"
             }
           ],
-          "docs": "Toggle tooltip display",
+          "docs": "Toggle tooltip display.",
           "docsTags": [
             {
               "name": "param",
-              "text": "target An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
+              "text": "target An element where the tooltip should be shown"
             },
             {
               "name": "param",
@@ -4225,9 +4462,87 @@
           "post-popovercontainer"
         ]
       }
+    },
+    {
+      "filePath": "src/components/post-tooltip-trigger/post-tooltip-trigger.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-tooltip-trigger",
+      "readme": "# post-tooltip-trigger\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "delay",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "delay",
+          "reflectToAttr": false,
+          "docs": "Delay (in milliseconds) before the tooltip is shown.",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "for",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "for",
+          "reflectToAttr": true,
+          "docs": "ID of the tooltip element that this trigger is linked to.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
     }
   ],
   "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": "",
@@ -4239,14 +4554,14 @@
       "path": "src/components/post-banner/banner-types.ts"
     },
     "src/components/post-language-switch/switch-variants.ts::SwitchVariant": {
-      "declaration": "\"list\" | \"dropdown\"",
+      "declaration": "\"menu\" | \"list\"",
       "docstring": "",
       "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.7.0/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.7.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
     }
   }
 }