@swisspost/design-system-components 10.0.0-next.72 → 10.0.0-next.76

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-09T07:13:32",
+  "timestamp": "2026-06-30T09:50:09",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.3",
@@ -266,63 +266,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "headingLevel",
-          "type": "1 | 2 | 3 | 4 | 5 | 6",
-          "complexType": {
-            "original": "HeadingLevel",
-            "resolved": "1 | 2 | 3 | 4 | 5 | 6",
-            "references": {
-              "HeadingLevel": {
-                "location": "import",
-                "path": "@/types",
-                "id": "src/types/index.ts::HeadingLevel",
-                "referenceLocation": "HeadingLevel"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "heading-level",
-          "reflectToAttr": false,
-          "docs": "Defines the hierarchical level of the accordion item header within the headings structure.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "set the `heading-level` property on the parent `post-accordion` instead."
-            }
-          ],
-          "deprecation": "set the `heading-level` property on the parent `post-accordion` instead.",
-          "values": [
-            {
-              "value": "1",
-              "type": "number"
-            },
-            {
-              "value": "2",
-              "type": "number"
-            },
-            {
-              "value": "3",
-              "type": "number"
-            },
-            {
-              "value": "4",
-              "type": "number"
-            },
-            {
-              "value": "5",
-              "type": "number"
-            },
-            {
-              "value": "6",
-              "type": "number"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
         }
       ],
       "methods": [
@@ -689,15 +632,9 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [
-        "post-login-widget"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "post-login-widget": [
-          "post-avatar"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/post-back-to-top/post-back-to-top.tsx",
@@ -1209,7 +1146,7 @@
     },
     {
       "filePath": "src/components/post-closebutton/post-closebutton.tsx",
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "tag": "post-closebutton",
       "readme": "# post-closebutton\n",
       "docs": "",
@@ -1223,10 +1160,10 @@
       "props": [
         {
           "name": "buttonType",
-          "type": "\"button\" | \"reset\" | \"submit\"",
+          "type": "\"button\" | \"reset\"",
           "complexType": {
             "original": "ButtonType",
-            "resolved": "\"button\" | \"reset\" | \"submit\"",
+            "resolved": "\"button\" | \"reset\"",
             "references": {
               "ButtonType": {
                 "location": "import",
@@ -1255,10 +1192,6 @@
             {
               "value": "reset",
               "type": "string"
-            },
-            {
-              "value": "submit",
-              "type": "string"
             }
           ],
           "optional": true,
@@ -1363,7 +1296,8 @@
       "states": [],
       "dependents": [
         "post-megadropdown",
-        "post-popover"
+        "post-popover",
+        "post-side-navigation"
       ],
       "dependencies": [
         "post-icon"
@@ -1377,6 +1311,9 @@
         ],
         "post-popover": [
           "post-closebutton"
+        ],
+        "post-side-navigation": [
+          "post-closebutton"
         ]
       }
     },
@@ -1578,6 +1515,43 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "cellConfig",
+          "type": "(date: Date, cellType: \"day\" | \"month\" | \"year\") => void | { disabled?: boolean; classes?: string; }",
+          "complexType": {
+            "original": "(\n    date: Date,\n    cellType: 'day' | 'month' | 'year',\n  ) => { disabled?: boolean; classes?: string } | void",
+            "resolved": "(date: Date, cellType: \"day\" | \"month\" | \"year\") => void | { disabled?: boolean; classes?: string; }",
+            "references": {
+              "Date": {
+                "location": "global",
+                "id": "global::Date"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "A callback to customize individual calendar cells, e.g. to disable specific dates or add CSS classes.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(date: Date, cellType: \"day\""
+            },
+            {
+              "value": "month",
+              "type": "string"
+            },
+            {
+              "type": "\"year\") => void"
+            },
+            {
+              "type": "{ disabled?: boolean; classes?: string; }"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "inline",
           "type": "boolean",
@@ -1670,7 +1644,7 @@
           "mutable": false,
           "attr": "min",
           "reflectToAttr": false,
-          "docs": "Minimun possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).",
+          "docs": "Minimum possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).",
           "docsTags": [],
           "values": [
             {
@@ -1711,80 +1685,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "renderCellCallback",
-          "type": "(data: { date: Date; cellType: AirDatepickerViewsSingle; datepicker: AirDatepicker<HTMLDivElement>; }) => void",
-          "complexType": {
-            "original": "AirDatepickerCustomOptions['onRenderCell']",
-            "resolved": "(data: { date: Date; cellType: AirDatepickerViewsSingle; datepicker: AirDatepicker<HTMLDivElement>; }) => void",
-            "references": {
-              "AirDatepickerCustomOptions": {
-                "location": "local",
-                "path": "/home/runner/work/design-system/design-system/packages/components/src/components/post-date-picker/post-date-picker.tsx",
-                "id": "src/components/post-date-picker/post-date-picker.tsx::AirDatepickerCustomOptions"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Used to extend the existing on render cell to disable dates.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "(data: { date: Date; cellType: AirDatepickerViewsSingle; datepicker: AirDatepicker<HTMLDivElement>; }) => void"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "selectedEndDate",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "selected-end-date",
-          "reflectToAttr": false,
-          "docs": "The date picker's selected end date (for range date picker only).\nMust be a valid date in ISO 8601 format (YYYY-MM-DD).",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "selectedStartDate",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "selected-start-date",
-          "reflectToAttr": false,
-          "docs": "The date picker's selected date. If in range mode, the selected start date.\nMust be a valid date in ISO 8601 format (YYYY-MM-DD).",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "textNextDecade",
           "type": "string",
@@ -1957,7 +1857,7 @@
           "mutable": false,
           "attr": "text-toggle-calendar",
           "reflectToAttr": false,
-          "docs": "Label for the toggle button that opens the calendar.\nIt is only needed when the calendar is connected to the input.",
+          "docs": "Label for the toggle button that opens the calendar.\nIt is only needed when the calendar is not inline.",
           "docsTags": [],
           "values": [
             {
@@ -2016,22 +1916,7 @@
           "docsTags": []
         }
       ],
-      "events": [
-        {
-          "event": "postUpdateDates",
-          "detail": "string | string[]",
-          "bubbles": true,
-          "complexType": {
-            "original": "string | string[]",
-            "resolved": "string | string[]",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "An event emitted when a date or a range of dates have been selected.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -2193,7 +2078,11 @@
         },
         {
           "name": "slot",
-          "text": "language-menu - Should be used with the `<post-language-switch>` component."
+          "text": "language-menu - Should be used with the `<post-language-menu>` component."
+        },
+        {
+          "name": "slot",
+          "text": "side-nav - Should be used with the `<post-side-navigation>` component."
         },
         {
           "name": "slot",
@@ -2336,7 +2225,7 @@
         },
         {
           "name": "language-menu",
-          "docs": "Should be used with the `<post-language-switch>` component."
+          "docs": "Should be used with the `<post-language-menu>` component."
         },
         {
           "name": "local-nav",
@@ -2354,6 +2243,10 @@
           "name": "post-logo",
           "docs": "Should be used together with the `<post-logo>` component."
         },
+        {
+          "name": "side-nav",
+          "docs": "Should be used with the `<post-side-navigation>` component."
+        },
         {
           "name": "title",
           "docs": "Holds the application title."
@@ -2613,7 +2506,8 @@
         "post-megadropdown-trigger",
         "post-number-input",
         "post-pagination",
-        "post-rating"
+        "post-rating",
+        "post-tabs"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -2661,6 +2555,9 @@
         ],
         "post-rating": [
           "post-icon"
+        ],
+        "post-tabs": [
+          "post-icon"
         ]
       }
     },
@@ -2707,7 +2604,7 @@
           "mutable": false,
           "attr": "text-current-language",
           "reflectToAttr": true,
-          "docs": "An accessible description text for the list of language options. The `#name` placeholder is dynamic and will be replaced with the active language name.",
+          "docs": "An accessible description text for the list of language options.\nThe `{name}` placeholder is dynamic and will be replaced with the active language name.",
           "docsTags": [],
           "values": [
             {
@@ -3389,71 +3286,78 @@
       }
     },
     {
-      "filePath": "src/components/post-login-widget/post-login-widget.tsx",
+      "filePath": "src/components/post-logo/post-logo.tsx",
       "encapsulation": "shadow",
-      "tag": "post-login-widget",
-      "readme": "# post-login-widget\n\n\n",
+      "tag": "post-logo",
+      "readme": "# post-logo\n",
       "docs": "",
       "docsTags": [
         {
           "name": "slot",
-          "text": "user-links - Links to show in the user menu when the user is authenticated."
-        },
-        {
-          "name": "slot",
-          "text": "login-link - Content rendered when the user is not authenticated."
+          "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": "textCurrentUser",
-          "type": "string",
+          "name": "url",
+          "type": "URL | string",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "text-current-user",
-          "reflectToAttr": true,
-          "docs": "Label for the \"Current user is {user}\" accessibility description.\nUse `{user}` as a placeholder — it will be replaced with the current user's name at runtime.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
+            "original": "string | URL",
+            "resolved": "URL | string",
+            "references": {
+              "URL": {
+                "location": "global",
+                "id": "global::URL"
+              }
             }
-          ],
-          "optional": false,
-          "required": true,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "textUserMenu",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
           },
           "mutable": false,
-          "attr": "text-user-menu",
-          "reflectToAttr": true,
-          "docs": "Accessible label for the dropdown menu",
+          "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": true,
+          "optional": true,
+          "required": false,
           "getter": false,
           "setter": 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": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-mainnavigation/post-mainnavigation.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-mainnavigation",
+      "readme": "# post-mainnavigation\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
         {
-          "name": "textUserMenuTrigger",
+          "name": "textMain",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -3461,9 +3365,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "text-user-menu-trigger",
+          "attr": "text-main",
           "reflectToAttr": true,
-          "docs": "Hidden label for the user menu trigger button, for accessibility purposes. It should describe the purpose of the button (e.g. \"Access user links\").",
+          "docs": "Defines the accessible label for the navigation element. This text is used as the `aria-label` attribute to provide screen reader users with a description of the navigation's purpose.",
           "docsTags": [],
           "values": [
             {
@@ -3476,197 +3380,9 @@
           "setter": false
         }
       ],
-      "methods": [
-        {
-          "name": "isAuthenticated",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<boolean | null>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<boolean>"
-          },
-          "signature": "isAuthenticated() => Promise<boolean | null>",
-          "parameters": [],
-          "docs": "Returns the current authentication state:\n`null` when the component is still loading, `true` when authenticated, `false` when not.",
-          "docsTags": []
-        },
-        {
-          "name": "refresh",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "refresh() => Promise<void>",
-          "parameters": [],
-          "docs": "Re-fetches the authentication state from the session API and updates\nthe component rendering accordingly.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "postChange",
-          "detail": "{ authenticated: boolean; }",
-          "bubbles": true,
-          "complexType": {
-            "original": "{ authenticated: boolean }",
-            "resolved": "{ authenticated: boolean; }",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the authentication state changes.\nThe event payload is an object with an `authenticated` property:\n`true` when the user is logged in, `false` when the user is not logged in or the API request failed.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "login-link",
-          "docs": "Content rendered when the user is not authenticated."
-        },
-        {
-          "name": "user-links",
-          "docs": "Links to show in the user menu when the user is authenticated."
-        }
-      ],
-      "parts": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [
-        "post-menu-trigger",
-        "post-avatar",
-        "post-menu"
-      ],
-      "dependencyGraph": {
-        "post-login-widget": [
-          "post-menu-trigger",
-          "post-avatar",
-          "post-menu"
-        ],
-        "post-menu": [
-          "post-popovercontainer"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/post-logo/post-logo.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-logo",
-      "readme": "# post-logo\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": true,
-          "required": false,
-          "getter": false,
-          "setter": 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": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/post-mainnavigation/post-mainnavigation.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-mainnavigation",
-      "readme": "# post-mainnavigation\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "textMain",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "text-main",
-          "reflectToAttr": true,
-          "docs": "Defines the accessible label for the navigation element. This text is used as the `aria-label` attribute to provide screen reader users with a description of the navigation's purpose.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [
+      "methods": [],
+      "events": [],
+      "listeners": [
         {
           "event": "mouseup",
           "target": "window",
@@ -4142,7 +3858,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "- The HTML element relative to which the popover menu should be displayed."
+                "docs": ""
               }
             ],
             "references": {
@@ -4162,16 +3878,11 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "- The HTML element relative to which the popover menu should be displayed."
+              "docs": ""
             }
           ],
-          "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."
-            }
-          ]
+          "docs": "Displays the popover menu, focusing the first menu item,\n`target` is the HTML element the menu is anchored to.",
+          "docsTags": []
         },
         {
           "name": "toggle",
@@ -4208,7 +3919,7 @@
               "docs": ""
             }
           ],
-          "docs": "Toggles the menu visibility based on its current state.",
+          "docs": "Toggles the menu visibility based on its current state,\n`target` is the HTML element the menu is anchored to.",
           "docsTags": []
         }
       ],
@@ -4245,8 +3956,7 @@
       "states": [],
       "dependents": [
         "post-breadcrumbs",
-        "post-language-menu",
-        "post-login-widget"
+        "post-language-menu"
       ],
       "dependencies": [
         "post-popovercontainer"
@@ -4260,9 +3970,6 @@
         ],
         "post-language-menu": [
           "post-menu"
-        ],
-        "post-login-widget": [
-          "post-menu"
         ]
       }
     },
@@ -4338,8 +4045,7 @@
       "states": [],
       "dependents": [
         "post-breadcrumbs",
-        "post-language-menu",
-        "post-login-widget"
+        "post-language-menu"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -4348,9 +4054,6 @@
         ],
         "post-language-menu": [
           "post-menu-trigger"
-        ],
-        "post-login-widget": [
-          "post-menu-trigger"
         ]
       }
     },
@@ -4447,7 +4150,13 @@
           "attr": "page",
           "reflectToAttr": false,
           "docs": "The current active page number.\n\n**If not specified, defaults to the first page.**",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "1"
+            }
+          ],
+          "default": "1",
           "values": [
             {
               "type": "number"
@@ -4812,7 +4521,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
+                "docs": ""
               }
             ],
             "references": {
@@ -4832,16 +4541,11 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
+              "docs": ""
             }
           ],
-          "docs": "Programmatically display the popover",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "target A focusable element inside the <post-popover-trigger> component that controls the popover"
-            }
-          ]
+          "docs": "Programmatically display the popover,\n`target` is the HTML element the menu is anchored to.",
+          "docsTags": []
         },
         {
           "name": "toggle",
@@ -4855,12 +4559,12 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
+                "docs": ""
               },
               {
                 "name": "force",
                 "type": "boolean",
-                "docs": "Pass true to always show or false to always hide"
+                "docs": ""
               }
             ],
             "references": {
@@ -4880,25 +4584,16 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
+              "docs": ""
             },
             {
               "name": "force",
               "type": "boolean",
-              "docs": "Pass true to always show or false to always hide"
+              "docs": ""
             }
           ],
-          "docs": "Toggle popover display",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "target A focusable element inside the <post-popover-trigger> component that controls the popover"
-            },
-            {
-              "name": "param",
-              "text": "force Pass true to always show or false to always hide"
-            }
-          ]
+          "docs": "Toggle popover display,\n`target` is the HTML element the menu is anchored to.",
+          "docsTags": []
         }
       ],
       "events": [],
@@ -5211,7 +4906,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "A focusable element inside the trigger component that controls the popover"
+                "docs": "The element that invokes the popover and to which it is visually anchored."
               }
             ],
             "references": {
@@ -5231,14 +4926,14 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "A focusable element inside the trigger component that controls the popover"
+              "docs": "The element that invokes the popover and to which it is visually anchored."
             }
           ],
           "docs": "Programmatically display the popovercontainer",
           "docsTags": [
             {
               "name": "param",
-              "text": "target A focusable element inside the trigger component that controls the popover"
+              "text": "target The element that invokes the popover and to which it is visually anchored."
             }
           ]
         },
@@ -5254,7 +4949,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
+                "docs": "The element that invokes the popover and to which it is visually anchored."
               },
               {
                 "name": "force",
@@ -5279,7 +4974,7 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
+              "docs": "The element that invokes the popover and to which it is visually anchored."
             },
             {
               "name": "force",
@@ -5291,7 +4986,7 @@
           "docsTags": [
             {
               "name": "param",
-              "text": "target A focusable element inside the <post-popover-trigger> component that controls the popover"
+              "text": "target The element that invokes the popover and to which it is visually anchored."
             },
             {
               "name": "param",
@@ -5686,49 +5381,312 @@
       }
     },
     {
-      "filePath": "src/components/post-stepper/post-stepper.tsx",
+      "filePath": "src/components/post-side-navigation/post-side-navigation.tsx",
       "encapsulation": "shadow",
-      "tag": "post-stepper",
-      "readme": "# post-stepper\n",
+      "tag": "post-side-navigation",
+      "readme": "# post-side-navigation\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for the navigation content (must be a `<nav>` landmark with proper heading)"
+        }
+      ],
       "usage": {},
       "props": [
         {
-          "name": "currentIndex",
-          "type": "number",
+          "name": "size",
+          "type": "\"large\" | \"small\"",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
+            "original": "SideNavigationSize",
+            "resolved": "\"large\" | \"small\"",
+            "references": {
+              "SideNavigationSize": {
+                "location": "import",
+                "path": "./side-navigation-styles",
+                "id": "src/components/post-side-navigation/side-navigation-styles.ts::SideNavigationSize",
+                "referenceLocation": "SideNavigationSize"
+              }
+            }
           },
           "mutable": false,
-          "attr": "current-index",
+          "attr": "size",
           "reflectToAttr": false,
-          "docs": "Defines the current step, which is the next step the user has to complete.",
+          "docs": "Controls the size of the navigation items.\nChoose \"small\" for deep and long navigation, and \"large\" (default) for a flat and short navigation.",
           "docsTags": [
             {
               "name": "default",
-              "text": "-1"
+              "text": "'large'"
             }
           ],
-          "default": "-1",
+          "default": "'large'",
           "values": [
             {
-              "type": "number"
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "selectedIndex",
-          "type": "number",
+          "name": "textClose",
+          "type": "string",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "text-close",
+          "reflectToAttr": true,
+          "docs": "Accessible label for the close button shown in the mobile navigation dialog.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": 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": "Closes the navigation programmatically.\nNo-op on desktop.",
+          "docsTags": []
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show() => Promise<void>",
+          "parameters": [],
+          "docs": "Opens the navigation programmatically.\nNo-op on desktop.",
+          "docsTags": []
+        },
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggle() => Promise<void>",
+          "parameters": [],
+          "docs": "Toggles the navigation programmatically.\nNo-op on desktop.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postToggle",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "An event emitted when the navigation is shown or hidden on mobile.\nThe payload is a boolean: `true` when the navigation opens, `false` when it closes.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for the navigation content (must be a `<nav>` landmark with proper heading)"
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "post-closebutton"
+      ],
+      "dependencyGraph": {
+        "post-side-navigation": [
+          "post-closebutton"
+        ],
+        "post-closebutton": [
+          "post-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-side-navigation-trigger/post-side-navigation-trigger.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-side-navigation-trigger",
+      "readme": "# post-side-navigation-trigger\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for the `<button>` that toggles the navigation."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "for",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "for",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "update",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "update() => Promise<void>",
+          "parameters": [],
+          "docs": "Manually update the trigger's ARIA attributes.",
+          "docsTags": []
+        }
+      ],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for the `<button>` that toggles the navigation."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-stepper/post-stepper.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-stepper",
+      "readme": "# post-stepper\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "currentIndex",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "current-index",
+          "reflectToAttr": false,
+          "docs": "Defines the current step, which is the next step the user has to complete.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "-1"
+            }
+          ],
+          "default": "-1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selectedIndex",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
@@ -5856,11 +5814,40 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "default - Slot for the content of the tab item. Can contain text or an <a> element for navigation mode."
+          "text": "default - Slot for the content of the tab item. Can contain text or an <a> element for Page Tabs variant."
         }
       ],
       "usage": {},
       "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Whether the tab item is disabled.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -5892,7 +5879,7 @@
       "slots": [
         {
           "name": "default",
-          "docs": "Slot for the content of the tab item. Can contain text or an <a> element for navigation mode."
+          "docs": "Slot for the content of the tab item. Can contain text or an <a> element for Page Tabs variant."
         }
       ],
       "parts": [],
@@ -5976,7 +5963,7 @@
         },
         {
           "name": "part",
-          "text": "post-tabs-content - The container element that displays the content of the currently active tab. Only available in panels mode."
+          "text": "post-tabs-content - The container element that displays the content of the currently active tab. Only available in Content variant."
         }
       ],
       "usage": {},
@@ -5991,8 +5978,8 @@
           },
           "mutable": false,
           "attr": "active-tab",
-          "reflectToAttr": false,
-          "docs": "The name of the tab in the panel mode that is initially active.\nChanging this value after initialization has no effect.\nIf not specified, defaults to the first tab.",
+          "reflectToAttr": true,
+          "docs": "The name of the tab in the Content Tabs variant that is initially active.\nChanging this value after initialization has no effect.\nIf not specified, defaults to the first tab.",
           "docsTags": [],
           "values": [
             {
@@ -6005,27 +5992,55 @@
           "setter": false
         },
         {
-          "name": "fullWidth",
-          "type": "boolean",
+          "name": "label",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "full-width",
+          "attr": "label",
+          "reflectToAttr": true,
+          "docs": "An accessible label for the Pages Tabs variant",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"large\" | \"small\"",
+          "complexType": {
+            "original": "'small' | 'large'",
+            "resolved": "\"large\" | \"small\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
           "reflectToAttr": true,
-          "docs": "When set to true, this property allows the tabs container to span the\nChanging this value after initialization has no effect.\nfull width of the screen, from edge to edge.",
+          "docs": "The size of the tabs, corresponding to the different designs in Figma.\nDefault is 'large'.",
           "docsTags": [
             {
               "name": "default",
-              "text": "false"
+              "text": "'large'"
             }
           ],
-          "default": "false",
+          "default": "'large'",
           "values": [
             {
-              "type": "boolean"
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -6034,7 +6049,7 @@
           "setter": false
         },
         {
-          "name": "label",
+          "name": "textNextTabItems",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -6042,16 +6057,51 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "text-next-tab-items",
           "reflectToAttr": true,
-          "docs": "The accessible label for the tabs component in navigation mode.",
-          "docsTags": [],
+          "docs": "An accessible label for the \"next tab items\" button.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Next tab items'"
+            }
+          ],
+          "default": "'Next tab items'",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "textPrevTabItems",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "text-prev-tab-items",
+          "reflectToAttr": true,
+          "docs": "An accessible label for the \"previous tab items\" button.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Previous tab items'"
+            }
+          ],
+          "default": "'Previous tab items'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -6109,7 +6159,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.\nThe payload is the name of the newly active tab.\nOnly emitted in panel mode.",
+          "docs": "An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.\nThe payload is the name of the newly active tab.\nOnly emitted in Content Tabs variant.",
           "docsTags": []
         }
       ],
@@ -6132,13 +6182,19 @@
         },
         {
           "name": "post-tabs-content",
-          "docs": "The container element that displays the content of the currently active tab. Only available in panels mode."
+          "docs": "The container element that displays the content of the currently active tab. Only available in Content variant."
         }
       ],
       "states": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-tabs": [
+          "post-icon"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-togglebutton/post-togglebutton.tsx",
@@ -6390,7 +6446,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element where the tooltip should be shown"
+                "docs": ""
               }
             ],
             "references": {
@@ -6410,16 +6466,11 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element where the tooltip should be shown"
+              "docs": ""
             }
           ],
-          "docs": "Programmatically display the tooltip.",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "target An element where the tooltip should be shown"
-            }
-          ]
+          "docs": "Programmatically display the tooltip,\n`target` is the HTML element the menu is anchored to.",
+          "docsTags": []
         },
         {
           "name": "toggle",
@@ -6433,12 +6484,12 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element where the tooltip should be shown"
+                "docs": ""
               },
               {
                 "name": "force",
                 "type": "boolean",
-                "docs": "Pass true to always show or false to always hide"
+                "docs": ""
               }
             ],
             "references": {
@@ -6458,25 +6509,16 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element where the tooltip should be shown"
+              "docs": ""
             },
             {
               "name": "force",
               "type": "boolean",
-              "docs": "Pass true to always show or false to always hide"
+              "docs": ""
             }
           ],
-          "docs": "Toggle tooltip display.",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "target An element where the tooltip should be shown"
-            },
-            {
-              "name": "param",
-              "text": "force Pass true to always show or false to always hide"
-            }
-          ]
+          "docs": "Toggle tooltip display,\n`target` is the HTML element the menu is anchored to.",
+          "docsTags": []
         }
       ],
       "events": [],
@@ -6580,11 +6622,6 @@
     }
   ],
   "typeLibrary": {
-    "src/components/post-date-picker/post-date-picker.tsx::AirDatepickerCustomOptions": {
-      "declaration": "export interface AirDatepickerCustomOptions extends AirDatepickerOptions<HTMLDivElement> {\n  onShow?: (isAnimationComplete: boolean) => void;\n  onRenderCell?: (data: {\n    date: Date;\n    cellType: AirDatepickerViewsSingle;\n    datepicker: AirDatepicker<HTMLDivElement>;\n  }) => void;\n}",
-      "docstring": "",
-      "path": "src/components/post-date-picker/post-date-picker.tsx"
-    },
     "src/types/index.ts::HeadingLevel": {
       "declaration": "any",
       "docstring": "",
@@ -6601,7 +6638,7 @@
       "path": "src/components/post-breadcrumb-item/variants.ts"
     },
     "src/components/post-closebutton/types.ts::ButtonType": {
-      "declaration": "\"button\" | \"submit\" | \"reset\"",
+      "declaration": "\"button\" | \"reset\"",
       "docstring": "",
       "path": "src/components/post-closebutton/types.ts"
     },
@@ -6621,7 +6658,7 @@
       "path": "src/types/icon-animations.ts"
     },
     "src/components/post-language-menu/switch-variants.ts::SwitchVariant": {
-      "declaration": "\"menu\" | \"list\"",
+      "declaration": "\"list\" | \"menu\"",
       "docstring": "",
       "path": "src/components/post-language-menu/switch-variants.ts"
     },
@@ -6629,6 +6666,11 @@
       "declaration": "any",
       "docstring": "",
       "path": "../../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.mts"
+    },
+    "src/components/post-side-navigation/side-navigation-styles.ts::SideNavigationSize": {
+      "declaration": "\"small\" | \"large\"",
+      "docstring": "",
+      "path": "src/components/post-side-navigation/side-navigation-styles.ts"
     }
   }
 }