@swisspost/design-system-components 9.0.0-next.8 → 9.0.0

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-12-09T15:52:20",
+  "timestamp": "2025-05-12T14:46:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -65,8 +65,8 @@
               "type": "number"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
           "name": "multiple",
@@ -198,10 +198,6 @@
       "readme": "# post-accordion-item\n\n\n",
       "docs": "",
       "docsTags": [
-        {
-          "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."
@@ -259,6 +255,7 @@
               "text": "set the `heading-level` property on the parent `post-accordion` instead."
             }
           ],
+          "default": "2",
           "deprecation": "set the `heading-level` property on the parent `post-accordion` instead.",
           "values": [
             {
@@ -343,10 +340,6 @@
         {
           "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": [
@@ -358,142 +351,39 @@
       "dependents": [],
       "dependencies": [
         "post-collapsible-trigger",
-        "post-icon",
         "post-collapsible"
       ],
       "dependencyGraph": {
         "post-accordion-item": [
           "post-collapsible-trigger",
-          "post-icon",
           "post-collapsible"
         ]
       }
     },
     {
-      "filePath": "src/components/post-avatar/post-avatar.tsx",
+      "filePath": "src/components/post-alert/post-alert.tsx",
       "encapsulation": "shadow",
-      "tag": "post-avatar",
-      "readme": "# post-avatar\n\n\n",
+      "tag": "post-alert",
+      "readme": "# post-alert\n\n\n",
       "docs": "",
       "docsTags": [
         {
           "name": "slot",
-          "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": "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
+          "text": "heading - Slot for placing custom content within the alert's heading."
         },
         {
-          "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": "slot",
+          "text": "actions - Slot for placing custom actions (buttons, links, etc.) within the alert."
         },
         {
-          "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."
+          "name": "slot",
+          "text": "default - Slot for placing the main content/message of the alert."
         }
       ],
-      "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": "label",
+          "name": "dismissLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -501,9 +391,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "dismiss-label",
           "reflectToAttr": false,
-          "docs": "The label of the back-to-top button, intended solely for accessibility purposes.\nThis label is always hidden from view.",
+          "docs": "The label to use for the close button of a dismissible alert.",
           "docsTags": [],
           "values": [
             {
@@ -511,70 +401,32 @@
             }
           ],
           "optional": 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": "slot",
-          "text": "actions - Slot for placing custom actions (buttons, links, etc.) within the banner."
+          "required": false
         },
         {
-          "name": "slot",
-          "text": "default - Slot for placing the main content/message of the banner."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "dismissLabel",
-          "type": "string",
+          "name": "dismissible",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "dismiss-label",
+          "attr": "dismissible",
           "reflectToAttr": false,
-          "docs": "The label to use for the close button of a dismissible banner.",
+          "docs": "If `true`, a close button (×) is displayed and the alert can be dismissed by the user.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "dismissible",
+          "name": "fixed",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -582,9 +434,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "dismissible",
+          "attr": "fixed",
           "reflectToAttr": false,
-          "docs": "If `true`, a close button (×) is displayed and the banner can be dismissed by the user.",
+          "docs": "If `true`, the alert is positioned at the bottom of the window, from edge to edge.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -606,7 +458,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "The icon to display in the banner. By default, the icon depends on the banner type.\n\nIf `none`, no icon is displayed.",
+          "docs": "The icon to display in the alert. By default, the icon depends on the alert type.\n\nIf `none`, no icon is displayed.",
           "docsTags": [],
           "values": [
             {
@@ -618,35 +470,39 @@
         },
         {
           "name": "type",
-          "type": "\"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+          "type": "\"danger\" | \"gray\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
           "complexType": {
-            "original": "BannerType",
-            "resolved": "\"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+            "original": "AlertType",
+            "resolved": "\"danger\" | \"gray\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
             "references": {
-              "BannerType": {
+              "AlertType": {
                 "location": "import",
-                "path": "./banner-types",
-                "id": "src/components/post-banner/banner-types.ts::BannerType"
+                "path": "./alert-types",
+                "id": "src/components/post-alert/alert-types.ts::AlertType"
               }
             }
           },
           "mutable": false,
           "attr": "type",
           "reflectToAttr": false,
-          "docs": "The type of the banner.",
+          "docs": "The type of the alert.",
           "docsTags": [],
-          "default": "'neutral'",
+          "default": "'primary'",
           "values": [
             {
               "value": "danger",
               "type": "string"
             },
+            {
+              "value": "gray",
+              "type": "string"
+            },
             {
               "value": "info",
               "type": "string"
             },
             {
-              "value": "neutral",
+              "value": "primary",
               "type": "string"
             },
             {
@@ -682,7 +538,7 @@
           },
           "signature": "dismiss() => Promise<void>",
           "parameters": [],
-          "docs": "Triggers banner dismissal programmatically (same as clicking on the close button (×)).",
+          "docs": "Triggers alert dismissal programmatically (same as clicking on the close button (×)).",
           "docsTags": []
         }
       ],
@@ -698,7 +554,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "An event emitted when the banner element is dismissed, after the transition.\nIt has no payload and only relevant for dismissible banners.",
+          "docs": "An event emitted when the alert element is dismissed, after the transition.\nIt has no payload and only relevant for dismissible alerts.",
           "docsTags": []
         }
       ],
@@ -707,80 +563,15 @@
       "slots": [
         {
           "name": "actions",
-          "docs": "Slot for placing custom actions (buttons, links, etc.) within the banner."
+          "docs": "Slot for placing custom actions (buttons, links, etc.) within the alert."
         },
         {
           "name": "default",
-          "docs": "Slot for placing the main content/message of the banner."
+          "docs": "Slot for placing the main content/message of the alert."
         },
         {
           "name": "heading",
-          "docs": "Slot for placing custom content within the banner's heading."
-        }
-      ],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "post-icon"
-      ],
-      "dependencyGraph": {
-        "post-banner": [
-          "post-icon"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/post-breadcrumb-item/post-breadcrumb-item.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-breadcrumb-item",
-      "readme": "# post-breadcrumb-item\n\n\n",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - Slot for placing the text inside the breadcrumb item."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "url",
-          "type": "URL | string",
-          "complexType": {
-            "original": "string | URL",
-            "resolved": "URL | string",
-            "references": {
-              "URL": {
-                "location": "global",
-                "id": "global::URL"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "url",
-          "reflectToAttr": false,
-          "docs": "The optional URL to which the breadcrumb item will link.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "URL"
-            },
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "default",
-          "docs": "Slot for placing the text inside the breadcrumb item."
+          "docs": "Slot for placing custom content within the alert's heading."
         }
       ],
       "parts": [],
@@ -789,7 +580,7 @@
         "post-icon"
       ],
       "dependencyGraph": {
-        "post-breadcrumb-item": [
+        "post-alert": [
           "post-icon"
         ]
       }
@@ -807,11 +598,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=\"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>"
+          "text": "default - Content to place into the `default` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt\">block content</a>.<p className=\"alert alert-sm alert-warning\">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href=\"https://accessibilityinsights.io/info-examples/web/nested-interactive/\">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>"
         },
         {
           "name": "slot",
-          "text": "icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href=\"https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content\">inline content</a>.<p className=\"banner banner-sm banner-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=\"alert alert-sm alert-info\">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>"
         }
       ],
       "usage": {},
@@ -893,7 +684,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Defines the icon `name` inside the card.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>",
+          "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>",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -936,7 +727,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=\"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>",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -1011,7 +802,7 @@
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "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>",
+          "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>",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -1081,7 +872,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=\"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>",
+          "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>",
           "docsTags": []
         },
         {
@@ -1104,11 +895,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=\"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>"
+          "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>"
         },
         {
           "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=\"banner banner-sm banner-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=\"alert alert-sm alert-info\">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>"
         }
       ],
       "parts": [],
@@ -1122,41 +913,6 @@
         ]
       }
     },
-    {
-      "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",
@@ -1336,37 +1092,12 @@
       }
     },
     {
-      "filePath": "src/components/post-header/post-header.tsx",
+      "filePath": "src/components/post-icon/post-icon.tsx",
       "encapsulation": "shadow",
-      "tag": "post-header",
-      "readme": "# post-header\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [
-        {
-          "event": "postMainNavigationClosed",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-icon/post-icon.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-icon",
-      "readme": "# post-icon\n\nsome content\n",
-      "docs": "some content",
-      "docsTags": [
+      "tag": "post-icon",
+      "readme": "# post-icon\n\nsome content\n",
+      "docs": "some content",
+      "docsTags": [
         {
           "name": "class",
           "text": "PostIcon - representing a stencil component"
@@ -1546,888 +1277,96 @@
           "docsTags": [],
           "default": "null",
           "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "post-accordion-item",
-        "post-back-to-top",
-        "post-banner",
-        "post-breadcrumb-item",
-        "post-card-control",
-        "post-closebutton",
-        "post-rating",
-        "post-tag"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "post-accordion-item": [
-          "post-icon"
-        ],
-        "post-back-to-top": [
-          "post-icon"
-        ],
-        "post-banner": [
-          "post-icon"
-        ],
-        "post-breadcrumb-item": [
-          "post-icon"
-        ],
-        "post-card-control": [
-          "post-icon"
-        ],
-        "post-closebutton": [
-          "post-icon"
-        ],
-        "post-rating": [
-          "post-icon"
-        ],
-        "post-tag": [
-          "post-icon"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/post-language-option/post-language-option.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-language-option",
-      "readme": "# post-language-option\n\n\n",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - Slot for placing the content inside the anchor or button."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "active",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "active",
-          "reflectToAttr": true,
-          "docs": "If set to `true`, the language option is considered the current language for the page.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "code",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "code",
-          "reflectToAttr": false,
-          "docs": "The ISO 639 language code, formatted according to [RFC 5646 (also known as BCP 47)](https://datatracker.ietf.org/doc/html/rfc5646). For example, \"de\".",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "name",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "name",
-          "reflectToAttr": false,
-          "docs": "The full name of the language. For example, \"Deutsch\".",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "url",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "url",
-          "reflectToAttr": false,
-          "docs": "The URL used for the href attribute of the internal anchor.\nThis field is optional; if not provided, a button will be used internally instead of an anchor.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "select",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "select() => Promise<void>",
-          "parameters": [],
-          "docs": "Selects the language option programmatically.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "postChange",
-          "detail": "string",
-          "bubbles": true,
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "An event emitted when the language option is clicked. The payload is the ISO 639 code of the language.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "default",
-          "docs": "Slot for placing the content inside the anchor or button."
-        }
-      ],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-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": false,
-          "docs": "The list can become horizontal by setting `horizontal=\"true\"` or just `horizontal`",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "titleHidden",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "title-hidden",
-          "reflectToAttr": false,
-          "docs": "If `true`, the list title will be hidden. Otherwise, it will be displayed.`",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "default",
-          "docs": "Slot for placing the list title."
-        },
-        {
-          "name": "post-list-item",
-          "docs": "Slot for placing post-list-item components."
-        }
-      ],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-list-item/post-list-item.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-list-item",
-      "readme": "# post-list-item\n\n\n",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default- Slot for placing the content of the list item."
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "default- Slot for placing the content of the list item.",
-          "docs": ""
-        }
-      ],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-logo/post-logo.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-logo",
-      "readme": "# post-logo\n\n\n",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "url",
-          "type": "URL | string",
-          "complexType": {
-            "original": "string | URL",
-            "resolved": "URL | string",
-            "references": {
-              "URL": {
-                "location": "global",
-                "id": "global::URL"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "url",
-          "reflectToAttr": false,
-          "docs": "The URL to which the user is redirected upon clicking the logo.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "URL"
-            },
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "default",
-          "docs": "Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
-        }
-      ],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-mainnavigation/post-mainnavigation.tsx",
-      "encapsulation": "none",
-      "tag": "post-mainnavigation",
-      "readme": "# post-mainnavigation\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [
-        {
-          "event": "postToggle",
-          "detail": "any",
-          "bubbles": true,
-          "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Gets emitted when a user closes the main navigation on mobile",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "postToggle",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-megadropdown/post-megadropdown.tsx",
-      "encapsulation": "none",
-      "tag": "post-megadropdown",
-      "readme": "# post-megadropdown\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [
-        {
-          "name": "hide",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": "boolean"
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "hide() => Promise<void>",
-          "parameters": [],
-          "docs": "Hide megadropdown",
-          "docsTags": [
-            {
-              "name": "returns",
-              "text": "boolean"
-            }
-          ]
-        },
-        {
-          "name": "show",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": "boolean"
-          },
-          "complexType": {
-            "signature": "(element: HTMLElement) => Promise<void>",
-            "parameters": [
-              {
-                "name": "element",
-                "type": "HTMLElement",
-                "docs": "HTMLElement"
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "show(element: HTMLElement) => Promise<void>",
-          "parameters": [
-            {
-              "name": "element",
-              "type": "HTMLElement",
-              "docs": "HTMLElement"
-            }
-          ],
-          "docs": "Show megadropdown",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "element HTMLElement"
-            },
-            {
-              "name": "returns",
-              "text": "boolean"
-            }
-          ]
-        },
-        {
-          "name": "toggle",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": "boolean"
-          },
-          "complexType": {
-            "signature": "(element: HTMLElement, force?: boolean) => Promise<boolean>",
-            "parameters": [
-              {
-                "name": "element",
-                "type": "HTMLElement",
-                "docs": "HTMLElement"
-              },
-              {
-                "name": "force",
-                "type": "boolean",
-                "docs": "boolean"
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            },
-            "return": "Promise<boolean>"
-          },
-          "signature": "toggle(element: HTMLElement, force?: boolean) => Promise<boolean>",
-          "parameters": [
-            {
-              "name": "element",
-              "type": "HTMLElement",
-              "docs": "HTMLElement"
-            },
-            {
-              "name": "force",
-              "type": "boolean",
-              "docs": "boolean"
-            }
-          ],
-          "docs": "Toggle megadropdown",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "element HTMLElement"
-            },
-            {
-              "name": "param",
-              "text": "force boolean"
-            },
-            {
-              "name": "returns",
-              "text": "boolean"
-            }
-          ]
-        }
-      ],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "post-popovercontainer"
-      ],
-      "dependencyGraph": {
-        "post-megadropdown": [
-          "post-popovercontainer"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-megadropdown-trigger",
-      "readme": "# post-megadropdown-toggle\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [
-        {
-          "event": "postToggle",
-          "detail": "any",
-          "bubbles": true,
-          "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emits after each toggle",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-menu/post-menu.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-menu",
-      "readme": "# post-menu\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "placement",
-          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-          "complexType": {
-            "original": "Placement",
-            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-            "references": {
-              "Placement": {
-                "location": "import",
-                "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "placement",
-          "reflectToAttr": false,
-          "docs": "Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.\nTooltips are automatically flipped to the opposite side if there is not enough available space and are shifted\ntowards the viewport if they would overlap edge boundaries.",
-          "docsTags": [],
-          "default": "'bottom'",
-          "values": [
-            {
-              "value": "bottom",
-              "type": "string"
-            },
-            {
-              "value": "bottom-end",
-              "type": "string"
-            },
-            {
-              "value": "bottom-start",
-              "type": "string"
-            },
-            {
-              "value": "left",
-              "type": "string"
-            },
-            {
-              "value": "left-end",
-              "type": "string"
-            },
-            {
-              "value": "left-start",
-              "type": "string"
-            },
-            {
-              "value": "right",
-              "type": "string"
-            },
-            {
-              "value": "right-end",
-              "type": "string"
-            },
-            {
-              "value": "right-start",
-              "type": "string"
-            },
-            {
-              "value": "top",
-              "type": "string"
-            },
-            {
-              "value": "top-end",
-              "type": "string"
-            },
-            {
-              "value": "top-start",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "hide",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "hide() => Promise<void>",
-          "parameters": [],
-          "docs": "Hides the popover menu and restores focus to the previously focused element.",
-          "docsTags": []
-        },
-        {
-          "name": "show",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(target: HTMLElement) => Promise<void>",
-            "parameters": [
-              {
-                "name": "target",
-                "type": "HTMLElement",
-                "docs": "- The HTML element relative to which the popover menu should be displayed."
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "show(target: HTMLElement) => Promise<void>",
-          "parameters": [
-            {
-              "name": "target",
-              "type": "HTMLElement",
-              "docs": "- The HTML element relative to which the popover menu should be displayed."
-            }
-          ],
-          "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": "toggle",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(target: HTMLElement) => Promise<void>",
-            "parameters": [
-              {
-                "name": "target",
-                "type": "HTMLElement",
-                "docs": ""
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "toggle(target: HTMLElement) => Promise<void>",
-          "parameters": [
-            {
-              "name": "target",
-              "type": "HTMLElement",
-              "docs": ""
-            }
-          ],
-          "docs": "Toggles the menu visibility based on its current state.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "toggleMenu",
-          "detail": "boolean",
-          "bubbles": true,
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emits when the menu is shown or hidden.\nThe event payload is a boolean: `true` when the menu was opened, `false` when it was closed.",
-          "docsTags": []
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
+      "methods": [],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "post-popovercontainer"
+      "dependents": [
+        "post-alert",
+        "post-card-control",
+        "post-rating",
+        "post-tag"
       ],
+      "dependencies": [],
       "dependencyGraph": {
-        "post-menu": [
-          "post-popovercontainer"
+        "post-alert": [
+          "post-icon"
+        ],
+        "post-card-control": [
+          "post-icon"
+        ],
+        "post-rating": [
+          "post-icon"
+        ],
+        "post-tag": [
+          "post-icon"
         ]
       }
     },
     {
-      "filePath": "src/components/post-menu-item/post-menu-item.tsx",
+      "filePath": "src/components/post-logo/post-logo.tsx",
       "encapsulation": "shadow",
-      "tag": "post-menu-item",
-      "readme": "# post-menu-item\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-menu-trigger/post-menu-trigger.tsx",
-      "encapsulation": "none",
-      "tag": "post-menu-trigger",
-      "readme": "# post-menu-trigger\n\n\n",
+      "tag": "post-logo",
+      "readme": "# post-logo\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "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": "for",
-          "type": "string",
+          "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": "for",
+          "attr": "url",
           "reflectToAttr": false,
-          "docs": "ID of the menu element that this trigger is linked to. Used to open and close the specified menu.",
+          "docs": "The URL to which the user is redirected upon clicking the logo.",
           "docsTags": [],
           "values": [
+            {
+              "type": "URL"
+            },
             {
               "type": "string"
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         }
       ],
       "methods": [],
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "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": [],
@@ -2712,6 +1651,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",
@@ -2723,7 +1685,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": [
@@ -2745,7 +1707,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": [
@@ -2773,7 +1735,7 @@
           "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": [
@@ -2828,6 +1790,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": [
@@ -2850,7 +1838,7 @@
           },
           "signature": "hide() => Promise<void>",
           "parameters": [],
-          "docs": "Programmatically hide this tooltip",
+          "docs": "Programmatically hide the popovercontainer",
           "docsTags": []
         },
         {
@@ -2865,7 +1853,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": {
@@ -2885,14 +1873,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"
             }
           ]
         },
@@ -2908,7 +1896,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",
@@ -2933,7 +1921,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",
@@ -2941,11 +1929,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",
@@ -2966,7 +1954,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": []
         }
       ],
@@ -2980,19 +1968,11 @@
       ],
       "parts": [],
       "dependents": [
-        "post-megadropdown",
-        "post-menu",
         "post-popover",
         "post-tooltip"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "post-megadropdown": [
-          "post-popovercontainer"
-        ],
-        "post-menu": [
-          "post-popovercontainer"
-        ],
         "post-popover": [
           "post-popovercontainer"
         ],
@@ -3416,7 +2396,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=\"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>.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -3515,74 +2495,37 @@
       }
     },
     {
-      "filePath": "src/components/post-togglebutton/post-togglebutton.tsx",
+      "filePath": "src/components/post-tooltip/post-tooltip.tsx",
       "encapsulation": "shadow",
-      "tag": "post-togglebutton",
-      "readme": "# post-togglebutton\n\n\n",
+      "tag": "post-tooltip",
+      "readme": "# post-tooltip\n\n\n",
       "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "toggled - Slot for content displayed when the button is in the \"on\" state."
-        },
-        {
-          "name": "slot",
-          "text": "untoggled - Slot for content displayed when the button is in the \"off\" state."
-        }
-      ],
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "toggled",
-          "type": "boolean",
+          "name": "animation",
+          "type": "\"pop-in\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "'pop-in' | null",
+            "resolved": "\"pop-in\"",
             "references": {}
           },
-          "mutable": true,
-          "attr": "toggled",
-          "reflectToAttr": true,
-          "docs": "If `true`, the button is in the \"on\" state, otherwise it is in the \"off\" state.",
+          "mutable": false,
+          "attr": "animation",
+          "reflectToAttr": false,
+          "docs": "Choose a tooltip animation",
           "docsTags": [],
-          "default": "false",
+          "default": "null",
           "values": [
             {
-              "type": "boolean"
+              "value": "pop-in",
+              "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "toggled",
-          "docs": "Slot for content displayed when the button is in the \"on\" state."
         },
-        {
-          "name": "untoggled",
-          "docs": "Slot for content displayed when the button is in the \"off\" state."
-        }
-      ],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-tooltip/post-tooltip.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-tooltip",
-      "readme": "# post-tooltip\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
         {
           "name": "arrow",
           "type": "boolean",
@@ -3594,9 +2537,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"
@@ -3606,17 +2549,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": [
@@ -3644,7 +2587,7 @@
           "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": [
@@ -3721,7 +2664,7 @@
           },
           "signature": "hide() => Promise<void>",
           "parameters": [],
-          "docs": "Programmatically hide this tooltip",
+          "docs": "Programmatically hide this tooltip.",
           "docsTags": []
         },
         {
@@ -3731,17 +2674,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": {
@@ -3756,28 +2694,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"
             }
           ]
         },
@@ -3793,7 +2722,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",
@@ -3818,7 +2747,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",
@@ -3826,11 +2755,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",
@@ -3853,6 +2782,79 @@
           "post-popovercontainer"
         ]
       }
+    },
+    {
+      "filePath": "src/components/post-tooltip-trigger/post-tooltip-trigger.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-tooltip-trigger",
+      "readme": "# post-tooltip\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": {
@@ -3861,10 +2863,10 @@
       "docstring": "",
       "path": "src/types/index.ts"
     },
-    "src/components/post-banner/banner-types.ts::BannerType": {
-      "declaration": "\"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\"",
+    "src/components/post-alert/alert-types.ts::AlertType": {
+      "declaration": "\"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"gray\"",
       "docstring": "",
-      "path": "src/components/post-banner/banner-types.ts"
+      "path": "src/components/post-alert/alert-types.ts"
     },
     "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
       "declaration": "any",