diff --git a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx
index 3a1768fb64..723f39887f 100644
--- a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx
+++ b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx
@@ -16,7 +16,6 @@ export const editableHeadingTemplate = createComponentTemplate(EditableHeading);
# EditableHeading
- [Overview](#overview)
-- [Import](#import)
- [Props](#props)
- [Usage](#usage)
- [Variants](#variants)
diff --git a/packages/core/src/components/Heading/__stories__/Heading.mdx b/packages/core/src/components/Heading/__stories__/Heading.mdx
index a98c9d90df..0b0403b0a9 100644
--- a/packages/core/src/components/Heading/__stories__/Heading.mdx
+++ b/packages/core/src/components/Heading/__stories__/Heading.mdx
@@ -13,7 +13,6 @@ import { TipEditableHeading } from "./Heading.stories.helpers";
# Heading
- [Overview](#overview)
-- [Import](#import)
- [Props](#props)
- [Usage](#usage)
- [Variants](#variants)
diff --git a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx
index 98f94c23dc..0ef5cc9a9d 100644
--- a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx
+++ b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx
@@ -17,7 +17,6 @@ import * as ModalStories from "./LegacyModal.stories";
- [Overview](#overview)
-- [Import](#import)
- [Props](#props)
- [Usage](#usage)
- [Variants](#variants)
diff --git a/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx b/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx
index 3b8a2ab391..86aa71f157 100644
--- a/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx
+++ b/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx
@@ -37,6 +37,26 @@ import {
We have 3 different modal component, each one provide a different layout for a different use case:
+### Import
+
+All the Modal-related components can be imported from `@vibe/core/next`.
+
+Notice not to import components directly from the `@vibe/core` package, as they are deprecated.
+
+```ts
+import {
+ Modal,
+ ModalHeader,
+ ModalContent,
+ ModalMedia,
+ ModalFooter,
+ ModalFooterWizard,
+ ModalBasicLayout,
+ ModalSideBySideLayout,
+ ModalMediaLayout
+} from "@vibe/core/next";
+```
+
### Basic modal
The Basic Modal is intended for straightforward tasks, like selecting items or gathering basic information. Basic Modals help users focus on a single task without distractions. These modals do not support images or videos.
diff --git a/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx
index c7ddf6be76..866e6b3da7 100644
--- a/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx
+++ b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx
@@ -30,6 +30,16 @@ The Basic Modal is intended for straightforward tasks, like selecting items or g
+### Import
+
+All the Basic Modal layout components can be imported from `@vibe/core/next`.
+
+Notice not to import components directly from the `@vibe/core` package, as they are deprecated.
+
+```ts
+import { Modal, ModalHeader, ModalContent, ModalFooter, ModalFooterWizard, ModalBasicLayout } from "@vibe/core/next";
+```
+
## Props
diff --git a/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx
index b60174980b..4e93579af9 100644
--- a/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx
+++ b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx
@@ -29,6 +29,16 @@ The Media Modal includes a highlighted media section, followed by a textual cont
+### Import
+
+All the Media Modal layout components can be imported from `@vibe/core/next`.
+
+Notice not to import components directly from the `@vibe/core` package, as they are deprecated.
+
+```ts
+import { Modal, ModalHeader, ModalContent, ModalMedia, ModalFooter, ModalFooterWizard, ModalMediaLayout } from "@vibe/core/next";
+```
+
## Props
diff --git a/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx
index 92ded1b9f9..cc45ca0dda 100644
--- a/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx
+++ b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx
@@ -32,6 +32,16 @@ The Side-by-side Modal offers a layout with two distinct sections. The left side
+### Import
+
+All the Side-by-side Modal layout components can be imported from `@vibe/core/next`.
+
+Notice not to import components directly from the `@vibe/core` package, as they are deprecated.
+
+```ts
+import { Modal, ModalHeader, ModalContent, ModalMedia, ModalFooter, ModalFooterWizard, ModalSideBySideLayout } from "@vibe/core/next";
+```
+
## Props