From 8a52627847f370cf1a799b53c925a648efe30b45 Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Wed, 15 May 2024 16:38:02 +1000
Subject: [PATCH] feat(@dpc-sdp/ripple-sdp-core): :sparkles: combine tide
 layers into sdp-core

---
 .vscode/settings.json                         |   3 +-
 examples/nuxt-app/nuxt.config.ts              |  15 +-
 examples/nuxt-app/package.json                |  12 +-
 .../init/_templates/layer/latest/nvmrc.t      |   2 +-
 .../_templates/layer/latest/package.json.t    |  11 +-
 .../layer/latest/playground/nuxt.config.ts.t  |  11 +-
 .../_templates/site/latest/app.config.ts.t    |   3 +-
 .../_templates/site/latest/nuxt.config.ts.t   |  11 +-
 .../init/_templates/site/latest/nvmrc.t       |   2 +-
 .../_templates/site/latest/package.json.t     |  15 +-
 .../nuxt-ripple/components/TideBaseLayout.vue |   3 +-
 .../nuxt-ripple/components/TideHeroHeader.vue |  21 +-
 .../components/TideSidebarContactUs.vue       |   2 +-
 .../components/TideSidebarRelatedLinks.vue    |   2 +-
 packages/ripple-sdp-core/CHANGELOG.md         |   0
 packages/ripple-sdp-core/LICENSE              | 201 ++++++++++++++++++
 packages/ripple-sdp-core/README.md            |  24 +++
 .../components/TideAlerts.vue                 |   5 +-
 .../components/TideBreadcrumbs.vue            |   3 +-
 .../components/TideContentPage.vue            |   7 +-
 .../components/TideContentRating.vue          |   6 +-
 .../components/TideLoadingIndicator.vue       |   7 +-
 .../components/TideSidebarSiteSectionNav.vue  |   2 +-
 .../components/TideSidebarSocialShare.vue     |   4 +-
 .../components/TideUpdatedDate.vue            |   2 +-
 packages/ripple-sdp-core/nuxt.config.ts       |  17 ++
 packages/ripple-sdp-core/package.json         |  28 +++
 packages/ripple-sdp-core/tsconfig.json        |   3 +
 packages/ripple-sdp-core/types.ts             |  49 +++++
 packages/ripple-ui-core/src/index.ts          |   2 +
 pnpm-lock.yaml                                |  96 +++++----
 tsconfig.json                                 |   3 +
 32 files changed, 430 insertions(+), 142 deletions(-)
 create mode 100644 packages/ripple-sdp-core/CHANGELOG.md
 create mode 100644 packages/ripple-sdp-core/LICENSE
 create mode 100644 packages/ripple-sdp-core/README.md
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideAlerts.vue (92%)
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideBreadcrumbs.vue (90%)
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideContentPage.vue (90%)
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideContentRating.vue (95%)
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideLoadingIndicator.vue (90%)
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideSidebarSiteSectionNav.vue (95%)
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideSidebarSocialShare.vue (95%)
 rename packages/{nuxt-ripple => ripple-sdp-core}/components/TideUpdatedDate.vue (93%)
 create mode 100644 packages/ripple-sdp-core/nuxt.config.ts
 create mode 100644 packages/ripple-sdp-core/package.json
 create mode 100644 packages/ripple-sdp-core/tsconfig.json
 create mode 100644 packages/ripple-sdp-core/types.ts

diff --git a/.vscode/settings.json b/.vscode/settings.json
index c04dcdc5e4..f7fe483b52 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -31,7 +31,8 @@
     "eslint-config-ripple",
     "@dpc-sdp/ripple-ui-maps",
     "@dpc-sdp/ripple-tide-webform",
-    "ripple-storybook"
+    "ripple-storybook",
+    "@dpc-sdp/ripple-sdp-core"
   ],
   "cSpell.words": [
     "colour",
diff --git a/examples/nuxt-app/nuxt.config.ts b/examples/nuxt-app/nuxt.config.ts
index 16c703c7e2..482a02fed9 100644
--- a/examples/nuxt-app/nuxt.config.ts
+++ b/examples/nuxt-app/nuxt.config.ts
@@ -15,20 +15,7 @@ export default defineNuxtConfig({
     }
   },
   // See https://nuxt.com/docs/getting-started/layers - each content type is a added as a Nuxt layer
-  extends: [
-    '@dpc-sdp/nuxt-ripple',
-    '@dpc-sdp/nuxt-ripple-analytics',
-    '@dpc-sdp/nuxt-ripple-preview',
-    '@dpc-sdp/ripple-tide-event',
-    '@dpc-sdp/ripple-tide-topic',
-    '@dpc-sdp/ripple-tide-landing-page',
-    '@dpc-sdp/ripple-tide-grant',
-    '@dpc-sdp/ripple-tide-publication',
-    '@dpc-sdp/ripple-tide-media',
-    '@dpc-sdp/ripple-tide-news',
-    '@dpc-sdp/ripple-tide-search',
-    '@dpc-sdp/ripple-tide-webform'
-  ],
+  extends: ['@dpc-sdp/nuxt-ripple', '@dpc-sdp/ripple-sdp-core'],
   // Nuxt devtools
   sourcemap: true,
   devtools: {
diff --git a/examples/nuxt-app/package.json b/examples/nuxt-app/package.json
index 800b382e96..550b00de09 100644
--- a/examples/nuxt-app/package.json
+++ b/examples/nuxt-app/package.json
@@ -22,18 +22,8 @@
   },
   "dependencies": {
     "@dpc-sdp/nuxt-ripple": "workspace:*",
-    "@dpc-sdp/nuxt-ripple-analytics": "workspace:*",
     "@dpc-sdp/nuxt-ripple-cli": "workspace:*",
-    "@dpc-sdp/nuxt-ripple-preview": "workspace:*",
-    "@dpc-sdp/ripple-tide-event": "workspace:*",
-    "@dpc-sdp/ripple-tide-grant": "workspace:*",
-    "@dpc-sdp/ripple-tide-landing-page": "workspace:*",
-    "@dpc-sdp/ripple-tide-media": "workspace:*",
-    "@dpc-sdp/ripple-tide-news": "workspace:*",
-    "@dpc-sdp/ripple-tide-publication": "workspace:*",
-    "@dpc-sdp/ripple-tide-search": "workspace:*",
-    "@dpc-sdp/ripple-tide-topic": "workspace:*",
-    "@dpc-sdp/ripple-tide-webform": "workspace:*",
+    "@dpc-sdp/ripple-sdp-core": "workspace:*",
     "@dpc-sdp/ripple-ui-maps": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/nvmrc.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/nvmrc.t
index 1a9be571da..707571c832 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/nvmrc.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/nvmrc.t
@@ -1,4 +1,4 @@
 ---
 to: .nvmrc
 ---
-lts/hydrogen
+lts/iron
diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/package.json.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/package.json.t
index e0f4c5eff2..82233e3c0e 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/package.json.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/package.json.t
@@ -33,18 +33,9 @@ to: package.json
     "@babel/preset-typescript": "^7.21.5",
     "@dpc-sdp/eslint-config-ripple": "<%= rplVersion %>",
     "@dpc-sdp/nuxt-ripple": "<%= rplVersion %>",
-    "@dpc-sdp/nuxt-ripple-analytics": "<%= rplVersion %>",
-    "@dpc-sdp/nuxt-ripple-preview": "<%= rplVersion %>",
+    "@dpc-sdp/ripple-sdp-core": "<%= rplVersion %>",
     "@dpc-sdp/ripple-test-utils": "<%= rplVersion %>",
     "@dpc-sdp/ripple-tide-api": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-event": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-topic": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-grant": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-landing-page": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-media": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-news": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-publication": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-search": "<%= rplVersion %>",
     "cypress": "^13.6.6",
     "eslint": "^8.28.0",
     "jest-environment-jsdom": "^29.5.0",
diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/playground/nuxt.config.ts.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/playground/nuxt.config.ts.t
index 77ead54f3e..fd474b5a92 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/playground/nuxt.config.ts.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/playground/nuxt.config.ts.t
@@ -21,16 +21,7 @@ export default defineNuxtConfig({
   // See https://nuxt.com/docs/getting-started/layers - each content type is added as a Nuxt layer
   extends: [
     '@dpc-sdp/nuxt-ripple',
-    '@dpc-sdp/nuxt-ripple-analytics',
-    '@dpc-sdp/nuxt-ripple-preview',
-    '@dpc-sdp/ripple-tide-event',
-    '@dpc-sdp/ripple-tide-topic',
-    '@dpc-sdp/ripple-tide-landing-page',
-    '@dpc-sdp/ripple-tide-grant',
-    '@dpc-sdp/ripple-tide-publication',
-    '@dpc-sdp/ripple-tide-media',
-    '@dpc-sdp/ripple-tide-news',
-    '@dpc-sdp/ripple-tide-search',
+    '@dpc-sdp/ripple-sdp-core',
     '..'
   ]
 })
diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/app.config.ts.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/app.config.ts.t
index 0099f1c762..8f4cbfceed 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/app.config.ts.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/app.config.ts.t
@@ -2,6 +2,7 @@
 to: app.config.ts
 ---
 import pkg from './package.json'
+import { getDpcPkgs } from '@dpc-sdp/ripple-tide-api/utils'
 import { defineAppConfig } from '#imports'
 
 export default defineAppConfig({
@@ -10,7 +11,7 @@ export default defineAppConfig({
     version: pkg.version
   },
   ripple: {
-    version: pkg.dependencies['@dpc-sdp/nuxt-ripple'],
+    packages: getDpcPkgs({ ...pkg.dependencies, ...pkg.devDependencies }),
     featureFlags: {
       contentCollectionSearchConnector: 'elasticsearch'
     },
diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nuxt.config.ts.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nuxt.config.ts.t
index 6a343aa425..346c342add 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nuxt.config.ts.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nuxt.config.ts.t
@@ -6,16 +6,7 @@ export default defineNuxtConfig({
   extends: [
     // Core layers
     '@dpc-sdp/nuxt-ripple',
-    '@dpc-sdp/nuxt-ripple-analytics',
-    '@dpc-sdp/nuxt-ripple-preview',
-    '@dpc-sdp/ripple-tide-event',
-    '@dpc-sdp/ripple-tide-topic',
-    '@dpc-sdp/ripple-tide-landing-page',
-    '@dpc-sdp/ripple-tide-grant',
-    '@dpc-sdp/ripple-tide-publication',
-    '@dpc-sdp/ripple-tide-media',
-    '@dpc-sdp/ripple-tide-news',
-    '@dpc-sdp/ripple-tide-search'
+    '@dpc-sdp/ripple-sdp-core'
     // Custom layers
   ]
 })
diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nvmrc.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nvmrc.t
index 1a9be571da..707571c832 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nvmrc.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/nvmrc.t
@@ -1,4 +1,4 @@
 ---
 to: .nvmrc
 ---
-lts/hydrogen
+lts/iron
diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/package.json.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/package.json.t
index b91d338b4c..575a3c5076 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/package.json.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/site/latest/package.json.t
@@ -16,16 +16,7 @@ to: package.json
   },
   "dependencies": {
     "@dpc-sdp/nuxt-ripple": "<%= rplVersion %>",
-    "@dpc-sdp/nuxt-ripple-analytics": "<%= rplVersion %>",
-    "@dpc-sdp/nuxt-ripple-preview": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-event": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-grant": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-landing-page": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-media": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-news": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-publication": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-search": "<%= rplVersion %>",
-    "@dpc-sdp/ripple-tide-topic": "<%= rplVersion %>"
+    "@dpc-sdp/ripple-sdp-core": "<%= rplVersion %>"
   },
   "devDependencies": {
     "@dpc-sdp/eslint-config-ripple": "<%= rplVersion %>",
@@ -33,7 +24,7 @@ to: package.json
     "eslint": "^8.28.0"
   },
   "engines": {
-    "node": "^16.17.0 || ^18.12.1",
-    "npm": "^9.5.1"
+    "node": "^18.15.0 || ^20.9.0",
+    "npm": "^10.2.4"
   }
 }
diff --git a/packages/nuxt-ripple/components/TideBaseLayout.vue b/packages/nuxt-ripple/components/TideBaseLayout.vue
index 127e820deb..aaf3ad5d0d 100644
--- a/packages/nuxt-ripple/components/TideBaseLayout.vue
+++ b/packages/nuxt-ripple/components/TideBaseLayout.vue
@@ -97,8 +97,7 @@
 
 <script setup lang="ts">
 // @ts-ignore
-import { useRoute, useNuxtApp, useTideLanguage } from '#imports'
-import { computed, onMounted, provide } from 'vue'
+import { computed, onMounted, provide, useRoute, useNuxtApp, useTideLanguage } from '#imports'
 import { TideSiteData } from '../types'
 import { TideTopicTag } from '../mapping/base/topic-tags/topic-tags-mapping'
 import { TideSiteSection } from '@dpc-sdp/ripple-tide-api/types'
diff --git a/packages/nuxt-ripple/components/TideHeroHeader.vue b/packages/nuxt-ripple/components/TideHeroHeader.vue
index 1bb0d01cf5..ec0443b41e 100644
--- a/packages/nuxt-ripple/components/TideHeroHeader.vue
+++ b/packages/nuxt-ripple/components/TideHeroHeader.vue
@@ -1,8 +1,11 @@
 <script setup lang="ts">
-import { computed, inject } from 'vue'
+import { computed, inject } from '#imports'
 import { TideHeroHeader } from '../types'
-import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
-import { TideImageField } from '@dpc-sdp/ripple-tide-api/types'
+import {
+  TideImageField,
+  type IRplFeatureFlags
+} from '@dpc-sdp/ripple-tide-api/types'
+import type { IRplImageType } from '@dpc-sdp/ripple-ui-core'
 
 interface Props {
   header: TideHeroHeader
@@ -16,8 +19,8 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   behindNav: true,
   hideBottomCornerGraphic: false,
-  cornerTop: null,
-  cornerBottom: null
+  cornerTop: undefined,
+  cornerBottom: undefined
 })
 
 const { direction, language } = inject('language')
@@ -83,16 +86,16 @@ const headerTheme = computed(() => {
 <template>
   <RplHeroHeader
     :title="header.title"
-    :links="headerLinks"
+    :links="headerLinks || undefined"
     :theme="headerTheme"
-    :logo="header?.logoImage"
+    :logo="header?.logoImage as IRplImageType"
     :behindNav="behindNav"
     :breadcrumbs="hasBreadcrumbs"
     :cornerTop="cornerTop"
     :cornerBottom="cornerBottom"
-    :background="header?.backgroundImage"
+    :background="header?.backgroundImage as IRplImageType"
     :primaryAction="header?.primaryAction"
-    :secondaryAction="secondaryAction"
+    :secondaryAction="secondaryAction || undefined"
     :class="{ [`${language}`]: language }"
     :dir="direction"
   >
diff --git a/packages/nuxt-ripple/components/TideSidebarContactUs.vue b/packages/nuxt-ripple/components/TideSidebarContactUs.vue
index 3e38d07e0e..cc4b28c13f 100644
--- a/packages/nuxt-ripple/components/TideSidebarContactUs.vue
+++ b/packages/nuxt-ripple/components/TideSidebarContactUs.vue
@@ -17,7 +17,7 @@ import { computed } from 'vue'
 import {
   TideAddress,
   TideContact
-} from '../../../mapping/sidebar-contacts/sidebar-contacts-mapping-types'
+} from '../mapping/base/sidebar-contacts/sidebar-contacts-mapping-types'
 
 interface Props {
   contacts: TideContact[]
diff --git a/packages/nuxt-ripple/components/TideSidebarRelatedLinks.vue b/packages/nuxt-ripple/components/TideSidebarRelatedLinks.vue
index 6884682acf..073fdffe22 100644
--- a/packages/nuxt-ripple/components/TideSidebarRelatedLinks.vue
+++ b/packages/nuxt-ripple/components/TideSidebarRelatedLinks.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 import { computed } from '#imports'
-import { TideLink } from '../../../../types'
+import { TideLink } from '../types'
 
 interface Props {
   title: string
diff --git a/packages/ripple-sdp-core/CHANGELOG.md b/packages/ripple-sdp-core/CHANGELOG.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/ripple-sdp-core/LICENSE b/packages/ripple-sdp-core/LICENSE
new file mode 100644
index 0000000000..6b97259524
--- /dev/null
+++ b/packages/ripple-sdp-core/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+Copyright 2018 Software Freedom Conservancy (SFC)
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/ripple-sdp-core/README.md b/packages/ripple-sdp-core/README.md
new file mode 100644
index 0000000000..f425e8cacf
--- /dev/null
+++ b/packages/ripple-sdp-core/README.md
@@ -0,0 +1,24 @@
+# Ripple Tide Webform
+
+> Ripple mappings and templates for the Tide webforms.
+
+## Installation
+
+To use this package in your Nuxt project first install it with `npm`.
+
+```bash
+npm install @dpc-sdp/ripple-tide-webform
+```
+
+## Usage
+
+Add the installed package in your sites `nuxt.config.js` file under the extends property, this includes the package as a [Nuxt Layer](https://nuxt.com/docs/getting-started/layers).
+This will add an API request endpoint for back end webform schemas, and front end support for form submissions.
+
+```js
+export default defineNuxtConfig({
+  extends: [
+    '@dpc-sdp/ripple-tide-webform'
+  ]
+})
+```
diff --git a/packages/nuxt-ripple/components/TideAlerts.vue b/packages/ripple-sdp-core/components/TideAlerts.vue
similarity index 92%
rename from packages/nuxt-ripple/components/TideAlerts.vue
rename to packages/ripple-sdp-core/components/TideAlerts.vue
index 23c17450ee..f25f863825 100644
--- a/packages/nuxt-ripple/components/TideAlerts.vue
+++ b/packages/ripple-sdp-core/components/TideAlerts.vue
@@ -20,9 +20,8 @@
 <script setup lang="ts">
 // @ts-ignore
 import { useMounted } from '@vueuse/core'
-import { useCookie } from '#imports'
-import { computed, ref, toRaw } from 'vue'
-import { TideAlert } from '@dpc-sdp/ripple-tide-api/src/mapping/alerts/site-alerts-mapping'
+import { computed, ref, toRaw, useCookie } from '#imports'
+import { TideAlert } from '@dpc-sdp/nuxt-ripple/mapping/site/alerts/site-alerts-mapping'
 
 interface Props {
   draftAlert?: boolean
diff --git a/packages/nuxt-ripple/components/TideBreadcrumbs.vue b/packages/ripple-sdp-core/components/TideBreadcrumbs.vue
similarity index 90%
rename from packages/nuxt-ripple/components/TideBreadcrumbs.vue
rename to packages/ripple-sdp-core/components/TideBreadcrumbs.vue
index 29425be05a..7685cbde30 100644
--- a/packages/nuxt-ripple/components/TideBreadcrumbs.vue
+++ b/packages/ripple-sdp-core/components/TideBreadcrumbs.vue
@@ -8,8 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, toRaw, unref } from 'vue'
-import { getBreadcrumbs } from '#imports'
+import { computed, toRaw, unref, getBreadcrumbs } from '#imports'
 
 interface IRplBreadcrumbsItem {
   text: string
diff --git a/packages/nuxt-ripple/components/TideContentPage.vue b/packages/ripple-sdp-core/components/TideContentPage.vue
similarity index 90%
rename from packages/nuxt-ripple/components/TideContentPage.vue
rename to packages/ripple-sdp-core/components/TideContentPage.vue
index 1059588bb0..899a14f51e 100644
--- a/packages/nuxt-ripple/components/TideContentPage.vue
+++ b/packages/ripple-sdp-core/components/TideContentPage.vue
@@ -40,8 +40,7 @@
 
 <script setup lang="ts">
 // @ts-ignore
-import { useTideSite, useTidePage } from '#imports'
-import { computed } from 'vue'
+import { computed, useTideSite, useTidePage } from '#imports'
 import { pascalCase, pascalCaseTransformMerge } from 'change-case'
 
 const site = await useTideSite()
@@ -50,6 +49,8 @@ const page = await useTidePage()
 const componentName = computed(
   () =>
     page &&
-    `Tide${pascalCase(page.type, { transform: pascalCaseTransformMerge })}`
+    `Tide${pascalCase(page.type as string, {
+      transform: pascalCaseTransformMerge
+    })}`
 )
 </script>
diff --git a/packages/nuxt-ripple/components/TideContentRating.vue b/packages/ripple-sdp-core/components/TideContentRating.vue
similarity index 95%
rename from packages/nuxt-ripple/components/TideContentRating.vue
rename to packages/ripple-sdp-core/components/TideContentRating.vue
index daa128b74c..091faa1731 100644
--- a/packages/nuxt-ripple/components/TideContentRating.vue
+++ b/packages/ripple-sdp-core/components/TideContentRating.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { onMounted, ref } from '#imports'
 
 interface Props {
   siteSectionName: string
@@ -65,7 +65,7 @@ onMounted(() => {
                   ]"
                 />
               </div>
-              <RplExpandable :expanded="!!value.was_this_page_helpful">
+              <RplExpandable :expanded="!!value!.was_this_page_helpful">
                 <div class="tide-content-rating__expanded">
                   <FormKit
                     id="comments"
@@ -88,7 +88,7 @@ onMounted(() => {
                     </p>
                   </RplContent>
                   <FormKit
-                    v-if="value.was_this_page_helpful"
+                    v-if="value!.was_this_page_helpful"
                     type="RplFormActions"
                   />
                 </div>
diff --git a/packages/nuxt-ripple/components/TideLoadingIndicator.vue b/packages/ripple-sdp-core/components/TideLoadingIndicator.vue
similarity index 90%
rename from packages/nuxt-ripple/components/TideLoadingIndicator.vue
rename to packages/ripple-sdp-core/components/TideLoadingIndicator.vue
index 30e3cb7290..14a098e733 100644
--- a/packages/nuxt-ripple/components/TideLoadingIndicator.vue
+++ b/packages/ripple-sdp-core/components/TideLoadingIndicator.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useRouter, useNuxtApp } from '#imports'
+import { computed, ref, useRouter, useNuxtApp } from '#imports'
 
 interface Props {
   delay?: number
@@ -19,8 +18,8 @@ const props = withDefaults(defineProps<Props>(), {
 const router = useRouter()
 const nuxtApp = useNuxtApp()
 const progress = ref(0)
-const timer = ref(null)
-const throttle = ref(null)
+const timer = ref<NodeJS.Timer>()
+const throttle = ref<NodeJS.Timer>()
 
 const start = () => {
   if (typeof window !== 'undefined') {
diff --git a/packages/nuxt-ripple/components/TideSidebarSiteSectionNav.vue b/packages/ripple-sdp-core/components/TideSidebarSiteSectionNav.vue
similarity index 95%
rename from packages/nuxt-ripple/components/TideSidebarSiteSectionNav.vue
rename to packages/ripple-sdp-core/components/TideSidebarSiteSectionNav.vue
index ec9852e732..b9af7513e0 100644
--- a/packages/nuxt-ripple/components/TideSidebarSiteSectionNav.vue
+++ b/packages/ripple-sdp-core/components/TideSidebarSiteSectionNav.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import { inject } from 'vue'
+import { inject } from '#imports'
 import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
 
 interface Props {
diff --git a/packages/nuxt-ripple/components/TideSidebarSocialShare.vue b/packages/ripple-sdp-core/components/TideSidebarSocialShare.vue
similarity index 95%
rename from packages/nuxt-ripple/components/TideSidebarSocialShare.vue
rename to packages/ripple-sdp-core/components/TideSidebarSocialShare.vue
index ae75749fc4..523657ab26 100644
--- a/packages/nuxt-ripple/components/TideSidebarSocialShare.vue
+++ b/packages/ripple-sdp-core/components/TideSidebarSocialShare.vue
@@ -4,12 +4,12 @@
     :pagetitle="pageTitle"
     :url="url"
     :networks="activeNetworks"
-    :email="email"
+    :email="email || undefined"
   />
 </template>
 
 <script setup lang="ts">
-import { inject } from 'vue'
+import { inject } from '#imports'
 import type {
   IRplFeatureFlags,
   TideSocialShare
diff --git a/packages/nuxt-ripple/components/TideUpdatedDate.vue b/packages/ripple-sdp-core/components/TideUpdatedDate.vue
similarity index 93%
rename from packages/nuxt-ripple/components/TideUpdatedDate.vue
rename to packages/ripple-sdp-core/components/TideUpdatedDate.vue
index 52ceee1ab9..d46c0e649e 100644
--- a/packages/nuxt-ripple/components/TideUpdatedDate.vue
+++ b/packages/ripple-sdp-core/components/TideUpdatedDate.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed } from '#imports'
 
 interface Props {
   date: string
diff --git a/packages/ripple-sdp-core/nuxt.config.ts b/packages/ripple-sdp-core/nuxt.config.ts
new file mode 100644
index 0000000000..a11effc05c
--- /dev/null
+++ b/packages/ripple-sdp-core/nuxt.config.ts
@@ -0,0 +1,17 @@
+import { defineNuxtConfig } from 'nuxt/config'
+
+export default defineNuxtConfig({
+  extends: [
+    '@dpc-sdp/nuxt-ripple-analytics',
+    '@dpc-sdp/nuxt-ripple-preview',
+    '@dpc-sdp/ripple-tide-event',
+    '@dpc-sdp/ripple-tide-topic',
+    '@dpc-sdp/ripple-tide-landing-page',
+    '@dpc-sdp/ripple-tide-grant',
+    '@dpc-sdp/ripple-tide-publication',
+    '@dpc-sdp/ripple-tide-media',
+    '@dpc-sdp/ripple-tide-news',
+    '@dpc-sdp/ripple-tide-search',
+    '@dpc-sdp/ripple-tide-webform'
+  ]
+})
diff --git a/packages/ripple-sdp-core/package.json b/packages/ripple-sdp-core/package.json
new file mode 100644
index 0000000000..bba1eb3924
--- /dev/null
+++ b/packages/ripple-sdp-core/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@dpc-sdp/ripple-sdp-core",
+  "description": "SDP core layers for use with Ripple",
+  "version": "2.8.2",
+  "license": "Apache-2.0",
+  "repository": "https://github.com/dpc-sdp/ripple-framework",
+  "main": "./nuxt.config.ts",
+  "exports": {
+    ".": "./nuxt.config.ts"
+  },
+  "dependencies": {
+    "@dpc-sdp/nuxt-ripple": "workspace:*",
+    "@dpc-sdp/nuxt-ripple-analytics": "workspace:*",
+    "@dpc-sdp/nuxt-ripple-preview": "workspace:*",
+    "@dpc-sdp/ripple-tide-api": "workspace:*",
+    "@dpc-sdp/ripple-tide-event": "workspace:*",
+    "@dpc-sdp/ripple-tide-topic": "workspace:*",
+    "@dpc-sdp/ripple-tide-landing-page": "workspace:*",
+    "@dpc-sdp/ripple-tide-grant": "workspace:*",
+    "@dpc-sdp/ripple-tide-publication": "workspace:*",
+    "@dpc-sdp/ripple-tide-media": "workspace:*",
+    "@dpc-sdp/ripple-tide-news": "workspace:*",
+    "@dpc-sdp/ripple-tide-search": "workspace:*",
+    "@dpc-sdp/ripple-tide-webform": "workspace:*",
+    "@vueuse/core": "^9.13.0",
+    "change-case": "^4.1.2"
+  }
+}
diff --git a/packages/ripple-sdp-core/tsconfig.json b/packages/ripple-sdp-core/tsconfig.json
new file mode 100644
index 0000000000..2403fca1a1
--- /dev/null
+++ b/packages/ripple-sdp-core/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "./../../examples/nuxt-app/.nuxt/tsconfig.json"
+}
diff --git a/packages/ripple-sdp-core/types.ts b/packages/ripple-sdp-core/types.ts
new file mode 100644
index 0000000000..7c0d2fcb7a
--- /dev/null
+++ b/packages/ripple-sdp-core/types.ts
@@ -0,0 +1,49 @@
+import type { FormKitSchemaNode } from '@formkit/core'
+
+export interface TideWebform {
+  title: string
+  formId: string
+  hideFormOnSubmit?: boolean
+  successMessageTitle: string
+  successMessageHTML: string
+  errorMessageTitle: string
+  errorMessageHTML: string
+  schema: FormKitSchemaNode[]
+}
+
+export interface TideWebformElement {
+  '#type': string
+  '#title': string
+  '#required'?: boolean
+  '#required_error'?: string
+  '#description'?: string
+  '#help_title'?: string
+  [key: string]: any
+}
+
+/**
+ * @description Raw API field response
+ */
+export interface ApiWebForm {
+  drupal_internal__id: string
+  elements: TideWebformElement[]
+  meta: {
+    drupal_internal__target_id: string
+  }
+  settings?: {
+    confirmation_type?: string
+    confirmation_title?: string
+    confirmation_message?: string
+    submission_exception_message?: string
+    form_reset?: boolean
+  }
+}
+
+/**
+ * @description Raw API field response
+ */
+export interface ApiField {
+  drupal_internal__id: string
+  field_paragraph_title: string
+  field_paragraph_webform: ApiWebForm
+}
diff --git a/packages/ripple-ui-core/src/index.ts b/packages/ripple-ui-core/src/index.ts
index 78ef7cc6b6..2060eaa9ab 100644
--- a/packages/ripple-ui-core/src/index.ts
+++ b/packages/ripple-ui-core/src/index.ts
@@ -6,4 +6,6 @@ export { isExternalUrl } from './utils/isExternalUrl'
 export { formatDate } from './lib/helpers'
 export { RplIconGroups } from './components/icon/constants'
 export { useRippleEvent } from './composables/useRippleEvent'
+
 export type { rplEventPayload } from './composables/useRippleEvent'
+export type { IRplImageType } from './components/image/constants'
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 574b3947dd..ade81276ee 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -191,42 +191,12 @@ importers:
       '@dpc-sdp/nuxt-ripple':
         specifier: workspace:*
         version: link:../../packages/nuxt-ripple
-      '@dpc-sdp/nuxt-ripple-analytics':
-        specifier: workspace:*
-        version: link:../../packages/nuxt-ripple-analytics
       '@dpc-sdp/nuxt-ripple-cli':
         specifier: workspace:*
         version: link:../../packages/nuxt-ripple-cli
-      '@dpc-sdp/nuxt-ripple-preview':
-        specifier: workspace:*
-        version: link:../../packages/nuxt-ripple-preview
-      '@dpc-sdp/ripple-tide-event':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-event
-      '@dpc-sdp/ripple-tide-grant':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-grant
-      '@dpc-sdp/ripple-tide-landing-page':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-landing-page
-      '@dpc-sdp/ripple-tide-media':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-media
-      '@dpc-sdp/ripple-tide-news':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-news
-      '@dpc-sdp/ripple-tide-publication':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-publication
-      '@dpc-sdp/ripple-tide-search':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-search
-      '@dpc-sdp/ripple-tide-topic':
+      '@dpc-sdp/ripple-sdp-core':
         specifier: workspace:*
-        version: link:../../packages/ripple-tide-topic
-      '@dpc-sdp/ripple-tide-webform':
-        specifier: workspace:*
-        version: link:../../packages/ripple-tide-webform
+        version: link:../../packages/ripple-sdp-core
       '@dpc-sdp/ripple-ui-maps':
         specifier: workspace:*
         version: link:../../packages/ripple-ui-maps
@@ -463,6 +433,54 @@ importers:
         specifier: ^4.0.2
         version: 4.0.2
 
+  packages/ripple-sdp-core:
+    dependencies:
+      '@dpc-sdp/nuxt-ripple':
+        specifier: workspace:*
+        version: link:../nuxt-ripple
+      '@dpc-sdp/nuxt-ripple-analytics':
+        specifier: workspace:*
+        version: link:../nuxt-ripple-analytics
+      '@dpc-sdp/nuxt-ripple-preview':
+        specifier: workspace:*
+        version: link:../nuxt-ripple-preview
+      '@dpc-sdp/ripple-tide-api':
+        specifier: workspace:*
+        version: link:../ripple-tide-api
+      '@dpc-sdp/ripple-tide-event':
+        specifier: workspace:*
+        version: link:../ripple-tide-event
+      '@dpc-sdp/ripple-tide-grant':
+        specifier: workspace:*
+        version: link:../ripple-tide-grant
+      '@dpc-sdp/ripple-tide-landing-page':
+        specifier: workspace:*
+        version: link:../ripple-tide-landing-page
+      '@dpc-sdp/ripple-tide-media':
+        specifier: workspace:*
+        version: link:../ripple-tide-media
+      '@dpc-sdp/ripple-tide-news':
+        specifier: workspace:*
+        version: link:../ripple-tide-news
+      '@dpc-sdp/ripple-tide-publication':
+        specifier: workspace:*
+        version: link:../ripple-tide-publication
+      '@dpc-sdp/ripple-tide-search':
+        specifier: workspace:*
+        version: link:../ripple-tide-search
+      '@dpc-sdp/ripple-tide-topic':
+        specifier: workspace:*
+        version: link:../ripple-tide-topic
+      '@dpc-sdp/ripple-tide-webform':
+        specifier: workspace:*
+        version: link:../ripple-tide-webform
+      '@vueuse/core':
+        specifier: ^9.13.0
+        version: 9.13.0(vue@3.4.23(typescript@5.1.3))
+      change-case:
+        specifier: ^4.1.2
+        version: 4.1.2
+
   packages/ripple-storybook:
     dependencies:
       '@dpc-sdp/ripple-ui-core':
@@ -15293,8 +15311,8 @@ packages:
     peerDependencies:
       typescript: '*'
 
-  vue-component-type-helpers@2.0.16:
-    resolution: {integrity: sha512-qisL/iAfdO++7w+SsfYQJVPj6QKvxp4i1MMxvsNO41z/8zu3KuAw9LkhKUfP/kcOWGDxESp+pQObWppXusejCA==}
+  vue-component-type-helpers@2.0.17:
+    resolution: {integrity: sha512-2car49m8ciqg/JjgMBkx7o/Fd2A7fHESxNqL/2vJYFLXm4VwYO4yH0rexOi4a35vwNgDyvt17B07Vj126l9rAQ==}
 
   vue-demi@0.14.6:
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
@@ -21982,7 +22000,7 @@ snapshots:
       ts-dedent: 2.2.0
       type-fest: 2.19.0
       vue: 3.4.23(typescript@5.1.3)
-      vue-component-type-helpers: 2.0.16
+      vue-component-type-helpers: 2.0.17
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -23309,7 +23327,7 @@ snapshots:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.13.0
       '@vueuse/shared': 9.13.0(vue@3.4.23(typescript@5.1.3))
-      vue-demi: 0.14.6(vue@3.4.23(typescript@5.1.3))
+      vue-demi: 0.14.7(vue@3.4.23(typescript@5.1.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -34765,7 +34783,7 @@ snapshots:
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.3
       '@types/node': 16.18.12
-      acorn: 8.11.3
+      acorn: 8.8.2
       acorn-walk: 8.2.0
       arg: 4.1.3
       create-require: 1.1.1
@@ -34785,7 +34803,7 @@ snapshots:
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.3
       '@types/node': 18.15.10
-      acorn: 8.11.3
+      acorn: 8.8.2
       acorn-walk: 8.2.0
       arg: 4.1.3
       create-require: 1.1.1
@@ -35788,7 +35806,7 @@ snapshots:
       typesafe-path: 0.2.2
       typescript: 5.1.3
 
-  vue-component-type-helpers@2.0.16: {}
+  vue-component-type-helpers@2.0.17: {}
 
   vue-demi@0.14.6(vue@3.4.23(typescript@5.1.3)):
     dependencies:
diff --git a/tsconfig.json b/tsconfig.json
index aa3da2cf6a..93b5f9b57e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -21,6 +21,9 @@
       "@types/react"
     ],
     "paths": {
+      "@dpc-sdp/nuxt-ripple/mapping/site/alerts/site-alerts-mapping": [
+        "nuxt-ripple/mapping/site/alerts/site-alerts-mapping"
+      ],
       "@dpc-sdp/nuxt-ripple-preview/utils": ["nuxt-ripple-preview/utils"],
       "@dpc-sdp/ripple-tide-api/errors": ["ripple-tide-api/src/errors/errors"],
       "@dpc-sdp/ripple-tide-api/helpers": ["ripple-tide-api/src/helpers"],