diff --git a/packages/components/src/components/post-alert/readme.md b/packages/components/src/components/post-alert/readme.md
deleted file mode 100644
index 68878cbca9..0000000000
--- a/packages/components/src/components/post-alert/readme.md
+++ /dev/null
@@ -1,63 +0,0 @@
-# post-alert
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property       | Attribute       | Description                                                                                                         | Type                                                                  | Default     |
-| -------------- | --------------- | ------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- | ----------- |
-| `dismissLabel` | `dismiss-label` | The label to use for the close button of a dismissible alert.                                                       | `string`                                                              | `undefined` |
-| `dismissible`  | `dismissible`   | If `true`, a close button (×) is displayed and the alert can be dismissed by the user.                              | `boolean`                                                             | `false`     |
-| `fixed`        | `fixed`         | If `true`, the alert is positioned at the bottom of the window, from edge to edge.                                  | `boolean`                                                             | `false`     |
-| `icon`         | `icon`          | The icon to display in the alert. By default, the icon depends on the alert type.  If `none`, no icon is displayed. | `string`                                                              | `undefined` |
-| `type`         | `type`          | The type of the alert.                                                                                              | `"danger" \| "gray" \| "info" \| "primary" \| "success" \| "warning"` | `'primary'` |
-
-
-## Events
-
-| Event           | Description                                                                                                                             | Type                |
-| --------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ------------------- |
-| `postDismissed` | An event emitted when the alert element is dismissed, after the transition. It has no payload and only relevant for dismissible alerts. | `CustomEvent<void>` |
-
-
-## Methods
-
-### `dismiss() => Promise<void>`
-
-Triggers alert dismissal programmatically (same as clicking on the close button (×)).
-
-#### Returns
-
-Type: `Promise<void>`
-
-
-
-
-## Slots
-
-| Slot        | Description                                                              |
-| ----------- | ------------------------------------------------------------------------ |
-| `"actions"` | Slot for placing custom actions (buttons, links, etc.) within the alert. |
-| `"default"` | Slot for placing the main content/message of the alert.                  |
-| `"heading"` | Slot for placing custom content within the alert's heading.              |
-
-
-## Dependencies
-
-### Depends on
-
-- [post-icon](../post-icon)
-
-### Graph
-```mermaid
-graph TD;
-  post-alert --> post-icon
-  style post-alert fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/components/src/components/post-list-item/post-list-item.tsx b/packages/components/src/components/post-list-item/post-list-item.tsx
index 14707488ae..e72449fbd3 100644
--- a/packages/components/src/components/post-list-item/post-list-item.tsx
+++ b/packages/components/src/components/post-list-item/post-list-item.tsx
@@ -1,4 +1,5 @@
 import { Component, Element, Host, h } from '@stencil/core';
+import { version } from '@root/package.json';
 
 /**
  * @slot default- Slot for placing the content of the list item.
@@ -18,7 +19,7 @@ export class PostListItem {
 
   render() {
     return (
-      <Host role="listitem" slot="post-list-item">
+      <Host role="listitem" slot="post-list-item" version={version}>
         <slot></slot>
       </Host>
     );
diff --git a/packages/components/src/components/post-mainnavigation/post-mainnavigation.tsx b/packages/components/src/components/post-mainnavigation/post-mainnavigation.tsx
index 76877a1def..61420ce517 100644
--- a/packages/components/src/components/post-mainnavigation/post-mainnavigation.tsx
+++ b/packages/components/src/components/post-mainnavigation/post-mainnavigation.tsx
@@ -1,4 +1,5 @@
 import { Component, Host, h, Element, State, Watch, Listen } from '@stencil/core';
+import { version } from '@root/package.json';
 
 const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
 const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
@@ -297,7 +298,7 @@ export class PostMainnavigation {
 
   render() {
     return (
-      <Host slot="post-mainnavigation">
+      <Host slot="post-mainnavigation" version={version}>
         <div onClick={() => this.handleBackButtonClick()} class="back-button">
           <slot name="back-button"></slot>
         </div>
diff --git a/packages/components/src/components/post-megadropdown/post-megadropdown.tsx b/packages/components/src/components/post-megadropdown/post-megadropdown.tsx
index 1d9f7fa6ea..49c9937e73 100644
--- a/packages/components/src/components/post-megadropdown/post-megadropdown.tsx
+++ b/packages/components/src/components/post-megadropdown/post-megadropdown.tsx
@@ -1,5 +1,6 @@
 import { getFocusableChildren } from '@/utils/get-focusable-children';
 import { Component, Element, Event, EventEmitter, h, Host, Method, State } from '@stencil/core';
+import { version } from '@root/package.json';
 import { breakpoint } from '../../utils/breakpoints';
 
 @Component({
@@ -204,7 +205,7 @@ export class PostMegadropdown {
     const containerStyle = this.isVisible ? {} : { display: 'none' };
 
     return (
-      <Host>
+      <Host version={version}>
         <div
           class={`megadropdown-container ${this.animationClass || ''}`}
           style={containerStyle}