From 46609e3a0d38a9fac298adcdb4b57d66c7d4e2db Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Wed, 19 Jun 2024 13:51:35 +1000
Subject: [PATCH 01/29] feat(@dpc-sdp/ripple-tide-search): adds address search
 and refactors search suggestions

---
 packages/ripple-tide-search/app.config.ts     |   7 +-
 .../global/TideSearchAddressLookup.vue        | 111 +++++-------------
 .../composables/useAppConfigFunction.ts       |  16 +++
 .../composables/useLegacySuggestions.ts       |  71 +++++++++++
 packages/ripple-tide-search/types.ts          |   9 ++
 .../utils/getAddressFromArcGISMagicKey.ts     |  20 ++++
 .../utils/rplAddressSuggestionsFn.ts          |  79 +++++++++++++
 7 files changed, 230 insertions(+), 83 deletions(-)
 create mode 100644 packages/ripple-tide-search/composables/useAppConfigFunction.ts
 create mode 100644 packages/ripple-tide-search/composables/useLegacySuggestions.ts
 create mode 100644 packages/ripple-tide-search/utils/getAddressFromArcGISMagicKey.ts
 create mode 100644 packages/ripple-tide-search/utils/rplAddressSuggestionsFn.ts

diff --git a/packages/ripple-tide-search/app.config.ts b/packages/ripple-tide-search/app.config.ts
index 986c517cd0..bdd071010f 100644
--- a/packages/ripple-tide-search/app.config.ts
+++ b/packages/ripple-tide-search/app.config.ts
@@ -1,3 +1,5 @@
+import rplAddressSuggestionsFn from './utils/rplAddressSuggestionsFn'
+
 export default defineAppConfig({
   ripple: {
     search: {
@@ -9,7 +11,10 @@ export default defineAppConfig({
         'publication',
         'publication_page',
         'tide_search_listing'
-      ]
+      ],
+      suggestionsFunctions: {
+        rplAddressSuggestionsFn
+      }
     }
   }
 })
diff --git a/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue b/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue
index 49a511a132..8e16f5ca50 100644
--- a/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue
+++ b/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue
@@ -14,9 +14,9 @@
       :debounce="5000"
       :maxSuggestionsDisplayed="8"
       :placeholder="placeholder"
-      :getOptionId="(itm:any) => itm?.id || itm?.name"
-      :getSuggestionVal="(itm:any) => itm?.name || ''"
-      :getOptionLabel="(itm:any) => itm?.name || ''"
+      :getOptionId="(itm: any) => itm?.id || itm?.name"
+      :getSuggestionVal="(itm: any) => itm?.name || ''"
+      :getOptionLabel="(itm: any) => itm?.name || ''"
       :isBusy="isGettingLocation"
       :isFreeText="false"
       :submitOnClear="true"
@@ -44,10 +44,11 @@
 
 <script setup lang="ts">
 import { inject, watch } from 'vue'
-import { ref, getSingleResultValue } from '#imports'
+import { ref } from '#imports'
 import { useDebounceFn } from '@vueuse/core'
 import { transformExtent, fromLonLat } from 'ol/proj'
 import { Extent } from 'ol/extent'
+import { addressResultType } from '../../types'
 // TODO must add analytics events
 // import { useRippleEvent } from '@dpc-sdp/ripple-ui-core'
 
@@ -63,6 +64,10 @@ interface Props {
   mapResultsFnName?: string
   isGettingLocation?: boolean
   userGeolocation: any
+  suggestionsConfig: {
+    function: string
+    args: Record<string, any>
+  }
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -81,18 +86,10 @@ const props = withDefaults(defineProps<Props>(), {
 
 const results = ref([])
 
-type addressResultType = {
-  name: string
-  postcode: string
-  bbox: string[]
-  type: 'postcode' | 'locality'
-}
-
 const emit = defineEmits<{
   (e: 'update', payload: addressResultType): void
 }>()
 
-const appConfig = useAppConfig()
 const { rplMapRef, deadSpace } = inject('rplMapInstance')
 
 const pendingZoomAnimation = ref(false)
@@ -105,86 +102,36 @@ async function submitAction(e: any) {
     return
   }
 
-  emit('update', item || null)
+  if (item?.arcGISMagicKey) {
+    const arcGISAddress = await getAddressFromArcGISMagicKey(
+      item.arcGISMagicKey
+    )
+    emit('update', arcGISAddress)
+  } else {
+    emit('update', item || null)
+  }
 
   // Because this was a user initiated action, we want to animate the zoom
   pendingZoomAnimation.value = true
 }
 
 const fetchSuggestions = async (query: string) => {
-  const searchUrl = `/api/tide/app-search/${props.suggestionsIndex}/elasticsearch/_search`
-  const queryDSL = {
-    query: {
-      bool: {
-        should: [
-          {
-            match: {
-              [props.suggestionsKey]: {
-                query,
-                operator: 'and'
-              }
-            }
-          },
-          {
-            prefix: {
-              [props.suggestionsKey]: {
-                value: query,
-                case_insensitive: true
-              }
-            }
-          },
-          {
-            term: {
-              postcode: {
-                value: query
-              }
-            }
-          }
-        ]
-      }
-    }
-  }
-
   try {
-    const response = await $fetch(searchUrl, {
-      method: 'POST',
-      body: {
-        ...queryDSL,
-        size: 20
-      }
-    })
-
-    let mappingFn = (itm: any) => {
-      const center = getSingleResultValue(itm._source.center)?.split(',')
-
-      return {
-        id: itm._id,
-        name: getSingleResultValue(itm._source[props.suggestionsKey]),
-        postcode: getSingleResultValue(itm._source.postcode),
-        bbox: itm._source.bbox,
-        center: center?.length === 2 ? [center[1], center[0]] : undefined
-      }
-    }
-
-    const fns: Record<string, (item: any) => any> =
-      appConfig?.ripple?.search?.locationSuggestionMappingFunctions || {}
-
-    // If no transform function is defined, return an empty array
-    if (props.mapResultsFnName) {
-      const transformFn = fns[props.mapResultsFnName]
-
-      if (typeof transformFn !== 'function') {
-        throw new Error(
-          `Search listing: No matching location transform function called "${props.mapResultsFnName}"`
-        )
-      }
+    if (props.suggestionsConfig?.function) {
+      const suggestionsFn = useAppConfigFunction(
+        props.suggestionsConfig.function,
+        'suggestionsFunctions'
+      )
 
-      mappingFn = transformFn
+      return await suggestionsFn(query, props.suggestionsConfig.args)
     }
 
-    if (response && response.hits.total.value > 0) {
-      return response.hits.hits.map(mappingFn)
-    }
+    return await useLegacySuggestions(
+      query,
+      props.suggestionsIndex,
+      props.suggestionsKey,
+      props.mapResultsFnName
+    )
   } catch (e) {
     console.error(e)
   }
diff --git a/packages/ripple-tide-search/composables/useAppConfigFunction.ts b/packages/ripple-tide-search/composables/useAppConfigFunction.ts
new file mode 100644
index 0000000000..973f56addf
--- /dev/null
+++ b/packages/ripple-tide-search/composables/useAppConfigFunction.ts
@@ -0,0 +1,16 @@
+
+
+export default  (
+  fnName: string, configBucket: string
+) => {
+  const appConfig = useAppConfig()
+  const fn = appConfig?.ripple?.search?.[configBucket]?.[fnName]
+
+  if (typeof fn !== 'function') {
+    throw new Error(
+      `Search listing: No matching function called "${fnName}" in config bucket "${configBucket}"`
+    )
+  }
+
+  return fn
+}
diff --git a/packages/ripple-tide-search/composables/useLegacySuggestions.ts b/packages/ripple-tide-search/composables/useLegacySuggestions.ts
new file mode 100644
index 0000000000..6e199883f7
--- /dev/null
+++ b/packages/ripple-tide-search/composables/useLegacySuggestions.ts
@@ -0,0 +1,71 @@
+export default async (
+  query: string,
+  suggestionsIndex: string = 'vic-postcode-localities',
+  suggestionsKey: string = 'name',
+  mapResultsFnName?: string
+) => {
+  const searchUrl = `/api/tide/app-search/${suggestionsIndex}/elasticsearch/_search`
+  const queryDSL = {
+    query: {
+      bool: {
+        should: [
+          {
+            match: {
+              [suggestionsKey]: {
+                query,
+                operator: 'and'
+              }
+            }
+          },
+          {
+            prefix: {
+              [suggestionsKey]: {
+                value: query,
+                case_insensitive: true
+              }
+            }
+          },
+          {
+            term: {
+              postcode: {
+                value: query
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+
+  const response = await $fetch(searchUrl, {
+    method: 'POST',
+    body: {
+      ...queryDSL,
+      size: 20
+    }
+  })
+
+  let mappingFn = (itm: any) => {
+    const center = getSingleResultValue(itm._source.center)?.split(',')
+
+    return {
+      id: itm._id,
+      name: getSingleResultValue(itm._source[suggestionsKey]),
+      postcode: getSingleResultValue(itm._source.postcode),
+      bbox: itm._source.bbox,
+      center: center?.length === 2 ? [center[1], center[0]] : undefined
+    }
+  }
+
+  // If no transform function is defined, return an empty array
+  if (mapResultsFnName) {
+    mappingFn = useAppConfigFunction(
+      mapResultsFnName,
+      'locationSuggestionMappingFunctions'
+    )
+  }
+
+  if (response && response.hits.total.value > 0) {
+    return response.hits.hits.map(mappingFn)
+  }
+}
diff --git a/packages/ripple-tide-search/types.ts b/packages/ripple-tide-search/types.ts
index fa85e65747..8069b9eaa9 100644
--- a/packages/ripple-tide-search/types.ts
+++ b/packages/ripple-tide-search/types.ts
@@ -1,5 +1,14 @@
 import { FilterType } from '@elastic/search-ui'
 import type { TidePageBase, TideSiteData } from '@dpc-sdp/ripple-tide-api/types'
+
+export type addressResultType = {
+  id: string
+  name: string
+  postcode: string
+  bbox: string[]
+  type: 'postcode' | 'locality'
+}
+
 export interface MappedSearchResult<T> {
   id: string
   component: string
diff --git a/packages/ripple-tide-search/utils/getAddressFromArcGISMagicKey.ts b/packages/ripple-tide-search/utils/getAddressFromArcGISMagicKey.ts
new file mode 100644
index 0000000000..42191e888c
--- /dev/null
+++ b/packages/ripple-tide-search/utils/getAddressFromArcGISMagicKey.ts
@@ -0,0 +1,20 @@
+import { addressResultType } from '../types'
+import { capitalCase } from 'change-case'
+
+export default async (arcGISMagicKey: string): addressResultType => {
+  const geocodeServerUrl =
+    'https://corp-geo.mapshare.vic.gov.au/arcgis/rest/services/Geocoder/VMAddressEZIAdd/GeocodeServer'
+  const res = await $fetch(`${geocodeServerUrl}/findAddressCandidates`, {
+    params: {
+      magicKey: arcGISMagicKey,
+      f: 'json'
+    }
+  })
+  const arcGISCandidate = res.candidates[0]
+
+  return {
+    id: arcGISMagicKey.slice(-12),
+    name: capitalCase(arcGISCandidate.address),
+    center: [arcGISCandidate.location.x, arcGISCandidate.location.y]
+  }
+}
diff --git a/packages/ripple-tide-search/utils/rplAddressSuggestionsFn.ts b/packages/ripple-tide-search/utils/rplAddressSuggestionsFn.ts
new file mode 100644
index 0000000000..3861e817be
--- /dev/null
+++ b/packages/ripple-tide-search/utils/rplAddressSuggestionsFn.ts
@@ -0,0 +1,79 @@
+import { capitalCase } from 'change-case'
+
+const getSuburbSuggestions = async (query, args) => {
+  const suggestionsIndex = 'vicpol-postcode-localities'
+
+  const searchUrl = `/api/tide/app-search/${suggestionsIndex}/elasticsearch/_search`
+
+  const queryDSL = {
+    query: {
+      bool: {
+        should: [
+          {
+            match: {
+              name: {
+                query,
+                operator: 'and'
+              }
+            }
+          },
+          {
+            term: {
+              postcode: {
+                value: query
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+
+  const test = await $fetch(searchUrl, {
+    method: 'POST',
+    body: {
+      ...queryDSL,
+      size: 1
+    }
+  })
+
+  return test.hits.hits.map((itm) => {
+    const center = getSingleResultValue(itm._source.center)?.split(',')
+
+    return {
+      id: itm._id,
+      name: getSingleResultValue(itm._source['name']),
+      postcode: getSingleResultValue(itm._source.postcode),
+      bbox: itm._source.bbox,
+      center: center?.length === 2 ? [center[1], center[0]] : undefined
+    }
+  })
+}
+
+const getAddressSuggestions = async (query, args) => {
+  const geocodeServerUrl =
+    'https://corp-geo.mapshare.vic.gov.au/arcgis/rest/services/Geocoder/VMAddressEZIAdd/GeocodeServer'
+
+  const suggestions = await $fetch(`${geocodeServerUrl}/suggest`, {
+    params: {
+      text: query,
+      maxSuggestions: 10,
+      f: 'json'
+    }
+  })
+
+  return suggestions.suggestions.map((item) => {
+    return {
+      id: item.magicKey,
+      name: capitalCase(item.text),
+      arcGISMagicKey: item.magicKey
+    }
+  })
+}
+
+export default async (query, args) => {
+  return [
+    ...(args?.includeSuburbs ? await getSuburbSuggestions(query, args) : []),
+    ...(await getAddressSuggestions(query, args))
+  ]
+}

From b6f1be8a49745ab0093e87f93a8632c863773675 Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Thu, 20 Jun 2024 14:54:43 +1000
Subject: [PATCH 02/29] test(@dpc-sdp/ripple-tide-search): added tests for
 location suggestions

---
 examples/nuxt-app/app.config.ts               | 21 +++++
 .../test/features/maps/suggestions.feature    | 70 +++++++++++++++
 .../maps/arcgis-address-candidates.json       | 23 +++++
 .../test/fixtures/maps/basic-page.json        |  9 +-
 .../maps/example-suburbs-response.json        | 89 +++++++++++++++++++
 .../step_definitions/components/maps.ts       | 67 +++++++++++++-
 .../step_definitions/content-types/listing.ts |  4 +-
 7 files changed, 276 insertions(+), 7 deletions(-)
 create mode 100644 examples/nuxt-app/test/features/maps/suggestions.feature
 create mode 100644 examples/nuxt-app/test/fixtures/maps/arcgis-address-candidates.json
 create mode 100644 examples/nuxt-app/test/fixtures/maps/example-suburbs-response.json

diff --git a/examples/nuxt-app/app.config.ts b/examples/nuxt-app/app.config.ts
index 5057aacc17..e5344eb6a0 100644
--- a/examples/nuxt-app/app.config.ts
+++ b/examples/nuxt-app/app.config.ts
@@ -35,6 +35,27 @@ export default defineAppConfig({
         // `dynamicValue` is used in a cypress test to ensure fallbackValues function are called
         dynamicValue: () => ['blue']
       },
+      suggestionsFunctions: {
+        exampleSuggestionsFn: async (query, args) => {
+          return [
+            {
+              id: '1',
+              name: `Test location - ${args.testArg} - 1`,
+              center: [144.9631, -37.8136]
+            },
+            {
+              id: '2',
+              name: `Test location - ${args.testArg} - 2`,
+              center: [-33.8688, 151.2093]
+            },
+            {
+              id: '2',
+              name: `With magic key`,
+              arcGISMagicKey: 'fake1234'
+            }
+          ]
+        }
+      },
       filterFunctions: {
         // `dummyFunctionFilter` is used in a cypress test to check that the correct parameters are passed to custom filter functions
         dummyFunctionFilter: (filterConfig, values) => {
diff --git a/examples/nuxt-app/test/features/maps/suggestions.feature b/examples/nuxt-app/test/features/maps/suggestions.feature
new file mode 100644
index 0000000000..dd503ee9be
--- /dev/null
+++ b/examples/nuxt-app/test/features/maps/suggestions.feature
@@ -0,0 +1,70 @@
+Feature: Suggestions
+
+  I want to be able to customise the suggestions for location search
+
+  Background:
+    Given the site endpoint returns fixture "/site/vic" with status 200
+    And the location autocomplete request is stubbed with "/maps/example-suburbs-response" fixture
+    Given I am using a "macbook-16" device
+    Given the "/api/tide/elasticsearch/elasticsearch_index_develop_node/_search" aggregation request is stubbed with fixture "/map-table/vsba/aggregations" and status 200 as alias "aggReq"
+    Given the "/test-map-shape-layer" network request is stubbed with fixture "/maps/sample-shapes"
+      | method | status |
+      | GET    | 200    |
+    Given the "https://base.maps.vic.gov.au/service*" network request is stubbed with fixture "/maps/service.png"
+      | method | status |
+      | GET    | 200    |
+    Given the ArcGIS findAddressCandidates endpoint returns "/maps/arcgis-address-candidates" fixture
+
+  @mockserver
+  Scenario: Default
+    Given I load the page fixture with "/maps/basic-page"
+    Given the page endpoint for path "/map" returns the loaded fixture
+    Given the "/api/tide/elasticsearch/elasticsearch_index_develop_node/_search" network request is stubbed with fixture "/maps/simple-map-results" and status 200 as alias "searchReq"
+    Given I visit the page "/map?activeTab=listing"
+    And I wait 2 seconds
+    And I type "bays" into the location search bar
+    And the search suggestions displayed should include
+      | Bayswater North |
+      | Bayswater       |
+    And I wait 2 seconds
+
+  @mockserver
+  Scenario: Custom suggestions function
+    Given I load the page fixture with "/maps/basic-page"
+    And a custom suggestions function called "exampleSuggestionsFn" is used
+    Given the page endpoint for path "/map" returns the loaded fixture
+    Given the "/api/tide/elasticsearch/elasticsearch_index_develop_node/_search" network request is stubbed with fixture "/maps/simple-map-results" and status 200 as alias "searchReq"
+    Given I visit the page "/map?activeTab=listing"
+    And I wait 2 seconds
+    And I type "bays" into the location search bar
+    And the search suggestions displayed should include
+      | Test location - testValue - 1 |
+      | Test location - testValue - 2 |
+      | With magic key                |
+    And I wait 2 seconds
+    And I click the search suggestion labelled "Test location - testValue - 1"
+    Then the URL should reflect that the location has the following:
+      | key  | value                         |
+      | id   | 1                             |
+      | name | Test location - testValue - 1 |
+
+  @mockserver
+  Scenario: Custom suggestions function with ArcGIS magic keys
+    Given I load the page fixture with "/maps/basic-page"
+    And a custom suggestions function called "exampleSuggestionsFn" is used
+    Given the page endpoint for path "/map" returns the loaded fixture
+    Given the "/api/tide/elasticsearch/elasticsearch_index_develop_node/_search" network request is stubbed with fixture "/maps/simple-map-results" and status 200 as alias "searchReq"
+    Given I visit the page "/map?activeTab=listing"
+    And I wait 2 seconds
+    And I type "bays" into the location search bar
+    And the search suggestions displayed should include
+      | Test location - testValue - 1 |
+      | Test location - testValue - 2 |
+      | With magic key                |
+    And I wait 2 seconds
+    And I click the search suggestion labelled "With magic key"
+    Then the URL should reflect that the location has the following:
+      | key  | value                           |
+      | id   | fake1234                        |
+      | name | 1234 Fake St Fakeville Vic 3000 |
+
diff --git a/examples/nuxt-app/test/fixtures/maps/arcgis-address-candidates.json b/examples/nuxt-app/test/fixtures/maps/arcgis-address-candidates.json
new file mode 100644
index 0000000000..87552915cb
--- /dev/null
+++ b/examples/nuxt-app/test/fixtures/maps/arcgis-address-candidates.json
@@ -0,0 +1,23 @@
+{
+  "spatialReference": {
+    "wkid": 4283,
+    "latestWkid": 4283
+  },
+  "candidates": [
+    {
+      "address": "1234 FAKE ST, FAKEVILLE VIC 3000",
+      "location": {
+        "x": 143.49399077922746,
+        "y": -38.50295307104747
+      },
+      "score": 100,
+      "attributes": {},
+      "extent": {
+        "xmin": 143.4921921351353,
+        "ymin": -38.50475171513962,
+        "xmax": 143.49578942331962,
+        "ymax": -38.501154426955324
+      }
+    }
+  ]
+}
diff --git a/examples/nuxt-app/test/fixtures/maps/basic-page.json b/examples/nuxt-app/test/fixtures/maps/basic-page.json
index 1a711df835..7bc59eb4d0 100644
--- a/examples/nuxt-app/test/fixtures/maps/basic-page.json
+++ b/examples/nuxt-app/test/fixtures/maps/basic-page.json
@@ -91,6 +91,7 @@
           "index": "elasticsearch_index_develop_node",
           "resultsPerPage": 5,
           "displayMapTab": true,
+          "formTheme": "reverse",
           "labels": {
             "submit": "Search",
             "placeholder": "Search by postcode or suburb"
@@ -196,12 +197,12 @@
             "props": {
               "columns": [
                 {
-                  "label": "School name",
-                  "component": "TideSearchListingTableLink"
+                  "label": "Title",
+                  "objectKey": "test_title"
                 },
                 {
-                  "label": "Suburb",
-                  "objectKey": "field_suburb"
+                  "label": "Description",
+                  "objectKey": "description"
                 }
               ]
             }
diff --git a/examples/nuxt-app/test/fixtures/maps/example-suburbs-response.json b/examples/nuxt-app/test/fixtures/maps/example-suburbs-response.json
new file mode 100644
index 0000000000..2040bf329f
--- /dev/null
+++ b/examples/nuxt-app/test/fixtures/maps/example-suburbs-response.json
@@ -0,0 +1,89 @@
+{
+  "took": 5,
+  "timed_out": false,
+  "_shards": {
+    "total": 2,
+    "successful": 2,
+    "skipped": 0,
+    "failed": 0
+  },
+  "hits": {
+    "total": {
+      "value": 2,
+      "relation": "eq"
+    },
+    "max_score": 1.0,
+    "hits": [
+      {
+        "_index": ".ent-search-engine-documents-vicpol-postcode-localities",
+        "_id": "doc-661493669bd65fde1ab9b791",
+        "_score": 1.0,
+        "_ignored": [
+          "name.date",
+          "bbox.location",
+          "bbox.date",
+          "center.date",
+          "lga.date",
+          "name.location",
+          "center.float",
+          "lga.float",
+          "name.float",
+          "lga.location",
+          "areatype.location",
+          "postcode.date",
+          "areatype.float",
+          "areatype.date"
+        ],
+        "_source": {
+          "name": "Bayswater North",
+          "areatype": "locality",
+          "center": "-37.8268821,145.2836623",
+          "bbox": [
+            "145.25846667091363",
+            "-37.83800461846399",
+            "145.30593610877344",
+            "-37.813258938042594"
+          ],
+          "postcode": ["3153"],
+          "lga": ["Maroondah City"],
+          "id": "doc-661493669bd65fde1ab9b791"
+        }
+      },
+      {
+        "_index": ".ent-search-engine-documents-vicpol-postcode-localities",
+        "_id": "doc-661493669bd65fde1ab9b790",
+        "_score": 1.0,
+        "_ignored": [
+          "name.date",
+          "bbox.location",
+          "bbox.date",
+          "center.date",
+          "lga.date",
+          "name.location",
+          "center.float",
+          "lga.float",
+          "name.float",
+          "lga.location",
+          "areatype.location",
+          "postcode.date",
+          "areatype.float",
+          "areatype.date"
+        ],
+        "_source": {
+          "name": "Bayswater",
+          "areatype": "locality",
+          "center": "-37.845164,145.2647374",
+          "bbox": [
+            "145.2382753619277",
+            "-37.85963511312151",
+            "145.28737155665652",
+            "-37.833007533571006"
+          ],
+          "postcode": ["3153"],
+          "lga": ["Knox City"],
+          "id": "doc-661493669bd65fde1ab9b790"
+        }
+      }
+    ]
+  }
+}
diff --git a/packages/ripple-test-utils/step_definitions/components/maps.ts b/packages/ripple-test-utils/step_definitions/components/maps.ts
index effc223d3d..0a28ea3bfd 100644
--- a/packages/ripple-test-utils/step_definitions/components/maps.ts
+++ b/packages/ripple-test-utils/step_definitions/components/maps.ts
@@ -1,4 +1,9 @@
-import { Then, When, Given } from '@badeball/cypress-cucumber-preprocessor'
+import {
+  Then,
+  When,
+  Given,
+  DataTable
+} from '@badeball/cypress-cucumber-preprocessor'
 import { set } from 'lodash-es'
 
 Then(`the ripple map component should be visible`, () => {
@@ -117,3 +122,63 @@ Given('I click the side panel item with text {string}', (title) => {
     .contains(title)
     .click({ force: true })
 })
+
+Given('a custom suggestions function called {string} is used', (fnName) => {
+  cy.get('@pageFixture').then((response) => {
+    set(
+      response,
+      'bodyComponents[0].props.locationQueryConfig.props.suggestionsConfig',
+      {
+        function: fnName,
+        args: {
+          testArg: 'testValue'
+        }
+      }
+    )
+  })
+})
+
+When(`I type {string} into the location search bar`, (inputStr: string) => {
+  cy.get(`[id="tide-address-lookup"]`).focus()
+  cy.get(`[id="tide-address-lookup"]`).type(`${inputStr}`)
+  cy.get(`[id="tide-address-lookup"]`).focus()
+})
+
+Given(
+  'the location autocomplete request is stubbed with {string} fixture',
+  (fixture: string) => {
+    cy.intercept('POST', `/api/tide/app-search/**/elasticsearch/_search`, {
+      statusCode: 200,
+      fixture
+    }).as('autocompleteRequest') // assign an alias
+  }
+)
+
+Then(
+  'the URL should reflect that the location has the following:',
+  (dataTable) => {
+    const items = dataTable.hashes()
+
+    cy.location().should((loc) => {
+      const params = new URLSearchParams(loc.search)
+
+      items.forEach((row, i: number) => {
+        expect(params.get(`location[${row.key}]`)).to.eq(`${row.value}`)
+      })
+    })
+  }
+)
+
+Given(
+  'the ArcGIS findAddressCandidates endpoint returns {string} fixture',
+  (fixture: string) => {
+    cy.intercept(
+      'GET',
+      `https://corp-geo.mapshare.vic.gov.au/arcgis/rest/services/Geocoder/VMAddressEZIAdd/GeocodeServer/findAddressCandidates*`,
+      {
+        statusCode: 200,
+        fixture
+      }
+    )
+  }
+)
diff --git a/packages/ripple-test-utils/step_definitions/content-types/listing.ts b/packages/ripple-test-utils/step_definitions/content-types/listing.ts
index d5b3c15b79..b63149d377 100644
--- a/packages/ripple-test-utils/step_definitions/content-types/listing.ts
+++ b/packages/ripple-test-utils/step_definitions/content-types/listing.ts
@@ -365,7 +365,7 @@ Then(
   `the search suggestions displayed should include`,
   (dataTable: DataTable) => {
     const table = dataTable.raw()
-    cy.get('#tide-search-bar__menu')
+    cy.get('.rpl-search-bar__menu')
       .find('[role="option"]')
       .as('suggestedOptions')
 
@@ -381,7 +381,7 @@ Then(
 )
 
 When('I click the search suggestion labelled {string}', (label: string) => {
-  cy.get('#tide-search-bar__menu')
+  cy.get('.rpl-search-bar__menu')
     .find('[role="option"]')
     .contains(label)
     .click()

From 9131e3a636c3ffcfc264d28ecd864af5428480c9 Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Mon, 24 Jun 2024 11:05:17 +1000
Subject: [PATCH 03/29] chore(@dpc-sdp/ripple-tide-search): depricate old
 suggestions props

---
 .../components/global/TideSearchAddressLookup.vue        | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue b/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue
index 8e16f5ca50..570ef32f1f 100644
--- a/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue
+++ b/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue
@@ -55,12 +55,21 @@ import { addressResultType } from '../../types'
 interface Props {
   inputValue?: any
   resultsloaded?: boolean
+  /**
+   * @deprecated use suggestionsConfig instead to customise suggestions
+   */
   suggestionsIndex?: string
+  /**
+   * @deprecated use suggestionsConfig instead to customise suggestions
+   */
   suggestionsKey?: string
   controlMapZooming?: boolean
   label?: string
   placeholder?: string
   tagsComponent?: string
+  /**
+   * @deprecated use suggestionsConfig instead to customise suggestions
+   */
   mapResultsFnName?: string
   isGettingLocation?: boolean
   userGeolocation: any

From f93e47d7ea6b2e721b092077ae47c44f287a4e52 Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Mon, 24 Jun 2024 14:28:46 +1000
Subject: [PATCH 04/29] feat: :sparkles: extend formkit input library

---
 packages/nuxt-ripple/app.config.ts            | 14 ++++++++
 .../global/TideLandingPage/WebForm.vue        | 36 +++++++++++++++++++
 .../mapping/webform-conditional-logic.test.ts |  2 +-
 .../mapping/webform-utils.ts                  |  4 +--
 .../mapping/webforms-mapping.ts               | 30 ++++++++++++----
 packages/ripple-tide-webform/package.json     |  1 +
 .../src/components/RplForm/RplForm.vue        | 16 +++++++--
 packages/ripple-ui-forms/src/index.ts         | 13 ++++---
 8 files changed, 100 insertions(+), 16 deletions(-)

diff --git a/packages/nuxt-ripple/app.config.ts b/packages/nuxt-ripple/app.config.ts
index 83f9106604..c8d1f8c447 100644
--- a/packages/nuxt-ripple/app.config.ts
+++ b/packages/nuxt-ripple/app.config.ts
@@ -49,6 +49,20 @@ declare module '@nuxt/schema' {
           (map: any, results: any, location: any) => void
         >
       }
+      customInputs?: {
+        [key: string]: {
+          id: string
+          type: string
+          formkitDefProps: {
+            [key: string]: any
+          }
+          mapping: (
+            fieldID: string,
+            field: any,
+            fieldKey: string
+          ) => Record<string, any>
+        }
+      }
     }
   }
 }
diff --git a/packages/ripple-tide-landing-page/components/global/TideLandingPage/WebForm.vue b/packages/ripple-tide-landing-page/components/global/TideLandingPage/WebForm.vue
index cf27d87cdb..3b3f5a37da 100644
--- a/packages/ripple-tide-landing-page/components/global/TideLandingPage/WebForm.vue
+++ b/packages/ripple-tide-landing-page/components/global/TideLandingPage/WebForm.vue
@@ -41,6 +41,41 @@ watch(
 )
 
 const submitted = computed(() => submissionState.value.status === 'success')
+
+import { FormKitPlugin, FormKitTypeDefinition } from '@formkit/core'
+import {
+  createRplFormInput,
+  defaultRplFormInputProps,
+  inputLibrary,
+  rplFeatures
+} from '@dpc-sdp/ripple-ui-forms'
+
+const appConfig = useAppConfig()?.ripple as { customInputs: any }
+const customInputDefs = appConfig.customInputs || {}
+
+const customInputs: FormKitPlugin = () => {}
+customInputs.library = (node: any) => {
+  Object.values(customInputDefs).forEach((item: any) => {
+    if (node.props.type === item.id) {
+      const def: FormKitTypeDefinition = {
+        schema: createRplFormInput({
+          $cmp: item.id,
+          props: {
+            ...defaultRplFormInputProps,
+            type: item.type
+          }
+        }),
+        library: {
+          [item.id]: resolveComponent(item.id),
+          ...inputLibrary
+        },
+        ...item.formkitDefProps,
+        features: rplFeatures
+      }
+      return node.define(def)
+    }
+  })
+}
 </script>
 
 <template>
@@ -65,6 +100,7 @@ const submitted = computed(() => submissionState.value.status === 'success')
       <RplForm
         :id="formId"
         :title="title"
+        :customInputs="customInputs"
         :schema="schema"
         :submissionState="submissionState as any"
         @submit="submitHandler(props, $event.data)"
diff --git a/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts b/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts
index 9aa181e1e3..968a8c42a6 100644
--- a/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts
+++ b/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts
@@ -1,5 +1,5 @@
 import { expect, describe, it } from '@jest/globals'
-import { getConditionals } from './webform-conditional-logic.js'
+import { getConditionals } from './webform-conditional-logic'
 
 describe('getConditionals', () => {
   describe('states', () => {
diff --git a/packages/ripple-tide-webform/mapping/webform-utils.ts b/packages/ripple-tide-webform/mapping/webform-utils.ts
index 9ed334dcfe..c70c7112ff 100644
--- a/packages/ripple-tide-webform/mapping/webform-utils.ts
+++ b/packages/ripple-tide-webform/mapping/webform-utils.ts
@@ -1,5 +1,5 @@
-import { getConditionals } from './webform-conditional-logic.js'
-import { getValidation } from './webform-validation.js'
+import { getConditionals } from './webform-conditional-logic'
+import { getValidation } from './webform-validation'
 
 export const getValidationAndConditionals = (field) => {
   const conditionals = getConditionals(field)
diff --git a/packages/ripple-tide-webform/mapping/webforms-mapping.ts b/packages/ripple-tide-webform/mapping/webforms-mapping.ts
index 95a1c96fba..b52133d84d 100644
--- a/packages/ripple-tide-webform/mapping/webforms-mapping.ts
+++ b/packages/ripple-tide-webform/mapping/webforms-mapping.ts
@@ -4,6 +4,16 @@ import { getInputIcons, getValidationAndConditionals } from './webform-utils'
 import { getAdvancedAddressMapping } from './webforms-address'
 import type { TideWebformElement, ApiWebForm } from './../types'
 
+interface CustomInputsConfig {
+  [key: string]: {
+    [key: string]: any
+    mapping: Function
+  }
+}
+
+const appConfig = useAppConfig().ripple as CustomInputsConfig
+const customInputs: CustomInputsConfig = appConfig.customInputs || {}
+
 export const getFormSchemaFromMapping = async (
   webform: ApiWebForm,
   tidePageApi: TidePageApi
@@ -315,12 +325,20 @@ export const getFormSchemaFromMapping = async (
         }
         break
       default:
-        mappedField = {
-          $el: 'div',
-          attrs: {
-            class: 'rpl-form__outer rpl-form__input--unsupported'
-          },
-          children: [`"${field['#type']}" is not yet supported`]
+        if (Object.keys(customInputs).includes(field['#type'])) {
+          mappedField = customInputs[field['#type']].mapping(
+            fieldID,
+            field,
+            fieldKey
+          )
+        } else {
+          mappedField = {
+            $el: 'div',
+            attrs: {
+              class: 'rpl-form__outer rpl-form__input--unsupported'
+            },
+            children: [`"${field['#type']}" is not yet supported`]
+          }
         }
     }
 
diff --git a/packages/ripple-tide-webform/package.json b/packages/ripple-tide-webform/package.json
index d8cf3adf2c..47bd26b965 100644
--- a/packages/ripple-tide-webform/package.json
+++ b/packages/ripple-tide-webform/package.json
@@ -8,6 +8,7 @@
   "exports": {
     ".": "./nuxt.config.ts",
     "./mapping": "./mapping/index.ts",
+    "./mapping/utils": "./mapping/webform-utils.ts",
     "./types": "./types.ts"
   },
   "dependencies": {
diff --git a/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue b/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue
index 9f60da7603..9b9a176579 100644
--- a/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue
+++ b/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue
@@ -5,7 +5,8 @@ import {
   FormKitSchemaCondition,
   FormKitSchemaNode,
   FormKitConfig,
-  FormKitNode
+  FormKitNode,
+  FormKitPlugin
 } from '@formkit/core'
 import { getValidationMessages } from '@formkit/validation'
 import rplFormInputs from '../../plugin'
@@ -26,6 +27,7 @@ interface Props {
     title: string
     message: string
   }
+  customInputs?: FormKitPlugin
 }
 
 interface CachedError {
@@ -53,7 +55,8 @@ const props = withDefaults(defineProps<Props>(), {
     status: 'idle',
     title: '',
     message: ''
-  })
+  }),
+  customInputs: () => {}
 })
 
 const emit = defineEmits<{
@@ -230,6 +233,13 @@ const data = reactive({
     return matches && matches.length > 0
   }
 })
+
+const plugins = computed(
+  () =>
+    [rplFormInputs, props.customInputs ? props.customInputs : false].filter(
+      Boolean
+    ) as FormKitPlugin[]
+)
 </script>
 
 <template>
@@ -237,7 +247,7 @@ const data = reactive({
     :id="id"
     v-slot="{ value }"
     type="form"
-    :plugins="[rplFormInputs]"
+    :plugins="plugins"
     form-class="rpl-form"
     :config="rplFormConfig"
     :actions="false"
diff --git a/packages/ripple-ui-forms/src/index.ts b/packages/ripple-ui-forms/src/index.ts
index 5cea67eb66..aca39f7c56 100644
--- a/packages/ripple-ui-forms/src/index.ts
+++ b/packages/ripple-ui-forms/src/index.ts
@@ -1,8 +1,13 @@
-// @ts-expect-error vue SFC
 export { default as RplForm } from './components/RplForm/RplForm.vue'
-// @ts-expect-error vue SFC
 export { default as RplFormElement } from './components/RplFormElement/RplFormElement.vue'
-// @ts-expect-error vue SFC
 export { default as RplFormAlert } from './components/RplFormAlert/RplFormAlert.vue'
-
 export { default as registerRplFormPlugin } from './register.js'
+
+export { default as useFormkitFriendlyEventEmitter } from './composables/useFormkitFriendlyEventEmitter'
+export { sanitisePIIField, sanitisePIIFields } from './lib/sanitisePII'
+export {
+  createRplFormInput,
+  defaultRplFormInputProps,
+  inputLibrary,
+  rplFeatures
+} from './inputs/input-utils'

From 03f5c3c604f7bb8b457c0f6aca47a90b604f1feb Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Mon, 24 Jun 2024 14:29:51 +1000
Subject: [PATCH 05/29] chore(ripple-ui-forms-ext): :alembic: example layer for
 custom input

---
 examples/nuxt-app/nuxt.config.ts              |   3 +-
 examples/nuxt-app/package.json                |   1 +
 .../__test__/fixtures/webform.json            | 148 ++++
 packages/ripple-ui-forms-ext/app.config.ts    |  20 +
 .../components/global/RplFormItem.vue         | 165 +++++
 packages/ripple-ui-forms-ext/mapping/item.ts  |  24 +
 packages/ripple-ui-forms-ext/nuxt.config.ts   |   9 +
 packages/ripple-ui-forms-ext/package.json     |  20 +
 .../pages/_test/webform.vue                   |  12 +
 packages/ripple-ui-forms-ext/tsconfig.json    |   3 +
 pnpm-lock.yaml                                | 631 +++++++++++++++++-
 11 files changed, 1033 insertions(+), 3 deletions(-)
 create mode 100644 packages/ripple-ui-forms-ext/__test__/fixtures/webform.json
 create mode 100644 packages/ripple-ui-forms-ext/app.config.ts
 create mode 100644 packages/ripple-ui-forms-ext/components/global/RplFormItem.vue
 create mode 100644 packages/ripple-ui-forms-ext/mapping/item.ts
 create mode 100644 packages/ripple-ui-forms-ext/nuxt.config.ts
 create mode 100644 packages/ripple-ui-forms-ext/package.json
 create mode 100644 packages/ripple-ui-forms-ext/pages/_test/webform.vue
 create mode 100644 packages/ripple-ui-forms-ext/tsconfig.json

diff --git a/examples/nuxt-app/nuxt.config.ts b/examples/nuxt-app/nuxt.config.ts
index 16c703c7e2..2aa2e8e6b6 100644
--- a/examples/nuxt-app/nuxt.config.ts
+++ b/examples/nuxt-app/nuxt.config.ts
@@ -27,7 +27,8 @@ export default defineNuxtConfig({
     '@dpc-sdp/ripple-tide-media',
     '@dpc-sdp/ripple-tide-news',
     '@dpc-sdp/ripple-tide-search',
-    '@dpc-sdp/ripple-tide-webform'
+    '@dpc-sdp/ripple-tide-webform',
+    '@dpc-sdp/ripple-ui-forms-ext'
   ],
   // Nuxt devtools
   sourcemap: true,
diff --git a/examples/nuxt-app/package.json b/examples/nuxt-app/package.json
index e82065a2ba..8f9c515ad8 100644
--- a/examples/nuxt-app/package.json
+++ b/examples/nuxt-app/package.json
@@ -39,6 +39,7 @@
   "devDependencies": {
     "@dpc-sdp/ripple-test-utils": "workspace:*",
     "@dpc-sdp/ripple-tide-api": "workspace:*",
+    "@dpc-sdp/ripple-ui-forms-ext": "workspace:*",
     "@nuxt/devtools": "^0.6.7",
     "cypress": "13.6.6",
     "node-fetch-native": "^1.4.1",
diff --git a/packages/ripple-ui-forms-ext/__test__/fixtures/webform.json b/packages/ripple-ui-forms-ext/__test__/fixtures/webform.json
new file mode 100644
index 0000000000..288d2ed79b
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/__test__/fixtures/webform.json
@@ -0,0 +1,148 @@
+{
+  "title": "Webform",
+  "changed": "2024-06-07T17:15:09+10:00",
+  "created": "2024-05-02T14:42:13+10:00",
+  "type": "landing_page",
+  "nid": "45fa8751-74af-43ee-9cb9-8a8fdee7e593",
+  "_sectionId": "8888",
+  "sidebar": {
+    "contacts": [],
+    "relatedLinks": [],
+    "whatsNext": [],
+    "socialShareNetworks": ["Facebook", "X", "LinkedIn"],
+    "siteSectionNav": null
+  },
+  "status": "published",
+  "topicTags": [
+    {
+      "text": "Demo Topic",
+      "url": "/topic/demo-topic"
+    }
+  ],
+  "siteSection": {
+    "id": 8888,
+    "name": "Demo Site",
+    "siteOverrides": {
+      "showQuickExit": null,
+      "theme": {},
+      "featureFlags": {}
+    }
+  },
+  "meta": {
+    "url": "/webform",
+    "langcode": "en",
+    "description": "Testing the landing page webform mapping",
+    "additional": [
+      {
+        "tag": "meta",
+        "attributes": {
+          "name": "title",
+          "content": "Webform | Single Digital Presence Content Management System"
+        }
+      },
+      {
+        "tag": "link",
+        "attributes": {
+          "rel": "canonical",
+          "href": "http://content-sdp.docker.internal/webform"
+        }
+      },
+      {
+        "tag": "meta",
+        "attributes": {
+          "property": "og:locale",
+          "content": "en-AU"
+        }
+      }
+    ],
+    "keywords": "",
+    "image": null
+  },
+  "showContentRating": true,
+  "summary": "Testing the landing page webform mapping",
+  "showHeroAcknowledgement": false,
+  "showInPageNav": false,
+  "showHeroImageCaption": false,
+  "showTopicTags": true,
+  "inPageNavHeadingLevel": "h2",
+  "background": "default",
+  "header": {
+    "title": "Webform",
+    "summary": "",
+    "links": {
+      "title": "",
+      "items": [],
+      "more": null
+    },
+    "backgroundImageCaption": "",
+    "theme": "default",
+    "logoImage": null,
+    "backgroundImage": null,
+    "cornerTop": null,
+    "cornerBottom": null,
+    "primaryAction": null,
+    "secondaryAction": null,
+    "secondaryActionLabel": ""
+  },
+  "primaryCampaign": null,
+  "secondaryCampaign": null,
+  "headerComponents": [],
+  "bodyComponents": [
+    {
+      "uuid": "986aca36-9a3a-408c-9455-c00396dcfb39",
+      "component": "TideLandingPageWebForm",
+      "id": 1795,
+      "title": "Partially supported",
+      "props": {
+        "title": "Partially supported",
+        "formId": "test_of_fields",
+        "hideFormOnSubmit": false,
+        "successMessageTitle": "Form submitted",
+        "successMessageHTML": "Thank you! Your response has been submitted.",
+        "errorMessageTitle": "Form not submitted",
+        "errorMessageHTML": "We are experiencing a server error. Please try again, otherwise contact us.",
+        "schema": [
+          {
+            "$formkit": "RplFormText",
+            "key": "name",
+            "name": "name",
+            "label": "Name",
+            "id": "test_of_fields_name",
+            "validation": [["length", 0, 255]],
+            "validationMessages": {
+              "required": "Name is required",
+              "accepted": "Name is required",
+              "length": "You can enter a maximum of 255 characters"
+            }
+          },
+          {
+            "$formkit": "RplFormItem",
+            "key": "test",
+            "name": "test",
+            "label": "Test",
+            "id": "test_of_fields_test",
+            "validation": [["length", 0, 255]],
+            "validationMessages": {
+              "required": "Item is required!",
+              "accepted": "Item is required",
+              "length": "You can enter a maximum of 255 characters"
+            }
+          },
+          {
+            "$formkit": "RplFormActions",
+            "key": "actions",
+            "name": "submit",
+            "variant": "filled",
+            "id": "test_of_fields_actions",
+            "displayResetButton": false,
+            "validation": [],
+            "validationMessages": {
+              "required": "Submit is required",
+              "accepted": "Submit is required"
+            }
+          }
+        ]
+      }
+    }
+  ]
+}
diff --git a/packages/ripple-ui-forms-ext/app.config.ts b/packages/ripple-ui-forms-ext/app.config.ts
new file mode 100644
index 0000000000..a596cbeb1f
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/app.config.ts
@@ -0,0 +1,20 @@
+import { defineAppConfig } from '#imports'
+import itemMapping from './mapping/item'
+
+export default defineAppConfig({
+  ripple: {
+    customInputs: {
+      item: {
+        id: 'RplFormItem',
+        type: 'item',
+        formkitDefProps: {
+          type: 'input',
+          family: 'text',
+          props: ['placeholder', 'validationMeta', 'columnClasses', 'pii'],
+          forceTypeProp: 'text'
+        },
+        mapping: itemMapping
+      }
+    }
+  }
+})
diff --git a/packages/ripple-ui-forms-ext/components/global/RplFormItem.vue b/packages/ripple-ui-forms-ext/components/global/RplFormItem.vue
new file mode 100644
index 0000000000..3872e99a25
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/components/global/RplFormItem.vue
@@ -0,0 +1,165 @@
+<script lang="ts">
+export default {
+  inheritAttrs: false
+}
+</script>
+
+<script setup lang="ts">
+import { computed, inject } from 'vue'
+import { useDebounceFn } from '@vueuse/core'
+// @ts-expect-error ts2305 local monorepo import
+import { useRippleEvent, type rplEventPayload } from '@dpc-sdp/ripple-ui-core'
+import { RplIcon } from '@dpc-sdp/ripple-ui-core/vue'
+import { sanitisePIIField } from '@dpc-sdp/ripple-ui-forms'
+
+interface Props {
+  id: string
+  disabled?: boolean
+  className?: string
+  value?: string
+  type?: string
+  name: string
+  label?: string
+  prefixIcon?: string
+  suffixIcon?: string
+  min?: number
+  max?: number
+  minlength?: number
+  maxlength?: number
+  variant?: 'default' | 'reverse'
+  invalid?: boolean
+  required?: boolean
+  centeredText?: boolean
+  globalEvents?: boolean
+  throttle?: number
+  pii?: boolean
+  onInput?: (payload: Event) => void
+  onBlur?: (payload: Event) => void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  type: 'item',
+  className: 'rpl-form__input',
+  value: undefined,
+  label: undefined,
+  prefixIcon: undefined,
+  suffixIcon: undefined,
+  min: undefined,
+  max: undefined,
+  minlength: undefined,
+  maxlength: undefined,
+  disabled: false,
+  required: false,
+  invalid: false,
+  variant: 'default',
+  centeredText: false,
+  globalEvents: true,
+  throttle: 500,
+  pii: true,
+  onInput: () => null,
+  onBlur: () => null
+})
+
+const emit = defineEmits<{
+  (e: 'update', payload: rplEventPayload & { action: 'update' }): void
+}>()
+
+const { emitRplEvent } = useRippleEvent('rpl-form-input', emit)
+
+const form: { id: string; name: string } | undefined = inject('form')
+
+const classes = computed(() => {
+  return {
+    [`${props.className}`]: props.className,
+    [`${props.className}--${props.variant}`]: true,
+    [`${props.className}--type-${props.type}`]: props.type,
+    [`${props.className}--disabled`]: props.disabled,
+    [`${props.className}--centered`]: props.centeredText,
+    [`${props.className}--with-prefix-icon`]: props.prefixIcon,
+    [`${props.className}--with-suffix-icon`]: props.suffixIcon,
+    [`${props.className}--invalid`]: props.invalid
+  }
+})
+
+const handleChange = useDebounceFn(() => {
+  emitRplEvent(
+    'update',
+    {
+      action: 'update',
+      id: props.id,
+      type: props.type,
+      label: props?.label,
+      contextId: form?.id,
+      contextName: form?.name,
+      value: sanitisePIIField(props.pii, props?.value)
+    },
+    { global: props.globalEvents }
+  )
+}, props.throttle)
+</script>
+
+<template>
+  <div :class="classes">
+    <div class="rpl-form__input-wrap">
+      <RplIcon
+        v-if="prefixIcon"
+        :name="prefixIcon"
+        :class="`${props.className}-icon ${props.className}-icon__prefix`"
+        size="s"
+      >
+      </RplIcon>
+      <input
+        :id="id"
+        type="text"
+        class="rpl-u-focusable-outline"
+        :disabled="disabled"
+        :required="required"
+        :aria-required="required"
+        :aria-invalid="invalid"
+        v-bind="$attrs"
+        :name="name"
+        :value="value"
+        :min="min"
+        :max="max"
+        :minlength="minlength"
+        :maxlength="maxlength"
+        @blur="onBlur"
+        @input="onInput"
+        @change="handleChange"
+      />
+      <RplIcon
+        v-if="suffixIcon"
+        :name="suffixIcon"
+        :class="`${props.className}-icon ${props.className}-icon__suffix`"
+        size="s"
+      >
+      </RplIcon>
+      <span class="rpl-form__input--type-item-label">custom input</span>
+    </div>
+  </div>
+</template>
+
+<style>
+/* @import '@dpc-sdp/ripple-ui-forms/style'; */
+
+.rpl-form__input--type-item {
+  background: rgb(250 125 63);
+  padding: 1px;
+  border-radius: 5px;
+  border: 1px solid rgb(0 0 0 / 0.1);
+  color: rgb(0 0 0 / 0.1);
+}
+
+.rpl-form__input--type-item-label {
+  letter-spacing: -1px;
+  line-height: 0.7;
+  padding: 3px 0;
+  text-align: center;
+  align-self: center;
+  font-weight: bold;
+  margin: 0 5px;
+  border-top: 3px solid rgb(0 0 0 / 0.1);
+  border-bottom: 3px solid rgb(0 0 0 / 0.1);
+  font-size: var(--rpl-type-size-3);
+}
+</style>
diff --git a/packages/ripple-ui-forms-ext/mapping/item.ts b/packages/ripple-ui-forms-ext/mapping/item.ts
new file mode 100644
index 0000000000..8602a6ddcf
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/mapping/item.ts
@@ -0,0 +1,24 @@
+import type { TideWebformElement } from '@dpc-sdp/ripple-tide-webform/types'
+import {
+  getValidationAndConditionals,
+  getInputIcons
+} from '@dpc-sdp/ripple-tide-webform/mapping/utils'
+
+// Tide API mapping function
+export default (
+  fieldID: string,
+  field: TideWebformElement,
+  fieldKey: string
+) => ({
+  $formkit: 'RplFormItem',
+  key: fieldKey,
+  name: fieldKey,
+  label: field['#title'],
+  disabled: field['#disabled'],
+  placeholder: field['#placeholder'],
+  id: fieldID,
+  help: field['#description'] || field['#help_title'],
+  value: field['#default_value'],
+  ...getValidationAndConditionals(field),
+  ...getInputIcons(field)
+})
diff --git a/packages/ripple-ui-forms-ext/nuxt.config.ts b/packages/ripple-ui-forms-ext/nuxt.config.ts
new file mode 100644
index 0000000000..3a774af39d
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/nuxt.config.ts
@@ -0,0 +1,9 @@
+import { defineNuxtConfig } from 'nuxt/config'
+
+export default defineNuxtConfig({
+  hooks: {
+    'build:done': async () => {
+      console.info('Added ripple-ui-forms-ext components')
+    }
+  }
+})
diff --git a/packages/ripple-ui-forms-ext/package.json b/packages/ripple-ui-forms-ext/package.json
new file mode 100644
index 0000000000..b124adc4f6
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "@dpc-sdp/ripple-ui-forms-ext",
+  "description": "Custom form inputs",
+  "version": "2.10.1",
+  "license": "Apache-2.0",
+  "repository": "https://github.com/dpc-sdp/ripple-framework",
+  "main": "./nuxt.config.ts",
+  "type": "module",
+  "exports": {
+    ".": "./nuxt.config.ts"
+  },
+  "dependencies": {
+    "@dpc-sdp/ripple-tide-webform": "workspace:*",
+    "@dpc-sdp/ripple-ui-forms": "workspace:*"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.5",
+    "rollup-plugin-postcss": "^4.0.2"
+  }
+}
diff --git a/packages/ripple-ui-forms-ext/pages/_test/webform.vue b/packages/ripple-ui-forms-ext/pages/_test/webform.vue
new file mode 100644
index 0000000000..f50c50471d
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/pages/_test/webform.vue
@@ -0,0 +1,12 @@
+<template>
+  <TideLandingPage :site="site as any" :page="page as any">
+    <template #sidebar> </template>
+  </TideLandingPage>
+</template>
+
+<script setup lang="ts">
+import page from '../../__test__/fixtures/webform.json'
+import { useTideSite } from '#imports'
+
+const site = await useTideSite()
+</script>
diff --git a/packages/ripple-ui-forms-ext/tsconfig.json b/packages/ripple-ui-forms-ext/tsconfig.json
new file mode 100644
index 0000000000..2403fca1a1
--- /dev/null
+++ b/packages/ripple-ui-forms-ext/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "./../../examples/nuxt-app/.nuxt/tsconfig.json"
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9b480db49a..2caae209a0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -249,6 +249,9 @@ importers:
       '@dpc-sdp/ripple-tide-api':
         specifier: workspace:*
         version: link:../../packages/ripple-tide-api
+      '@dpc-sdp/ripple-ui-forms-ext':
+        specifier: workspace:*
+        version: link:../../packages/ripple-ui-forms-ext
       '@nuxt/devtools':
         specifier: ^0.6.7
         version: 0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
@@ -932,6 +935,22 @@ importers:
         specifier: ^17.0.0
         version: 17.0.1(vue@3.4.23(typescript@5.1.3))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))
 
+  packages/ripple-ui-forms-ext:
+    dependencies:
+      '@dpc-sdp/ripple-tide-webform':
+        specifier: workspace:*
+        version: link:../ripple-tide-webform
+      '@dpc-sdp/ripple-ui-forms':
+        specifier: workspace:*
+        version: link:../ripple-ui-forms
+    devDependencies:
+      '@vitejs/plugin-vue':
+        specifier: ^5.0.5
+        version: 5.0.5(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
+      rollup-plugin-postcss:
+        specifier: ^4.0.2
+        version: 4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3))
+
   packages/ripple-ui-maps:
     dependencies:
       '@nuxt/kit':
@@ -5683,6 +5702,13 @@ packages:
       vite: '>=5.1.7'
       vue: ^3.2.25
 
+  '@vitejs/plugin-vue@5.0.5':
+    resolution: {integrity: sha512-LOjm7XeIimLBZyzinBQ6OSm3UBCNVCpLkxGC0oWmm2YPzVZoxMsdvNVimLTBzpAnR9hl/yn1SHGuRfe6/Td9rQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      vite: '>=5.1.7'
+      vue: ^3.2.25
+
   '@volar/language-core@1.3.0-alpha.0':
     resolution: {integrity: sha512-W3uMzecHPcbwddPu4SJpUcPakRBK/y/BP+U0U6NiPpUX1tONLC4yCawt+QBJqtgJ+sfD6ztf5PyvPL3hQRqfOA==}
 
@@ -7188,6 +7214,9 @@ packages:
     resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
     engines: {'0': node >= 6.0}
 
+  concat-with-sourcemaps@1.1.0:
+    resolution: {integrity: sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==}
+
   concurrently@8.2.1:
     resolution: {integrity: sha512-nVraf3aXOpIcNud5pB9M82p1tynmZkrSGQ1p6X/VY8cJ+2LMVqAgXsJxYYefACSHbTYlm92O1xuhdGTjwoEvbQ==}
     engines: {node: ^14.13.0 || >=16.0.0}
@@ -7409,6 +7438,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  css-declaration-sorter@6.4.1:
+    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
+    engines: {node: ^10 || ^12 || >=14}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   css-declaration-sorter@7.1.1:
     resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
     engines: {node: ^14 || ^16 || >=18}
@@ -7487,6 +7522,12 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  cssnano-preset-default@5.2.14:
+    resolution: {integrity: sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   cssnano-preset-default@6.0.3:
     resolution: {integrity: sha512-4y3H370aZCkT9Ev8P4SO4bZbt+AExeKhh8wTbms/X7OLDo5E7AYUUy6YPxa/uF5Grf+AJwNcCnxKhZynJ6luBA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7499,6 +7540,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  cssnano-utils@3.1.0:
+    resolution: {integrity: sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   cssnano-utils@4.0.1:
     resolution: {integrity: sha512-6qQuYDqsGoiXssZ3zct6dcMxiqfT6epy7x4R0TQJadd4LWO3sPR6JH6ZByOvVLoZ6EdwPGgd7+DR1EmX3tiXQQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7511,6 +7558,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  cssnano@5.1.15:
+    resolution: {integrity: sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   cssnano@6.0.3:
     resolution: {integrity: sha512-MRq4CIj8pnyZpcI2qs6wswoYoDD1t0aL28n+41c1Ukcpm56m1h6mCexIHBGjfZfnTqtGSSCP4/fB1ovxgjBOiw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8438,6 +8491,9 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  estree-walker@0.6.1:
+    resolution: {integrity: sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==}
+
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
@@ -8913,6 +8969,9 @@ packages:
     resolution: {integrity: sha512-0s5T5eciEG7Q3ugkxAkFtaDhrrhXsCRivA5y8C9WMHWuI8UlMOJg7+Iwf7Mccii+Dfs3H5jHepU0joPVyQU0Lw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  generic-names@4.0.0:
+    resolution: {integrity: sha512-ySFolZQfw9FoDb3ed9d80Cm9f0+r7qj+HJkWjeD9RBfpxEVTlVhol+gvaQB/78WbwYfbnNh8nWHHBSlg072y6A==}
+
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -9459,6 +9518,15 @@ packages:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
 
+  icss-replace-symbols@1.1.0:
+    resolution: {integrity: sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==}
+
+  icss-utils@5.1.0:
+    resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
@@ -9497,10 +9565,18 @@ packages:
     resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
     engines: {node: '>=0.10.0'}
 
+  import-cwd@3.0.0:
+    resolution: {integrity: sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==}
+    engines: {node: '>=8'}
+
   import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
 
+  import-from@3.0.0:
+    resolution: {integrity: sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==}
+    engines: {node: '>=8'}
+
   import-lazy@4.0.0:
     resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
     engines: {node: '>=8'}
@@ -10542,6 +10618,10 @@ packages:
     resolution: {integrity: sha512-IUjE5R3jCmTVWGEcJtzoRz3kAWoDqZUZzwhcpBN+rMIDiRRjS9ZGkyeT0KxXocg2DJEggyZyxSIdpaV//aLz/w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+
   lilconfig@3.0.0:
     resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
     engines: {node: '>=14'}
@@ -10590,6 +10670,10 @@ packages:
     resolution: {integrity: sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==}
     engines: {node: '>=8.9.0'}
 
+  loader-utils@3.3.1:
+    resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==}
+    engines: {node: '>= 12.13.0'}
+
   local-pkg@0.4.3:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
     engines: {node: '>=14'}
@@ -12260,6 +12344,11 @@ packages:
       browserslist: '>=4'
       postcss: '>=8.4.31'
 
+  postcss-calc@8.2.4:
+    resolution: {integrity: sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-calc@9.0.1:
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12290,6 +12379,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-colormin@5.3.1:
+    resolution: {integrity: sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-colormin@6.0.2:
     resolution: {integrity: sha512-TXKOxs9LWcdYo5cgmcSHPkyrLAh86hX1ijmyy6J8SbOhyv6ua053M3ZAM/0j44UsnQNIWdl8gb5L7xX2htKeLw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12302,6 +12397,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-convert-values@5.1.3:
+    resolution: {integrity: sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-convert-values@6.0.2:
     resolution: {integrity: sha512-aeBmaTnGQ+NUSVQT8aY0sKyAD/BaLJenEKZ03YK0JnDE1w1Rr8XShoxdal2V2H26xTJKr3v5haByOhJuyT4UYw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12338,6 +12439,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-discard-comments@5.1.2:
+    resolution: {integrity: sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-discard-comments@6.0.1:
     resolution: {integrity: sha512-f1KYNPtqYLUeZGCHQPKzzFtsHaRuECe6jLakf/RjSRqvF5XHLZnM2+fXLhb8Qh/HBFHs3M4cSLb1k3B899RYIg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12350,6 +12457,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-discard-duplicates@5.1.0:
+    resolution: {integrity: sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-discard-duplicates@6.0.1:
     resolution: {integrity: sha512-1hvUs76HLYR8zkScbwyJ8oJEugfPV+WchpnA+26fpJ7Smzs51CzGBHC32RS03psuX/2l0l0UKh2StzNxOrKCYg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12362,6 +12475,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-discard-empty@5.1.1:
+    resolution: {integrity: sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-discard-empty@6.0.1:
     resolution: {integrity: sha512-yitcmKwmVWtNsrrRqGJ7/C0YRy53i0mjexBDQ9zYxDwTWVBgbU4+C9jIZLmQlTDT9zhml+u0OMFJh8+31krmOg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12374,6 +12493,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-discard-overridden@5.1.0:
+    resolution: {integrity: sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-discard-overridden@6.0.1:
     resolution: {integrity: sha512-qs0ehZMMZpSESbRkw1+inkf51kak6OOzNRaoLd/U7Fatp0aN2HQ1rxGOrJvYcRAN9VpX8kUF13R2ofn8OlvFVA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12444,6 +12569,18 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-load-config@3.1.4:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.4.31'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+
   postcss-logical@6.1.0:
     resolution: {integrity: sha512-qb1+LpClhYjxac8SfOcWotnY3unKZesDqIOm+jnGt8rTl7xaIWpE2bPGZHxflOip1E/4ETo79qlJyRL3yrHn1g==}
     engines: {node: ^14 || ^16 || >=18}
@@ -12456,6 +12593,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-merge-longhand@5.1.7:
+    resolution: {integrity: sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-merge-longhand@6.0.2:
     resolution: {integrity: sha512-+yfVB7gEM8SrCo9w2lCApKIEzrTKl5yS1F4yGhV3kSim6JzbfLGJyhR1B6X+6vOT0U33Mgx7iv4X9MVWuaSAfw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12468,6 +12611,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-merge-rules@5.1.4:
+    resolution: {integrity: sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-merge-rules@6.0.3:
     resolution: {integrity: sha512-yfkDqSHGohy8sGYIJwBmIGDv4K4/WrJPX355XrxQb/CSsT4Kc/RxDi6akqn5s9bap85AWgv21ArcUWwWdGNSHA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12480,6 +12629,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-minify-font-values@5.1.0:
+    resolution: {integrity: sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-minify-font-values@6.0.1:
     resolution: {integrity: sha512-tIwmF1zUPoN6xOtA/2FgVk1ZKrLcCvE0dpZLtzyyte0j9zUeB8RTbCqrHZGjJlxOvNWKMYtunLrrl7HPOiR46w==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12492,6 +12647,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-minify-gradients@5.1.1:
+    resolution: {integrity: sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-minify-gradients@6.0.1:
     resolution: {integrity: sha512-M1RJWVjd6IOLPl1hYiOd5HQHgpp6cvJVLrieQYS9y07Yo8itAr6jaekzJphaJFR0tcg4kRewCk3kna9uHBxn/w==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12504,6 +12665,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-minify-params@5.1.4:
+    resolution: {integrity: sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-minify-params@6.0.2:
     resolution: {integrity: sha512-zwQtbrPEBDj+ApELZ6QylLf2/c5zmASoOuA4DzolyVGdV38iR2I5QRMsZcHkcdkZzxpN8RS4cN7LPskOkTwTZw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12516,6 +12683,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-minify-selectors@5.2.1:
+    resolution: {integrity: sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-minify-selectors@6.0.2:
     resolution: {integrity: sha512-0b+m+w7OAvZejPQdN2GjsXLv5o0jqYHX3aoV0e7RBKPCsB7TYG5KKWBFhGnB/iP3213Ts8c5H4wLPLMm7z28Sg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12528,6 +12701,35 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-modules-extract-imports@3.1.0:
+    resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
+  postcss-modules-local-by-default@4.0.5:
+    resolution: {integrity: sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
+  postcss-modules-scope@3.2.0:
+    resolution: {integrity: sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
+  postcss-modules-values@4.0.0:
+    resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
+  postcss-modules@4.3.1:
+    resolution: {integrity: sha512-ItUhSUxBBdNamkT3KzIZwYNNRFKmkJrofvC2nWab3CPKhYBQ1f27XXh1PAPE27Psx58jeelPsxWB/+og+KEH0Q==}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-nested@6.0.1:
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
@@ -12540,6 +12742,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-normalize-charset@5.1.0:
+    resolution: {integrity: sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-charset@6.0.1:
     resolution: {integrity: sha512-aW5LbMNRZ+oDV57PF9K+WI1Z8MPnF+A8qbajg/T8PP126YrGX1f9IQx21GI2OlGz7XFJi/fNi0GTbY948XJtXg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12552,6 +12760,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-display-values@5.1.0:
+    resolution: {integrity: sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-display-values@6.0.1:
     resolution: {integrity: sha512-mc3vxp2bEuCb4LgCcmG1y6lKJu1Co8T+rKHrcbShJwUmKJiEl761qb/QQCfFwlrvSeET3jksolCR/RZuMURudw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12564,6 +12778,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-positions@5.1.1:
+    resolution: {integrity: sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-positions@6.0.1:
     resolution: {integrity: sha512-HRsq8u/0unKNvm0cvwxcOUEcakFXqZ41fv3FOdPn916XFUrympjr+03oaLkuZENz3HE9RrQE9yU0Xv43ThWjQg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12576,6 +12796,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-repeat-style@5.1.1:
+    resolution: {integrity: sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-repeat-style@6.0.1:
     resolution: {integrity: sha512-Gbb2nmCy6tTiA7Sh2MBs3fj9W8swonk6lw+dFFeQT68B0Pzwp1kvisJQkdV6rbbMSd9brMlS8I8ts52tAGWmGQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12588,6 +12814,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-string@5.1.0:
+    resolution: {integrity: sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-string@6.0.1:
     resolution: {integrity: sha512-5Fhx/+xzALJD9EI26Aq23hXwmv97Zfy2VFrt5PLT8lAhnBIZvmaT5pQk+NuJ/GWj/QWaKSKbnoKDGLbV6qnhXg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12600,6 +12832,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-timing-functions@5.1.0:
+    resolution: {integrity: sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-timing-functions@6.0.1:
     resolution: {integrity: sha512-4zcczzHqmCU7L5dqTB9rzeqPWRMc0K2HoR+Bfl+FSMbqGBUcP5LRfgcH4BdRtLuzVQK1/FHdFoGT3F7rkEnY+g==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12612,6 +12850,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-unicode@5.1.1:
+    resolution: {integrity: sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-unicode@6.0.2:
     resolution: {integrity: sha512-Ff2VdAYCTGyMUwpevTZPZ4w0+mPjbZzLLyoLh/RMpqUqeQKZ+xMm31hkxBavDcGKcxm6ACzGk0nBfZ8LZkStKA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12624,6 +12868,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-url@5.1.0:
+    resolution: {integrity: sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-url@6.0.1:
     resolution: {integrity: sha512-jEXL15tXSvbjm0yzUV7FBiEXwhIa9H88JOXDGQzmcWoB4mSjZIsmtto066s2iW9FYuIrIF4k04HA2BKAOpbsaQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12636,6 +12886,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-normalize-whitespace@5.1.1:
+    resolution: {integrity: sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-normalize-whitespace@6.0.1:
     resolution: {integrity: sha512-76i3NpWf6bB8UHlVuLRxG4zW2YykF9CTEcq/9LGAiz2qBuX5cBStadkk0jSkg9a9TCIXbMQz7yzrygKoCW9JuA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12661,6 +12917,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-ordered-values@5.1.3:
+    resolution: {integrity: sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-ordered-values@6.0.1:
     resolution: {integrity: sha512-XXbb1O/MW9HdEhnBxitZpPFbIvDgbo9NK4c/5bOfiKpnIGZDoL2xd7/e6jW5DYLsWxBbs+1nZEnVgnjnlFViaA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12707,6 +12969,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-reduce-initial@5.1.2:
+    resolution: {integrity: sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-reduce-initial@6.0.2:
     resolution: {integrity: sha512-YGKalhNlCLcjcLvjU5nF8FyeCTkCO5UtvJEt0hrPZVCTtRLSOH4z00T1UntQPj4dUmIYZgMj8qK77JbSX95hSw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12719,6 +12987,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-reduce-transforms@5.1.0:
+    resolution: {integrity: sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-reduce-transforms@6.0.1:
     resolution: {integrity: sha512-fUbV81OkUe75JM+VYO1gr/IoA2b/dRiH6HvMwhrIBSUrxq3jNZQZitSnugcTLDi1KkQh1eR/zi+iyxviUNBkcQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12773,6 +13047,12 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
+  postcss-svgo@5.1.0:
+    resolution: {integrity: sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-svgo@6.0.2:
     resolution: {integrity: sha512-IH5R9SjkTkh0kfFOQDImyy1+mTCb+E830+9SV1O+AaDcoHTvfsvt6WwJeo7KwcHbFnevZVCsXhDmjFiGVuwqFQ==}
     engines: {node: ^14 || ^16 || >= 18}
@@ -12785,6 +13065,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-unique-selectors@5.1.1:
+    resolution: {integrity: sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   postcss-unique-selectors@6.0.2:
     resolution: {integrity: sha512-8IZGQ94nechdG7Y9Sh9FlIY2b4uS8/k8kdKRX040XHsS3B6d1HrJAkXrBSsSu4SuARruSsUjW3nlSw8BHkaAYQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12923,6 +13209,10 @@ packages:
     resolution: {integrity: sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==}
     engines: {node: '>=10'}
 
+  promise.series@0.2.0:
+    resolution: {integrity: sha512-VWQJyU2bcDTgZw8kpfBpB/ejZASlCrzwz5f2hjb/zlujOEB4oeiAhHygAWq8ubsX2GVkD4kCU5V2dwOTaCY5EQ==}
+    engines: {node: '>=0.12'}
+
   promise@7.3.1:
     resolution: {integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==}
 
@@ -13493,6 +13783,12 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  rollup-plugin-postcss@4.0.2:
+    resolution: {integrity: sha512-05EaY6zvZdmvPUDi3uCcAQoESDcYnv8ogJJQRp6V5kZ6J6P7uAVJlrTZcaaA20wTH527YTnKfkAoPxWI/jPp4w==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   rollup-plugin-visualizer@5.12.0:
     resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
     engines: {node: '>=14'}
@@ -13503,6 +13799,9 @@ packages:
       rollup:
         optional: true
 
+  rollup-pluginutils@2.8.2:
+    resolution: {integrity: sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==}
+
   rollup@3.28.0:
     resolution: {integrity: sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -13542,6 +13841,9 @@ packages:
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
+  safe-identifier@0.4.2:
+    resolution: {integrity: sha512-6pNbSMW6OhAi9j+N8V+U715yBQsaWJ7eyEUaOrawX+isg5ZxhUlV1NipNtgaKHmFGiABwt+ZF04Ii+3Xjkg+8w==}
+
   safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
 
@@ -14015,6 +14317,9 @@ packages:
     resolution: {integrity: sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==}
     engines: {node: '>=0.6.19'}
 
+  string-hash@1.1.3:
+    resolution: {integrity: sha512-kJUvRUFK49aub+a7T1nNE66EJbZBMnBgoC1UbCZ5n6bsZKBRga4KgBRTMn/pFkeCZSYtNeSyMxPDM0AXWELk2A==}
+
   string-length@4.0.2:
     resolution: {integrity: sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==}
     engines: {node: '>=10'}
@@ -14114,9 +14419,18 @@ packages:
     resolution: {integrity: sha512-Nd/qrPj1ikYX+sL/8PofMgfaJLRvGgT96Ty3dJLGNqtZmecVr3Xs+OZivMQEYmSCTiap/UyeV5SqwmAgn3/KKA==}
     engines: {node: '>=12.0.0'}
 
+  style-inject@0.3.0:
+    resolution: {integrity: sha512-IezA2qp+vcdlhJaVm5SOdPPTUu0FCEqfNSli2vRuSIBbu5Nq5UvygTk/VzeCqfLz2Atj3dVII5QBKGZRZ0edzw==}
+
   style-search@0.1.0:
     resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
 
+  stylehacks@5.1.1:
+    resolution: {integrity: sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==}
+    engines: {node: ^10 || ^12 || >=14.0}
+    peerDependencies:
+      postcss: '>=8.4.31'
+
   stylehacks@6.0.2:
     resolution: {integrity: sha512-00zvJGnCu64EpMjX8b5iCZ3us2Ptyw8+toEkb92VdmkEaRaSGBNKAoK6aWZckhXxmQP8zWiTaFaiMGIU8Ve8sg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -15711,6 +16025,10 @@ packages:
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
+  yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+
   yaml@2.3.1:
     resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
     engines: {node: '>= 14'}
@@ -20208,7 +20526,7 @@ snapshots:
     dependencies:
       '@nuxt/kit': 3.10.2(rollup@4.9.1)
       '@rollup/plugin-replace': 5.0.5(rollup@4.9.1)
-      '@vitejs/plugin-vue': 5.0.4(patch_hash=isqbuc2kkxkzmwgmxoscqh5w4q)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
+      '@vitejs/plugin-vue': 5.0.5(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
       '@vitejs/plugin-vue-jsx': 3.1.0(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
       autoprefixer: 10.4.17(postcss@8.4.38)
       clear: 0.1.0
@@ -20265,7 +20583,7 @@ snapshots:
     dependencies:
       '@nuxt/kit': 3.11.2(rollup@4.14.3)
       '@rollup/plugin-replace': 5.0.5(rollup@4.14.3)
-      '@vitejs/plugin-vue': 5.0.4(patch_hash=isqbuc2kkxkzmwgmxoscqh5w4q)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
+      '@vitejs/plugin-vue': 5.0.5(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
       '@vitejs/plugin-vue-jsx': 3.1.0(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
       autoprefixer: 10.4.19(postcss@8.4.38)
       clear: 0.1.0
@@ -23021,6 +23339,11 @@ snapshots:
       vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
       vue: 3.4.23(typescript@5.1.3)
 
+  '@vitejs/plugin-vue@5.0.5(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))':
+    dependencies:
+      vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
+      vue: 3.4.23(typescript@5.1.3)
+
   '@volar/language-core@1.3.0-alpha.0':
     dependencies:
       '@volar/source-map': 1.3.0-alpha.0
@@ -25096,6 +25419,10 @@ snapshots:
       readable-stream: 3.6.0
       typedarray: 0.0.6
 
+  concat-with-sourcemaps@1.1.0:
+    dependencies:
+      source-map: 0.6.1
+
   concurrently@8.2.1:
     dependencies:
       chalk: 4.1.2
@@ -25364,6 +25691,10 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
+  css-declaration-sorter@6.4.1(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   css-declaration-sorter@7.1.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -25445,6 +25776,39 @@ snapshots:
 
   cssesc@3.0.0: {}
 
+  cssnano-preset-default@5.2.14(postcss@8.4.38):
+    dependencies:
+      css-declaration-sorter: 6.4.1(postcss@8.4.38)
+      cssnano-utils: 3.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-calc: 8.2.4(postcss@8.4.38)
+      postcss-colormin: 5.3.1(postcss@8.4.38)
+      postcss-convert-values: 5.1.3(postcss@8.4.38)
+      postcss-discard-comments: 5.1.2(postcss@8.4.38)
+      postcss-discard-duplicates: 5.1.0(postcss@8.4.38)
+      postcss-discard-empty: 5.1.1(postcss@8.4.38)
+      postcss-discard-overridden: 5.1.0(postcss@8.4.38)
+      postcss-merge-longhand: 5.1.7(postcss@8.4.38)
+      postcss-merge-rules: 5.1.4(postcss@8.4.38)
+      postcss-minify-font-values: 5.1.0(postcss@8.4.38)
+      postcss-minify-gradients: 5.1.1(postcss@8.4.38)
+      postcss-minify-params: 5.1.4(postcss@8.4.38)
+      postcss-minify-selectors: 5.2.1(postcss@8.4.38)
+      postcss-normalize-charset: 5.1.0(postcss@8.4.38)
+      postcss-normalize-display-values: 5.1.0(postcss@8.4.38)
+      postcss-normalize-positions: 5.1.1(postcss@8.4.38)
+      postcss-normalize-repeat-style: 5.1.1(postcss@8.4.38)
+      postcss-normalize-string: 5.1.0(postcss@8.4.38)
+      postcss-normalize-timing-functions: 5.1.0(postcss@8.4.38)
+      postcss-normalize-unicode: 5.1.1(postcss@8.4.38)
+      postcss-normalize-url: 5.1.0(postcss@8.4.38)
+      postcss-normalize-whitespace: 5.1.1(postcss@8.4.38)
+      postcss-ordered-values: 5.1.3(postcss@8.4.38)
+      postcss-reduce-initial: 5.1.2(postcss@8.4.38)
+      postcss-reduce-transforms: 5.1.0(postcss@8.4.38)
+      postcss-svgo: 5.1.0(postcss@8.4.38)
+      postcss-unique-selectors: 5.1.1(postcss@8.4.38)
+
   cssnano-preset-default@6.0.3(postcss@8.4.38):
     dependencies:
       css-declaration-sorter: 7.1.1(postcss@8.4.38)
@@ -25512,6 +25876,10 @@ snapshots:
       postcss-svgo: 6.0.3(postcss@8.4.38)
       postcss-unique-selectors: 6.0.4(postcss@8.4.38)
 
+  cssnano-utils@3.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   cssnano-utils@4.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -25520,6 +25888,13 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  cssnano@5.1.15(postcss@8.4.38):
+    dependencies:
+      cssnano-preset-default: 5.2.14(postcss@8.4.38)
+      lilconfig: 2.1.0
+      postcss: 8.4.38
+      yaml: 1.10.2
+
   cssnano@6.0.3(postcss@8.4.38):
     dependencies:
       cssnano-preset-default: 6.0.3(postcss@8.4.38)
@@ -26652,6 +27027,8 @@ snapshots:
 
   estraverse@5.3.0: {}
 
+  estree-walker@0.6.1: {}
+
   estree-walker@2.0.2: {}
 
   estree-walker@3.0.3:
@@ -27280,6 +27657,10 @@ snapshots:
       strip-ansi: 6.0.1
       wide-align: 1.1.5
 
+  generic-names@4.0.0:
+    dependencies:
+      loader-utils: 3.3.1
+
   gensync@1.0.0-beta.2: {}
 
   geotiff@2.1.2:
@@ -28031,6 +28412,12 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
+  icss-replace-symbols@1.1.0: {}
+
+  icss-utils@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   ieee754@1.2.1: {}
 
   iframe-resizer@4.3.6: {}
@@ -28057,11 +28444,19 @@ snapshots:
 
   image-size@0.5.5: {}
 
+  import-cwd@3.0.0:
+    dependencies:
+      import-from: 3.0.0
+
   import-fresh@3.3.0:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
+  import-from@3.0.0:
+    dependencies:
+      resolve-from: 5.0.0
+
   import-lazy@4.0.0: {}
 
   import-local@3.1.0:
@@ -29514,6 +29909,8 @@ snapshots:
       - bluebird
       - supports-color
 
+  lilconfig@2.1.0: {}
+
   lilconfig@3.0.0: {}
 
   lilconfig@3.1.1: {}
@@ -29607,6 +30004,8 @@ snapshots:
       emojis-list: 3.0.0
       json5: 2.2.3
 
+  loader-utils@3.3.1: {}
+
   local-pkg@0.4.3: {}
 
   local-pkg@0.5.0:
@@ -32135,6 +32534,12 @@ snapshots:
       browserslist: 4.23.0
       postcss: 8.4.38
 
+  postcss-calc@8.2.4(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
+      postcss-value-parser: 4.2.0
+
   postcss-calc@9.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32161,6 +32566,14 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-colormin@5.3.1(postcss@8.4.38):
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      colord: 2.9.3
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-colormin@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32177,6 +32590,12 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-convert-values@5.1.3(postcss@8.4.38):
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-convert-values@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32218,6 +32637,10 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
+  postcss-discard-comments@5.1.2(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   postcss-discard-comments@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32226,6 +32649,10 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  postcss-discard-duplicates@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   postcss-discard-duplicates@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32234,6 +32661,10 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  postcss-discard-empty@5.1.1(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   postcss-discard-empty@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32242,6 +32673,10 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  postcss-discard-overridden@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   postcss-discard-overridden@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32307,6 +32742,14 @@ snapshots:
       '@csstools/postcss-progressive-custom-properties': 2.1.0(postcss@8.4.38)
       postcss: 8.4.38
 
+  postcss-load-config@3.1.4(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3)):
+    dependencies:
+      lilconfig: 2.1.0
+      yaml: 1.10.2
+    optionalDependencies:
+      postcss: 8.4.38
+      ts-node: 10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3)
+
   postcss-logical@6.1.0(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32316,6 +32759,12 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  postcss-merge-longhand@5.1.7(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+      stylehacks: 5.1.1(postcss@8.4.38)
+
   postcss-merge-longhand@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32328,6 +32777,14 @@ snapshots:
       postcss-value-parser: 4.2.0
       stylehacks: 6.1.1(postcss@8.4.38)
 
+  postcss-merge-rules@5.1.4(postcss@8.4.38):
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      cssnano-utils: 3.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
+
   postcss-merge-rules@6.0.3(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32344,6 +32801,11 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.16
 
+  postcss-minify-font-values@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-minify-font-values@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32354,6 +32816,13 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-minify-gradients@5.1.1(postcss@8.4.38):
+    dependencies:
+      colord: 2.9.3
+      cssnano-utils: 3.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-minify-gradients@6.0.1(postcss@8.4.38):
     dependencies:
       colord: 2.9.3
@@ -32368,6 +32837,13 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-minify-params@5.1.4(postcss@8.4.38):
+    dependencies:
+      browserslist: 4.23.0
+      cssnano-utils: 3.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-minify-params@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32382,6 +32858,11 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-minify-selectors@5.2.1(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
+
   postcss-minify-selectors@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32392,6 +32873,39 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.16
 
+  postcss-modules-extract-imports@3.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
+  postcss-modules-local-by-default@4.0.5(postcss@8.4.38):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
+      postcss-value-parser: 4.2.0
+
+  postcss-modules-scope@3.2.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
+
+  postcss-modules-values@4.0.0(postcss@8.4.38):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+
+  postcss-modules@4.3.1(postcss@8.4.38):
+    dependencies:
+      generic-names: 4.0.0
+      icss-replace-symbols: 1.1.0
+      lodash.camelcase: 4.3.0
+      postcss: 8.4.38
+      postcss-modules-extract-imports: 3.1.0(postcss@8.4.38)
+      postcss-modules-local-by-default: 4.0.5(postcss@8.4.38)
+      postcss-modules-scope: 3.2.0(postcss@8.4.38)
+      postcss-modules-values: 4.0.0(postcss@8.4.38)
+      string-hash: 1.1.3
+
   postcss-nested@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32403,6 +32917,10 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
+  postcss-normalize-charset@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+
   postcss-normalize-charset@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32411,6 +32929,11 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  postcss-normalize-display-values@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-display-values@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32421,6 +32944,11 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-normalize-positions@5.1.1(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-positions@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32431,6 +32959,11 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-normalize-repeat-style@5.1.1(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-repeat-style@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32441,6 +32974,11 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-normalize-string@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-string@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32451,6 +32989,11 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-normalize-timing-functions@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-timing-functions@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32461,6 +33004,12 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-normalize-unicode@5.1.1(postcss@8.4.38):
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-unicode@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32473,6 +33022,12 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-normalize-url@5.1.0(postcss@8.4.38):
+    dependencies:
+      normalize-url: 6.1.0
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-url@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32483,6 +33038,11 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-normalize-whitespace@5.1.1(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-normalize-whitespace@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32513,6 +33073,12 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  postcss-ordered-values@5.1.3(postcss@8.4.38):
+    dependencies:
+      cssnano-utils: 3.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-ordered-values@6.0.1(postcss@8.4.38):
     dependencies:
       cssnano-utils: 4.0.1(postcss@8.4.38)
@@ -32606,6 +33172,12 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
+  postcss-reduce-initial@5.1.2(postcss@8.4.38):
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      postcss: 8.4.38
+
   postcss-reduce-initial@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32618,6 +33190,11 @@ snapshots:
       caniuse-api: 3.0.0
       postcss: 8.4.38
 
+  postcss-reduce-transforms@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+
   postcss-reduce-transforms@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32667,6 +33244,12 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
+  postcss-svgo@5.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+      svgo: 2.8.0
+
   postcss-svgo@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32679,6 +33262,11 @@ snapshots:
       postcss-value-parser: 4.2.0
       svgo: 3.2.0
 
+  postcss-unique-selectors@5.1.1(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
+
   postcss-unique-selectors@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32803,6 +33391,8 @@ snapshots:
       err-code: 2.0.3
       retry: 0.12.0
 
+  promise.series@0.2.0: {}
+
   promise@7.3.1:
     dependencies:
       asap: 2.0.6
@@ -33525,6 +34115,25 @@ snapshots:
     dependencies:
       glob: 10.3.10
 
+  rollup-plugin-postcss@4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3)):
+    dependencies:
+      chalk: 4.1.2
+      concat-with-sourcemaps: 1.1.0
+      cssnano: 5.1.15(postcss@8.4.38)
+      import-cwd: 3.0.0
+      p-queue: 6.6.2
+      pify: 5.0.0
+      postcss: 8.4.38
+      postcss-load-config: 3.1.4(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3))
+      postcss-modules: 4.3.1(postcss@8.4.38)
+      promise.series: 0.2.0
+      resolve: 1.22.2
+      rollup-pluginutils: 2.8.2
+      safe-identifier: 0.4.2
+      style-inject: 0.3.0
+    transitivePeerDependencies:
+      - ts-node
+
   rollup-plugin-visualizer@5.12.0(rollup@4.14.3):
     dependencies:
       open: 8.4.0
@@ -33543,6 +34152,10 @@ snapshots:
     optionalDependencies:
       rollup: 4.9.1
 
+  rollup-pluginutils@2.8.2:
+    dependencies:
+      estree-walker: 0.6.1
+
   rollup@3.28.0:
     optionalDependencies:
       fsevents: 2.3.3
@@ -33606,6 +34219,8 @@ snapshots:
 
   safe-buffer@5.2.1: {}
 
+  safe-identifier@0.4.2: {}
+
   safe-regex-test@1.0.0:
     dependencies:
       call-bind: 1.0.2
@@ -34226,6 +34841,8 @@ snapshots:
 
   string-argv@0.3.1: {}
 
+  string-hash@1.1.3: {}
+
   string-length@4.0.2:
     dependencies:
       char-regex: 1.0.2
@@ -34339,8 +34956,16 @@ snapshots:
       lodash: 4.17.21
       tinycolor2: 1.6.0
 
+  style-inject@0.3.0: {}
+
   style-search@0.1.0: {}
 
+  stylehacks@5.1.1(postcss@8.4.38):
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
+
   stylehacks@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -36264,6 +36889,8 @@ snapshots:
 
   yallist@4.0.0: {}
 
+  yaml@1.10.2: {}
+
   yaml@2.3.1: {}
 
   yaml@2.3.4: {}

From fbffa9ac9e8d30311888800f55e23cebee67d82d Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Tue, 25 Jun 2024 23:41:39 +0000
Subject: [PATCH 06/29] refactor: :recycle: move layer to nuxt-app

---
 .../__test__/fixtures/webform.json            |   0
 .../layers}/ripple-ui-forms-ext/app.config.ts |   0
 .../components/global/RplFormItem.vue         |   0
 .../ripple-ui-forms-ext/mapping/item.ts       |   8 +-
 .../ripple-ui-forms-ext/nuxt.config.ts        |   0
 .../layers}/ripple-ui-forms-ext/package.json  |   4 -
 .../pages/_test/webform.vue                   |   0
 .../layers/ripple-ui-forms-ext/tsconfig.json  |   3 +
 examples/nuxt-app/nuxt.config.ts              |   2 +-
 examples/nuxt-app/package.json                |   1 -
 .../mapping/webform-conditional-logic.ts      |  31 +-
 .../mapping/webform-utils.ts                  |  28 +-
 .../mapping/webforms-mapping.ts               |   5 +-
 packages/ripple-tide-webform/package.json     |   1 +
 .../server/webform-utils.ts                   |  22 +
 packages/ripple-ui-forms-ext/tsconfig.json    |   3 -
 pnpm-lock.yaml                                | 866 ++++--------------
 17 files changed, 258 insertions(+), 716 deletions(-)
 rename {packages => examples/nuxt-app/layers}/ripple-ui-forms-ext/__test__/fixtures/webform.json (100%)
 rename {packages => examples/nuxt-app/layers}/ripple-ui-forms-ext/app.config.ts (100%)
 rename {packages => examples/nuxt-app/layers}/ripple-ui-forms-ext/components/global/RplFormItem.vue (100%)
 rename {packages => examples/nuxt-app/layers}/ripple-ui-forms-ext/mapping/item.ts (77%)
 rename {packages => examples/nuxt-app/layers}/ripple-ui-forms-ext/nuxt.config.ts (100%)
 rename {packages => examples/nuxt-app/layers}/ripple-ui-forms-ext/package.json (80%)
 rename {packages => examples/nuxt-app/layers}/ripple-ui-forms-ext/pages/_test/webform.vue (100%)
 create mode 100644 examples/nuxt-app/layers/ripple-ui-forms-ext/tsconfig.json
 create mode 100644 packages/ripple-tide-webform/server/webform-utils.ts
 delete mode 100644 packages/ripple-ui-forms-ext/tsconfig.json

diff --git a/packages/ripple-ui-forms-ext/__test__/fixtures/webform.json b/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/fixtures/webform.json
similarity index 100%
rename from packages/ripple-ui-forms-ext/__test__/fixtures/webform.json
rename to examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/fixtures/webform.json
diff --git a/packages/ripple-ui-forms-ext/app.config.ts b/examples/nuxt-app/layers/ripple-ui-forms-ext/app.config.ts
similarity index 100%
rename from packages/ripple-ui-forms-ext/app.config.ts
rename to examples/nuxt-app/layers/ripple-ui-forms-ext/app.config.ts
diff --git a/packages/ripple-ui-forms-ext/components/global/RplFormItem.vue b/examples/nuxt-app/layers/ripple-ui-forms-ext/components/global/RplFormItem.vue
similarity index 100%
rename from packages/ripple-ui-forms-ext/components/global/RplFormItem.vue
rename to examples/nuxt-app/layers/ripple-ui-forms-ext/components/global/RplFormItem.vue
diff --git a/packages/ripple-ui-forms-ext/mapping/item.ts b/examples/nuxt-app/layers/ripple-ui-forms-ext/mapping/item.ts
similarity index 77%
rename from packages/ripple-ui-forms-ext/mapping/item.ts
rename to examples/nuxt-app/layers/ripple-ui-forms-ext/mapping/item.ts
index 8602a6ddcf..9ac2320fb4 100644
--- a/packages/ripple-ui-forms-ext/mapping/item.ts
+++ b/examples/nuxt-app/layers/ripple-ui-forms-ext/mapping/item.ts
@@ -4,6 +4,12 @@ import {
   getInputIcons
 } from '@dpc-sdp/ripple-tide-webform/mapping/utils'
 
+const logger = {
+  warn: (message: string, props: { label: string }) => {
+    console.warn(props.label, message)
+  }
+}
+
 // Tide API mapping function
 export default (
   fieldID: string,
@@ -19,6 +25,6 @@ export default (
   id: fieldID,
   help: field['#description'] || field['#help_title'],
   value: field['#default_value'],
-  ...getValidationAndConditionals(field),
+  ...getValidationAndConditionals(field, logger),
   ...getInputIcons(field)
 })
diff --git a/packages/ripple-ui-forms-ext/nuxt.config.ts b/examples/nuxt-app/layers/ripple-ui-forms-ext/nuxt.config.ts
similarity index 100%
rename from packages/ripple-ui-forms-ext/nuxt.config.ts
rename to examples/nuxt-app/layers/ripple-ui-forms-ext/nuxt.config.ts
diff --git a/packages/ripple-ui-forms-ext/package.json b/examples/nuxt-app/layers/ripple-ui-forms-ext/package.json
similarity index 80%
rename from packages/ripple-ui-forms-ext/package.json
rename to examples/nuxt-app/layers/ripple-ui-forms-ext/package.json
index b124adc4f6..66243bea10 100644
--- a/packages/ripple-ui-forms-ext/package.json
+++ b/examples/nuxt-app/layers/ripple-ui-forms-ext/package.json
@@ -12,9 +12,5 @@
   "dependencies": {
     "@dpc-sdp/ripple-tide-webform": "workspace:*",
     "@dpc-sdp/ripple-ui-forms": "workspace:*"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.5",
-    "rollup-plugin-postcss": "^4.0.2"
   }
 }
diff --git a/packages/ripple-ui-forms-ext/pages/_test/webform.vue b/examples/nuxt-app/layers/ripple-ui-forms-ext/pages/_test/webform.vue
similarity index 100%
rename from packages/ripple-ui-forms-ext/pages/_test/webform.vue
rename to examples/nuxt-app/layers/ripple-ui-forms-ext/pages/_test/webform.vue
diff --git a/examples/nuxt-app/layers/ripple-ui-forms-ext/tsconfig.json b/examples/nuxt-app/layers/ripple-ui-forms-ext/tsconfig.json
new file mode 100644
index 0000000000..99fbedd0b0
--- /dev/null
+++ b/examples/nuxt-app/layers/ripple-ui-forms-ext/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "./../../.nuxt/tsconfig.json"
+}
diff --git a/examples/nuxt-app/nuxt.config.ts b/examples/nuxt-app/nuxt.config.ts
index 2aa2e8e6b6..38c6b7625d 100644
--- a/examples/nuxt-app/nuxt.config.ts
+++ b/examples/nuxt-app/nuxt.config.ts
@@ -28,7 +28,7 @@ export default defineNuxtConfig({
     '@dpc-sdp/ripple-tide-news',
     '@dpc-sdp/ripple-tide-search',
     '@dpc-sdp/ripple-tide-webform',
-    '@dpc-sdp/ripple-ui-forms-ext'
+    './layers/ripple-ui-forms-ext'
   ],
   // Nuxt devtools
   sourcemap: true,
diff --git a/examples/nuxt-app/package.json b/examples/nuxt-app/package.json
index 8f9c515ad8..e82065a2ba 100644
--- a/examples/nuxt-app/package.json
+++ b/examples/nuxt-app/package.json
@@ -39,7 +39,6 @@
   "devDependencies": {
     "@dpc-sdp/ripple-test-utils": "workspace:*",
     "@dpc-sdp/ripple-tide-api": "workspace:*",
-    "@dpc-sdp/ripple-ui-forms-ext": "workspace:*",
     "@nuxt/devtools": "^0.6.7",
     "cypress": "13.6.6",
     "node-fetch-native": "^1.4.1",
diff --git a/packages/ripple-tide-webform/mapping/webform-conditional-logic.ts b/packages/ripple-tide-webform/mapping/webform-conditional-logic.ts
index bcf979c0ab..027e5b7a42 100644
--- a/packages/ripple-tide-webform/mapping/webform-conditional-logic.ts
+++ b/packages/ripple-tide-webform/mapping/webform-conditional-logic.ts
@@ -1,5 +1,3 @@
-import { logger } from '@dpc-sdp/ripple-tide-api'
-
 type SupportedStates =
   | 'required'
   | 'disabled'
@@ -23,7 +21,7 @@ interface NormalisedRule {
  * @param {String} rule :input[name=\"check_a\"]
  * @param {String} prefix string to prepend to the name
  */
-const getNameFromSelector = (rule: string, prefix: string): string => {
+const getNameFromSelector = (rule: string, prefix: string | null): string => {
   const start = rule.indexOf('"') + 1
   const end = rule.indexOf('"', start + 1)
   const name = rule.substr(start, end - start)
@@ -35,7 +33,7 @@ const getNameFromSelector = (rule: string, prefix: string): string => {
  * Return the first key of an object
  * @param {Object} obj Object with keys
  */
-const getFirstObjectKey = (obj): string => {
+const getFirstObjectKey = (obj: {}): string => {
   if (!obj) {
     return ''
   }
@@ -50,10 +48,16 @@ const getFirstObjectKey = (obj): string => {
  * @param {String} selector a field selector e.g. ':input[name=\"check_a\"]' or ':input[name=\"check_a[option]\"]'
  * @param {String} prefix used to prepend the fieldName
  */
-function convertSelectorToOperand(ruleObject, selector, prefix): Operand {
+function convertSelectorToOperand(
+  ruleObject: [],
+  selector: any,
+  prefix: string | null
+): Operand {
   let fieldName = getNameFromSelector(selector, prefix)
   const triggerType = getFirstObjectKey(ruleObject[selector])
-  let triggerValue = triggerType ? ruleObject[selector][triggerType] : null
+  let triggerValue: string | null = triggerType
+    ? ruleObject[selector][triggerType]
+    : null
 
   // Check for nested selectors, i.e. checkbox lists and multi selects
   const arrayRegex = /\[(.*?)]/
@@ -73,7 +77,11 @@ function convertSelectorToOperand(ruleObject, selector, prefix): Operand {
  * @param {Object} rulesObject webform rules object
  * @param {String} prefix optional prefix to scope rules to a form
  */
-const normaliseRule = (rulesObject, prefix = null): NormalisedRule => {
+const normaliseRule = (
+  rulesObject: any,
+  prefix: string | null = null,
+  logger: { warn: Function }
+): NormalisedRule => {
   const rulesType = Array.isArray(rulesObject) ? 'array' : typeof rulesObject
   let operator: LogicOperator = 'and'
   const operands: Operand[] = []
@@ -81,7 +89,7 @@ const normaliseRule = (rulesObject, prefix = null): NormalisedRule => {
   switch (rulesType) {
     case 'array':
       // Used for 'or' / 'xor' operators.
-      rulesObject.forEach((item) => {
+      rulesObject.forEach((item: any) => {
         if (typeof item === 'object') {
           const selector = getFirstObjectKey(item)
           operands.push(convertSelectorToOperand(item, selector, prefix))
@@ -162,7 +170,10 @@ const toFormkitExpression = (rule: NormalisedRule): string => {
  * @param {Object} field
  */
 export const getConditionals = (
-  field
+  field: {
+    [key: string]: any
+  },
+  logger: { warn: Function }
 ): {
   [key: string]: string
 } => {
@@ -170,7 +181,7 @@ export const getConditionals = (
 
   return (Object.keys(states || {}) as SupportedStates[]).reduce(
     (result, state: SupportedStates) => {
-      const rule = normaliseRule(states[state], field?.formId)
+      const rule = normaliseRule(states[state], field?.formId, logger)
       const expression = toFormkitExpression(rule)
 
       switch (state) {
diff --git a/packages/ripple-tide-webform/mapping/webform-utils.ts b/packages/ripple-tide-webform/mapping/webform-utils.ts
index c70c7112ff..4647233cfe 100644
--- a/packages/ripple-tide-webform/mapping/webform-utils.ts
+++ b/packages/ripple-tide-webform/mapping/webform-utils.ts
@@ -1,8 +1,14 @@
 import { getConditionals } from './webform-conditional-logic'
 import { getValidation } from './webform-validation'
 
-export const getValidationAndConditionals = (field) => {
-  const conditionals = getConditionals(field)
+const logger = {
+  warn: (message: string, props: { label: string }) => {
+    console.warn(props.label, message)
+  }
+}
+
+export const getValidationAndConditionals = (field: {}) => {
+  const conditionals = getConditionals(field, logger)
 
   const requiredCondition = conditionals.required
   const validation = getValidation(field, requiredCondition)
@@ -13,9 +19,9 @@ export const getValidationAndConditionals = (field) => {
   }
 }
 
-export const getInputIcons = (
-  field
-): { prefixIcon?: string; suffixIcon?: string } => {
+export const getInputIcons = (field: {
+  [key: string]: string | undefined
+}): { prefixIcon?: string; suffixIcon?: string } => {
   if (field['#field_prefix']) {
     return {
       prefixIcon: `icon-${field['#field_prefix']}`
@@ -24,9 +30,9 @@ export const getInputIcons = (
   return {}
 }
 
-export const getMinMaxFields = (
-  field
-): { minlength?: string; maxlength?: string } => {
+export const getMinMaxFields = (field: {
+  [key: string]: string | undefined
+}): { minlength?: string; maxlength?: string } => {
   let minlength = field['#minlength']
   let maxlength = field['#maxlength']
 
@@ -39,9 +45,9 @@ export const getMinMaxFields = (
   return { minlength, maxlength }
 }
 
-export const getCounterFields = (
-  field
-): { counter?: string; counterMin?: string; counterMax?: string } => {
+export const getCounterFields = (field: {
+  [key: string]: string | undefined
+}): { counter?: string; counterMin?: string; counterMax?: string } => {
   return {
     counter: field['#counter_type'],
     counterMin: field['#counter_minimum'],
diff --git a/packages/ripple-tide-webform/mapping/webforms-mapping.ts b/packages/ripple-tide-webform/mapping/webforms-mapping.ts
index b52133d84d..397aebfd5d 100644
--- a/packages/ripple-tide-webform/mapping/webforms-mapping.ts
+++ b/packages/ripple-tide-webform/mapping/webforms-mapping.ts
@@ -1,6 +1,9 @@
 import { getBody, TidePageApi } from '@dpc-sdp/ripple-tide-api'
 import { FormKitSchemaNode } from '@formkit/core'
-import { getInputIcons, getValidationAndConditionals } from './webform-utils'
+import {
+  getInputIcons,
+  getValidationAndConditionals
+} from './../server/webform-utils'
 import { getAdvancedAddressMapping } from './webforms-address'
 import type { TideWebformElement, ApiWebForm } from './../types'
 
diff --git a/packages/ripple-tide-webform/package.json b/packages/ripple-tide-webform/package.json
index 47bd26b965..f6c13a8997 100644
--- a/packages/ripple-tide-webform/package.json
+++ b/packages/ripple-tide-webform/package.json
@@ -9,6 +9,7 @@
     ".": "./nuxt.config.ts",
     "./mapping": "./mapping/index.ts",
     "./mapping/utils": "./mapping/webform-utils.ts",
+    "./server/utils": "./server/webform-utils.ts",
     "./types": "./types.ts"
   },
   "dependencies": {
diff --git a/packages/ripple-tide-webform/server/webform-utils.ts b/packages/ripple-tide-webform/server/webform-utils.ts
new file mode 100644
index 0000000000..f2d5ea3ff3
--- /dev/null
+++ b/packages/ripple-tide-webform/server/webform-utils.ts
@@ -0,0 +1,22 @@
+// @ts-expect-error ts7016 monorepo ref
+import { logger } from '@dpc-sdp/ripple-tide-api'
+import { getConditionals } from './../mapping/webform-conditional-logic'
+import { getValidation } from './../mapping/webform-validation'
+
+export const getValidationAndConditionals = (field: {}) => {
+  const conditionals = getConditionals(field, logger)
+
+  const requiredCondition = conditionals.required
+  const validation = getValidation(field, requiredCondition)
+
+  return {
+    ...conditionals,
+    ...validation
+  }
+}
+
+export {
+  getInputIcons,
+  getMinMaxFields,
+  getCounterFields
+} from './../mapping/webform-utils'
diff --git a/packages/ripple-ui-forms-ext/tsconfig.json b/packages/ripple-ui-forms-ext/tsconfig.json
deleted file mode 100644
index 2403fca1a1..0000000000
--- a/packages/ripple-ui-forms-ext/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "./../../examples/nuxt-app/.nuxt/tsconfig.json"
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2caae209a0..103e31b3c4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -177,7 +177,7 @@ importers:
         version: 1.0.4(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       '@nuxt/content':
         specifier: ^2.12.0
-        version: 2.12.0(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))
+        version: 2.12.0(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))
       highlight.js:
         specifier: ^11.7.0
         version: 11.7.0
@@ -186,7 +186,7 @@ importers:
         version: 4.3.6
       nuxt:
         specifier: ^3.10.0
-        version: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+        version: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
     devDependencies:
       '@iconify/vue':
         specifier: ^4.1.0
@@ -249,12 +249,9 @@ importers:
       '@dpc-sdp/ripple-tide-api':
         specifier: workspace:*
         version: link:../../packages/ripple-tide-api
-      '@dpc-sdp/ripple-ui-forms-ext':
-        specifier: workspace:*
-        version: link:../../packages/ripple-ui-forms-ext
       '@nuxt/devtools':
         specifier: ^0.6.7
-        version: 0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+        version: 0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       cypress:
         specifier: 13.6.6
         version: 13.6.6
@@ -263,7 +260,16 @@ importers:
         version: 1.4.1
       nuxt:
         specifier: 3.11.2
-        version: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+        version: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+
+  examples/nuxt-app/layers/ripple-ui-forms-ext:
+    dependencies:
+      '@dpc-sdp/ripple-tide-webform':
+        specifier: workspace:*
+        version: link:../../../../packages/ripple-tide-webform
+      '@dpc-sdp/ripple-ui-forms':
+        specifier: workspace:*
+        version: link:../../../../packages/ripple-ui-forms
 
   examples/vue-app:
     dependencies:
@@ -495,10 +501,10 @@ importers:
     devDependencies:
       '@modyfi/vite-plugin-yaml':
         specifier: ^1.0.4
-        version: 1.0.4(rollup@4.14.3)
+        version: 1.0.4(rollup@3.28.0)
       '@rollup/plugin-node-resolve':
         specifier: ^15.2.1
-        version: 15.2.1(rollup@4.14.3)
+        version: 15.2.1(rollup@3.28.0)
       '@storybook/addon-a11y':
         specifier: ^7.6.10
         version: 7.6.10
@@ -778,7 +784,7 @@ importers:
     dependencies:
       '@nuxt/kit':
         specifier: ^3.11.2
-        version: 3.11.2(rollup@4.14.3)
+        version: 3.11.2(rollup@3.28.0)
       '@vueuse/core':
         specifier: ^10.9.0
         version: 10.9.0(vue@3.4.23(typescript@5.1.3))
@@ -857,7 +863,7 @@ importers:
         version: 0.1.6
       vite-plugin-dts:
         specifier: ^2.1.0
-        version: 2.1.0(@types/node@18.15.10)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+        version: 2.1.0(@types/node@18.15.10)(rollup@3.28.0)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vite-plugin-svg-icons:
         specifier: ^2.0.1
         version: 2.0.1(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
@@ -878,13 +884,13 @@ importers:
         version: 1.6.0
       '@formkit/nuxt':
         specifier: ^1.6.0
-        version: 1.6.0(esbuild@0.20.2)(rollup@4.14.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))
+        version: 1.6.0(esbuild@0.20.2)(rollup@4.14.3)(vue@3.4.23(typescript@5.1.3))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))
       '@formkit/validation':
         specifier: ^1.6.0
         version: 1.6.0
       '@formkit/vue':
         specifier: ^1.6.0
-        version: 1.6.0(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vue@3.4.23(typescript@5.1.3))
+        version: 1.6.0(vue@3.4.23(typescript@5.1.3))
       '@nuxt/kit':
         specifier: ^3.11.2
         version: 3.11.2(rollup@4.14.3)
@@ -927,7 +933,7 @@ importers:
         version: 10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3)
       vite-plugin-static-copy:
         specifier: ^0.13.1
-        version: 0.13.1(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+        version: 0.13.1
       vite-svg-loader:
         specifier: ^4.0.0
         version: 4.0.0(patch_hash=b7iv6uosp7uohhdjf52hsfxagy)
@@ -935,27 +941,11 @@ importers:
         specifier: ^17.0.0
         version: 17.0.1(vue@3.4.23(typescript@5.1.3))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))
 
-  packages/ripple-ui-forms-ext:
-    dependencies:
-      '@dpc-sdp/ripple-tide-webform':
-        specifier: workspace:*
-        version: link:../ripple-tide-webform
-      '@dpc-sdp/ripple-ui-forms':
-        specifier: workspace:*
-        version: link:../ripple-ui-forms
-    devDependencies:
-      '@vitejs/plugin-vue':
-        specifier: ^5.0.5
-        version: 5.0.5(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
-      rollup-plugin-postcss:
-        specifier: ^4.0.2
-        version: 4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3))
-
   packages/ripple-ui-maps:
     dependencies:
       '@nuxt/kit':
         specifier: 3.11.2
-        version: 3.11.2(rollup@4.14.3)
+        version: 3.11.2(rollup@3.28.0)
       '@vueuse/core':
         specifier: ^10.9.0
         version: 10.9.0(vue@3.4.23(typescript@5.1.3))
@@ -1019,7 +1009,7 @@ importers:
         version: 0.1.6
       vite-plugin-dts:
         specifier: ^2.1.0
-        version: 2.1.0(@types/node@18.15.10)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+        version: 2.1.0(@types/node@18.15.10)(rollup@3.28.0)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vite-plugin-svg-icons:
         specifier: ^2.0.1
         version: 2.0.1(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
@@ -1315,6 +1305,7 @@ packages:
   '@babel/parser@7.21.3':
     resolution: {integrity: sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==}
     engines: {node: '>=6.0.0'}
+    hasBin: true
 
   '@babel/parser@7.23.0':
     resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
@@ -1956,6 +1947,7 @@ packages:
   '@commitlint/cli@17.5.0':
     resolution: {integrity: sha512-yNW3+M7UM1ioK28LKTrryIVB5qGpXlEv8+rJQiWPMZNayy9/1XR5+lL8qBTNlgopYtZWWnIm5RETcAN29ZTL/A==}
     engines: {node: '>=v14'}
+    hasBin: true
 
   '@commitlint/config-conventional@17.4.4':
     resolution: {integrity: sha512-u6ztvxqzi6NuhrcEDR7a+z0yrh11elY66nRrQIpqsqW6sZmpxYkDLtpRH8jRML+mmxYQ8s4qqF06Q/IQx5aJeQ==}
@@ -3545,6 +3537,7 @@ packages:
   '@lerna-lite/cli@1.17.0':
     resolution: {integrity: sha512-kNqrEtUs1oIDHgOBGwHkRZGl/E7VTW+2wX89akQtpmfW7oV6qPdpjBirN9Hv9cVYW7UJzE2Hrk273WVZGoK7Jw==}
     engines: {node: '>=14.17.0', npm: '>=8.0.0'}
+    hasBin: true
 
   '@lerna-lite/core@1.17.0':
     resolution: {integrity: sha512-lxiEHXOzDF8RYFWjc8IqIr6G4w0JUB174SJD/h2DI/eXN9wjv8tEZjzhOkTTSs45Aoe1qY7BbaeApEulpoYmcA==}
@@ -3580,6 +3573,7 @@ packages:
 
   '@microsoft/api-extractor@7.34.3':
     resolution: {integrity: sha512-vXpU+i/MMinVzDxbLo3of1Sx/IS5bwOZl4XrX8YyqNBXFvovEer5ex0wckWumkBErDZtLOMp3zhZfYL3W7h3cg==}
+    hasBin: true
 
   '@microsoft/tsdoc-config@0.16.2':
     resolution: {integrity: sha512-OGiIzzoBLgWWR0UdRJX98oYO+XKGf7tiK4Zk6tQ/E4IJqGCe7dvkTvgDZV5cFJUzLGDOjeAXrnZoA6QkVySuxw==}
@@ -3634,6 +3628,7 @@ packages:
   '@npmcli/arborist@6.2.5':
     resolution: {integrity: sha512-+GPm+9WrDnl9q+LvuMB2W+roVinHTGDdYWOtYzRfpAnuiqaATFbH14skpXjlJ7LvyUcyd1oJhuGq6XXJLGFNng==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
 
   '@npmcli/fs@2.1.2':
     resolution: {integrity: sha512-yOJKRvohFOaLqipNtwYB9WugyZKhC/DZC4VYPmpaCzDBrA8YpK3qHZ8/HGscMnE4GqbkLNuVcCnxkeQEdGt6LQ==}
@@ -3654,6 +3649,7 @@ packages:
   '@npmcli/installed-package-contents@2.0.1':
     resolution: {integrity: sha512-GIykAFdOVK31Q1/zAtT5MbxqQL2vyl9mvFJv+OGu01zxbhL3p0xc8gJjdNGX1mWmUT43aEKVO2L6V/2j4TOsAA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
 
   '@npmcli/installed-package-contents@2.0.2':
     resolution: {integrity: sha512-xACzLPhnfD51GKvTOOuNX2/V4G4mz9/1I2MfDoye9kBM3RYe5g2YbscsaGoTlaWqkxeiapBWyseULVKpSVHtKQ==}
@@ -6024,9 +6020,11 @@ packages:
   '@yarnpkg/shell@2.4.1':
     resolution: {integrity: sha512-oNNJkH8ZI5uwu0dMkJf737yMSY1WXn9gp55DqSA5wAOhKvV5DJTXFETxkVgBQhO6Bow9tMGSpvowTMD/oAW/9g==}
     engines: {node: '>=10.19.0'}
+    hasBin: true
 
   JSONStream@1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
+    hasBin: true
 
   abab@2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
@@ -6086,6 +6084,7 @@ packages:
   acorn@8.8.2:
     resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
     engines: {node: '>=0.4.0'}
+    hasBin: true
 
   add-stream@1.0.0:
     resolution: {integrity: sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==}
@@ -6649,6 +6648,7 @@ packages:
   browserslist@4.21.5:
     resolution: {integrity: sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
 
   browserslist@4.22.2:
     resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
@@ -6933,6 +6933,7 @@ packages:
 
   chromatic@6.17.2:
     resolution: {integrity: sha512-rtrkywh1CuDDuuiRWXpdiX38aEGN3sGCATsgdh3X/EUBjQjgQtEbSzcMusC3cqz3K9dFKcWwKpFm3jaw9gNymA==}
+    hasBin: true
 
   chrome-trace-event@1.0.3:
     resolution: {integrity: sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==}
@@ -7214,9 +7215,6 @@ packages:
     resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
     engines: {'0': node >= 6.0}
 
-  concat-with-sourcemaps@1.1.0:
-    resolution: {integrity: sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==}
-
   concurrently@8.2.1:
     resolution: {integrity: sha512-nVraf3aXOpIcNud5pB9M82p1tynmZkrSGQ1p6X/VY8cJ+2LMVqAgXsJxYYefACSHbTYlm92O1xuhdGTjwoEvbQ==}
     engines: {node: ^14.13.0 || >=16.0.0}
@@ -7285,6 +7283,7 @@ packages:
   conventional-changelog-writer@5.0.1:
     resolution: {integrity: sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==}
     engines: {node: '>=10'}
+    hasBin: true
 
   conventional-commits-filter@2.0.7:
     resolution: {integrity: sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==}
@@ -7293,10 +7292,12 @@ packages:
   conventional-commits-parser@3.2.4:
     resolution: {integrity: sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==}
     engines: {node: '>=10'}
+    hasBin: true
 
   conventional-recommended-bump@6.1.0:
     resolution: {integrity: sha512-uiApbSiNGM/kkdL9GTOLAqC4hbptObFo4wW2QRyHsKciGAfQuLU1ShZ1BIVI/+K2BE/W1AWYQMCXAsv4dyKPaw==}
     engines: {node: '>=10'}
+    hasBin: true
 
   convert-gitmoji@0.1.3:
     resolution: {integrity: sha512-t5yxPyI8h8KPvRwrS/sRrfIpT2gJbmBAY0TFokyUBy3PM44RuFRpZwHdACz+GTSPLRLo3s4qsscOMLjHiXBwzw==}
@@ -7333,6 +7334,7 @@ packages:
 
   copyfiles@2.4.1:
     resolution: {integrity: sha512-fereAvAvxDrQDOXybk3Qu3dPbOoKoysFMWtkY3mv5BsL8//OSZVL5DCLYqgRfY5cWirgRzlC+WSrxp6Bo3eNZg==}
+    hasBin: true
 
   core-js-compat@3.31.0:
     resolution: {integrity: sha512-hM7YCu1cU6Opx7MXNu0NuumM0ezNeAeRKadixyiQELWY3vT3De9S4J5ZBMraWV2vZnrE1Cirl0GtFtDtMUXzPw==}
@@ -7438,12 +7440,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  css-declaration-sorter@6.4.1:
-    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
-    engines: {node: ^10 || ^12 || >=14}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   css-declaration-sorter@7.1.1:
     resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
     engines: {node: ^14 || ^16 || >=18}
@@ -7522,12 +7518,6 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  cssnano-preset-default@5.2.14:
-    resolution: {integrity: sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   cssnano-preset-default@6.0.3:
     resolution: {integrity: sha512-4y3H370aZCkT9Ev8P4SO4bZbt+AExeKhh8wTbms/X7OLDo5E7AYUUy6YPxa/uF5Grf+AJwNcCnxKhZynJ6luBA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7540,12 +7530,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  cssnano-utils@3.1.0:
-    resolution: {integrity: sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   cssnano-utils@4.0.1:
     resolution: {integrity: sha512-6qQuYDqsGoiXssZ3zct6dcMxiqfT6epy7x4R0TQJadd4LWO3sPR6JH6ZByOvVLoZ6EdwPGgd7+DR1EmX3tiXQQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7558,12 +7542,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  cssnano@5.1.15:
-    resolution: {integrity: sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   cssnano@6.0.3:
     resolution: {integrity: sha512-MRq4CIj8pnyZpcI2qs6wswoYoDD1t0aL28n+41c1Ukcpm56m1h6mCexIHBGjfZfnTqtGSSCP4/fB1ovxgjBOiw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7829,6 +7807,7 @@ packages:
   degit@2.8.4:
     resolution: {integrity: sha512-vqYuzmSA5I50J882jd+AbAhQtgK6bdKUJIex1JNfEUPENCgYsxugzKVZlFyMwV4i06MmnV47/Iqi5Io86zf3Ng==}
     engines: {node: '>=8.0.0'}
+    hasBin: true
 
   del@6.1.1:
     resolution: {integrity: sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==}
@@ -8063,6 +8042,7 @@ packages:
   ejs@3.1.8:
     resolution: {integrity: sha512-/sXZeMlhS0ArkfX2Aw780gJzXSMPnKjtspYZv+f3NiKLlubezAHDU5+9xz6gd3/NhG3txQCo6xlglmTS+oTGEQ==}
     engines: {node: '>=0.10.0'}
+    hasBin: true
 
   electron-to-chromium@1.4.288:
     resolution: {integrity: sha512-8s9aJf3YiokIrR+HOQzNOGmEHFXVUQzXM/JaViVvKdCkNUjS+lEa/uT7xw3nDVG/IgfxiIwUGkwJ6AR1pTpYsQ==}
@@ -8152,6 +8132,7 @@ packages:
 
   errno@0.1.8:
     resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==}
+    hasBin: true
 
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
@@ -8377,6 +8358,7 @@ packages:
   escodegen@2.0.0:
     resolution: {integrity: sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==}
     engines: {node: '>=6.0'}
+    hasBin: true
 
   escodegen@2.1.0:
     resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
@@ -8491,9 +8473,6 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
-  estree-walker@0.6.1:
-    resolution: {integrity: sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==}
-
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
@@ -8969,9 +8948,6 @@ packages:
     resolution: {integrity: sha512-0s5T5eciEG7Q3ugkxAkFtaDhrrhXsCRivA5y8C9WMHWuI8UlMOJg7+Iwf7Mccii+Dfs3H5jHepU0joPVyQU0Lw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
-  generic-names@4.0.0:
-    resolution: {integrity: sha512-ySFolZQfw9FoDb3ed9d80Cm9f0+r7qj+HJkWjeD9RBfpxEVTlVhol+gvaQB/78WbwYfbnNh8nWHHBSlg072y6A==}
-
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -9002,6 +8978,7 @@ packages:
   get-pkg-repo@4.2.1:
     resolution: {integrity: sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==}
     engines: {node: '>=6.9.0'}
+    hasBin: true
 
   get-port-please@3.0.1:
     resolution: {integrity: sha512-R5pcVO8Z1+pVDu8Ml3xaJCEkBiiy1VQN9za0YqH8GIi1nIqD4IzQhzY6dDzMRtdS1lyiGlucRzm8IN8wtLIXng==}
@@ -9065,6 +9042,7 @@ packages:
   git-raw-commits@2.0.11:
     resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
     engines: {node: '>=10'}
+    hasBin: true
 
   git-remote-origin-url@2.0.0:
     resolution: {integrity: sha512-eU+GGrZgccNJcsDH5LkXR3PB9M958hxc7sbA8DFJjrv9j4L2P/eZfKhM+QD6wyzpiv+b1BpK0XrYCxkovtjSLw==}
@@ -9073,6 +9051,7 @@ packages:
   git-semver-tags@4.1.1:
     resolution: {integrity: sha512-OWyMt5zBe7xFs8vglMmhM9lRQzCWL3WjHtxNNfJTMngGym7pC1kh8sP6jevfydJ6LP3ZvGxfb6ABYgPUM0mtsA==}
     engines: {node: '>=10'}
+    hasBin: true
 
   git-up@7.0.0:
     resolution: {integrity: sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==}
@@ -9341,6 +9320,7 @@ packages:
 
   he@1.2.0:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
 
   header-case@1.0.1:
     resolution: {integrity: sha512-i0q9mkOeSuhXw6bGgiQCCBgY/jlZuV/7dZXyZ9c6LcBrqwvT8eT719E9uxE5LiZftdl+z81Ugbg/VvXV4OJOeQ==}
@@ -9506,9 +9486,11 @@ packages:
   husky@8.0.3:
     resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
     engines: {node: '>=14'}
+    hasBin: true
 
   hygen@6.2.11:
     resolution: {integrity: sha512-t6/zLI2XozP5gvV74nnl8LZSbwpVNFUkUs/O9DwuOdiiBbws5k4AQNVwKZ9FGzcKjdJ5EBBYkVzlcUHkLyY0FQ==}
+    hasBin: true
 
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
@@ -9518,15 +9500,6 @@ packages:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
 
-  icss-replace-symbols@1.1.0:
-    resolution: {integrity: sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==}
-
-  icss-utils@5.1.0:
-    resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
@@ -9564,19 +9537,12 @@ packages:
   image-size@0.5.5:
     resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
     engines: {node: '>=0.10.0'}
-
-  import-cwd@3.0.0:
-    resolution: {integrity: sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==}
-    engines: {node: '>=8'}
+    hasBin: true
 
   import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
 
-  import-from@3.0.0:
-    resolution: {integrity: sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==}
-    engines: {node: '>=8'}
-
   import-lazy@4.0.0:
     resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
     engines: {node: '>=8'}
@@ -10075,6 +10041,7 @@ packages:
   jake@10.8.5:
     resolution: {integrity: sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==}
     engines: {node: '>=10'}
+    hasBin: true
 
   jest-axe@7.0.1:
     resolution: {integrity: sha512-1JoEla6gL4rcsTxEWm+VBcWMwOhP3f9w4dH7/YW3H41nU08Dds3gUFqxgdAq/pzBNPpauC3QPr/BuO+0W8eamg==}
@@ -10409,6 +10376,7 @@ packages:
 
   js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
 
   jsbn@0.1.1:
     resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
@@ -10618,10 +10586,6 @@ packages:
     resolution: {integrity: sha512-IUjE5R3jCmTVWGEcJtzoRz3kAWoDqZUZzwhcpBN+rMIDiRRjS9ZGkyeT0KxXocg2DJEggyZyxSIdpaV//aLz/w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
-  lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
-    engines: {node: '>=10'}
-
   lilconfig@3.0.0:
     resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
     engines: {node: '>=14'}
@@ -10670,10 +10634,6 @@ packages:
     resolution: {integrity: sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==}
     engines: {node: '>=8.9.0'}
 
-  loader-utils@3.3.1:
-    resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==}
-    engines: {node: '>= 12.13.0'}
-
   local-pkg@0.4.3:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
     engines: {node: '>=14'}
@@ -11348,6 +11308,7 @@ packages:
   mkdirp@1.0.4:
     resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
     engines: {node: '>=10'}
+    hasBin: true
 
   mkdirp@2.1.6:
     resolution: {integrity: sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==}
@@ -11424,6 +11385,7 @@ packages:
   nanoid@4.0.2:
     resolution: {integrity: sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==}
     engines: {node: ^14 || ^16 || >=18}
+    hasBin: true
 
   nanomatch@1.2.13:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
@@ -11577,6 +11539,7 @@ packages:
   nopt@7.0.0:
     resolution: {integrity: sha512-e6Qw1rcrGoSxEH0hQ4GBSdUjkMOtXGhGFXdNT/3ZR0S37eR9DMj5za3dEDWE6o1T3/DP8ZOsPP4MIiky0c3QeA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
 
   normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
@@ -12011,6 +11974,7 @@ packages:
   pacote@15.1.1:
     resolution: {integrity: sha512-eeqEe77QrA6auZxNHIp+1TzHQ0HBKf5V6c8zcaYZ134EJe1lCi+fjXATkNiEEfbG+e50nu02GLvUtmZcGOYabQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
 
   pacote@15.2.0:
     resolution: {integrity: sha512-rJVZeIwHTUta23sIZgEIM62WYwbmGbThdbnkt81ravBplQv+HjyroqnLRNH2+sLJHcGZmLRmhPwACqhfTcOmnA==}
@@ -12344,11 +12308,6 @@ packages:
       browserslist: '>=4'
       postcss: '>=8.4.31'
 
-  postcss-calc@8.2.4:
-    resolution: {integrity: sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-calc@9.0.1:
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12379,12 +12338,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-colormin@5.3.1:
-    resolution: {integrity: sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-colormin@6.0.2:
     resolution: {integrity: sha512-TXKOxs9LWcdYo5cgmcSHPkyrLAh86hX1ijmyy6J8SbOhyv6ua053M3ZAM/0j44UsnQNIWdl8gb5L7xX2htKeLw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12397,12 +12350,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-convert-values@5.1.3:
-    resolution: {integrity: sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-convert-values@6.0.2:
     resolution: {integrity: sha512-aeBmaTnGQ+NUSVQT8aY0sKyAD/BaLJenEKZ03YK0JnDE1w1Rr8XShoxdal2V2H26xTJKr3v5haByOhJuyT4UYw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12439,12 +12386,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-discard-comments@5.1.2:
-    resolution: {integrity: sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-discard-comments@6.0.1:
     resolution: {integrity: sha512-f1KYNPtqYLUeZGCHQPKzzFtsHaRuECe6jLakf/RjSRqvF5XHLZnM2+fXLhb8Qh/HBFHs3M4cSLb1k3B899RYIg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12457,12 +12398,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-discard-duplicates@5.1.0:
-    resolution: {integrity: sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-discard-duplicates@6.0.1:
     resolution: {integrity: sha512-1hvUs76HLYR8zkScbwyJ8oJEugfPV+WchpnA+26fpJ7Smzs51CzGBHC32RS03psuX/2l0l0UKh2StzNxOrKCYg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12475,12 +12410,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-discard-empty@5.1.1:
-    resolution: {integrity: sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-discard-empty@6.0.1:
     resolution: {integrity: sha512-yitcmKwmVWtNsrrRqGJ7/C0YRy53i0mjexBDQ9zYxDwTWVBgbU4+C9jIZLmQlTDT9zhml+u0OMFJh8+31krmOg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12493,12 +12422,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-discard-overridden@5.1.0:
-    resolution: {integrity: sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-discard-overridden@6.0.1:
     resolution: {integrity: sha512-qs0ehZMMZpSESbRkw1+inkf51kak6OOzNRaoLd/U7Fatp0aN2HQ1rxGOrJvYcRAN9VpX8kUF13R2ofn8OlvFVA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12569,18 +12492,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-load-config@3.1.4:
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
-    engines: {node: '>= 10'}
-    peerDependencies:
-      postcss: '>=8.4.31'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-
   postcss-logical@6.1.0:
     resolution: {integrity: sha512-qb1+LpClhYjxac8SfOcWotnY3unKZesDqIOm+jnGt8rTl7xaIWpE2bPGZHxflOip1E/4ETo79qlJyRL3yrHn1g==}
     engines: {node: ^14 || ^16 || >=18}
@@ -12593,12 +12504,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-merge-longhand@5.1.7:
-    resolution: {integrity: sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-merge-longhand@6.0.2:
     resolution: {integrity: sha512-+yfVB7gEM8SrCo9w2lCApKIEzrTKl5yS1F4yGhV3kSim6JzbfLGJyhR1B6X+6vOT0U33Mgx7iv4X9MVWuaSAfw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12611,12 +12516,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-merge-rules@5.1.4:
-    resolution: {integrity: sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-merge-rules@6.0.3:
     resolution: {integrity: sha512-yfkDqSHGohy8sGYIJwBmIGDv4K4/WrJPX355XrxQb/CSsT4Kc/RxDi6akqn5s9bap85AWgv21ArcUWwWdGNSHA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12629,12 +12528,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-minify-font-values@5.1.0:
-    resolution: {integrity: sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-minify-font-values@6.0.1:
     resolution: {integrity: sha512-tIwmF1zUPoN6xOtA/2FgVk1ZKrLcCvE0dpZLtzyyte0j9zUeB8RTbCqrHZGjJlxOvNWKMYtunLrrl7HPOiR46w==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12647,12 +12540,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-minify-gradients@5.1.1:
-    resolution: {integrity: sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-minify-gradients@6.0.1:
     resolution: {integrity: sha512-M1RJWVjd6IOLPl1hYiOd5HQHgpp6cvJVLrieQYS9y07Yo8itAr6jaekzJphaJFR0tcg4kRewCk3kna9uHBxn/w==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12665,12 +12552,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-minify-params@5.1.4:
-    resolution: {integrity: sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-minify-params@6.0.2:
     resolution: {integrity: sha512-zwQtbrPEBDj+ApELZ6QylLf2/c5zmASoOuA4DzolyVGdV38iR2I5QRMsZcHkcdkZzxpN8RS4cN7LPskOkTwTZw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12683,12 +12564,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-minify-selectors@5.2.1:
-    resolution: {integrity: sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-minify-selectors@6.0.2:
     resolution: {integrity: sha512-0b+m+w7OAvZejPQdN2GjsXLv5o0jqYHX3aoV0e7RBKPCsB7TYG5KKWBFhGnB/iP3213Ts8c5H4wLPLMm7z28Sg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12701,35 +12576,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-modules-extract-imports@3.1.0:
-    resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
-  postcss-modules-local-by-default@4.0.5:
-    resolution: {integrity: sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
-  postcss-modules-scope@3.2.0:
-    resolution: {integrity: sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
-  postcss-modules-values@4.0.0:
-    resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
-  postcss-modules@4.3.1:
-    resolution: {integrity: sha512-ItUhSUxBBdNamkT3KzIZwYNNRFKmkJrofvC2nWab3CPKhYBQ1f27XXh1PAPE27Psx58jeelPsxWB/+og+KEH0Q==}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-nested@6.0.1:
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
@@ -12742,12 +12588,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-normalize-charset@5.1.0:
-    resolution: {integrity: sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-charset@6.0.1:
     resolution: {integrity: sha512-aW5LbMNRZ+oDV57PF9K+WI1Z8MPnF+A8qbajg/T8PP126YrGX1f9IQx21GI2OlGz7XFJi/fNi0GTbY948XJtXg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12760,12 +12600,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-display-values@5.1.0:
-    resolution: {integrity: sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-display-values@6.0.1:
     resolution: {integrity: sha512-mc3vxp2bEuCb4LgCcmG1y6lKJu1Co8T+rKHrcbShJwUmKJiEl761qb/QQCfFwlrvSeET3jksolCR/RZuMURudw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12778,12 +12612,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-positions@5.1.1:
-    resolution: {integrity: sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-positions@6.0.1:
     resolution: {integrity: sha512-HRsq8u/0unKNvm0cvwxcOUEcakFXqZ41fv3FOdPn916XFUrympjr+03oaLkuZENz3HE9RrQE9yU0Xv43ThWjQg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12796,12 +12624,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-repeat-style@5.1.1:
-    resolution: {integrity: sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-repeat-style@6.0.1:
     resolution: {integrity: sha512-Gbb2nmCy6tTiA7Sh2MBs3fj9W8swonk6lw+dFFeQT68B0Pzwp1kvisJQkdV6rbbMSd9brMlS8I8ts52tAGWmGQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12814,12 +12636,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-string@5.1.0:
-    resolution: {integrity: sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-string@6.0.1:
     resolution: {integrity: sha512-5Fhx/+xzALJD9EI26Aq23hXwmv97Zfy2VFrt5PLT8lAhnBIZvmaT5pQk+NuJ/GWj/QWaKSKbnoKDGLbV6qnhXg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12832,12 +12648,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-timing-functions@5.1.0:
-    resolution: {integrity: sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-timing-functions@6.0.1:
     resolution: {integrity: sha512-4zcczzHqmCU7L5dqTB9rzeqPWRMc0K2HoR+Bfl+FSMbqGBUcP5LRfgcH4BdRtLuzVQK1/FHdFoGT3F7rkEnY+g==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12850,12 +12660,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-unicode@5.1.1:
-    resolution: {integrity: sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-unicode@6.0.2:
     resolution: {integrity: sha512-Ff2VdAYCTGyMUwpevTZPZ4w0+mPjbZzLLyoLh/RMpqUqeQKZ+xMm31hkxBavDcGKcxm6ACzGk0nBfZ8LZkStKA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12868,12 +12672,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-url@5.1.0:
-    resolution: {integrity: sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-url@6.0.1:
     resolution: {integrity: sha512-jEXL15tXSvbjm0yzUV7FBiEXwhIa9H88JOXDGQzmcWoB4mSjZIsmtto066s2iW9FYuIrIF4k04HA2BKAOpbsaQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12886,12 +12684,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-normalize-whitespace@5.1.1:
-    resolution: {integrity: sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-normalize-whitespace@6.0.1:
     resolution: {integrity: sha512-76i3NpWf6bB8UHlVuLRxG4zW2YykF9CTEcq/9LGAiz2qBuX5cBStadkk0jSkg9a9TCIXbMQz7yzrygKoCW9JuA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12917,12 +12709,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-ordered-values@5.1.3:
-    resolution: {integrity: sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-ordered-values@6.0.1:
     resolution: {integrity: sha512-XXbb1O/MW9HdEhnBxitZpPFbIvDgbo9NK4c/5bOfiKpnIGZDoL2xd7/e6jW5DYLsWxBbs+1nZEnVgnjnlFViaA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12969,12 +12755,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-reduce-initial@5.1.2:
-    resolution: {integrity: sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-reduce-initial@6.0.2:
     resolution: {integrity: sha512-YGKalhNlCLcjcLvjU5nF8FyeCTkCO5UtvJEt0hrPZVCTtRLSOH4z00T1UntQPj4dUmIYZgMj8qK77JbSX95hSw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -12987,12 +12767,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-reduce-transforms@5.1.0:
-    resolution: {integrity: sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-reduce-transforms@6.0.1:
     resolution: {integrity: sha512-fUbV81OkUe75JM+VYO1gr/IoA2b/dRiH6HvMwhrIBSUrxq3jNZQZitSnugcTLDi1KkQh1eR/zi+iyxviUNBkcQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -13047,12 +12821,6 @@ packages:
     peerDependencies:
       postcss: '>=8.4.31'
 
-  postcss-svgo@5.1.0:
-    resolution: {integrity: sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-svgo@6.0.2:
     resolution: {integrity: sha512-IH5R9SjkTkh0kfFOQDImyy1+mTCb+E830+9SV1O+AaDcoHTvfsvt6WwJeo7KwcHbFnevZVCsXhDmjFiGVuwqFQ==}
     engines: {node: ^14 || ^16 || >= 18}
@@ -13065,12 +12833,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-unique-selectors@5.1.1:
-    resolution: {integrity: sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   postcss-unique-selectors@6.0.2:
     resolution: {integrity: sha512-8IZGQ94nechdG7Y9Sh9FlIY2b4uS8/k8kdKRX040XHsS3B6d1HrJAkXrBSsSu4SuARruSsUjW3nlSw8BHkaAYQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -13209,10 +12971,6 @@ packages:
     resolution: {integrity: sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==}
     engines: {node: '>=10'}
 
-  promise.series@0.2.0:
-    resolution: {integrity: sha512-VWQJyU2bcDTgZw8kpfBpB/ejZASlCrzwz5f2hjb/zlujOEB4oeiAhHygAWq8ubsX2GVkD4kCU5V2dwOTaCY5EQ==}
-    engines: {node: '>=0.12'}
-
   promise@7.3.1:
     resolution: {integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==}
 
@@ -13783,12 +13541,6 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  rollup-plugin-postcss@4.0.2:
-    resolution: {integrity: sha512-05EaY6zvZdmvPUDi3uCcAQoESDcYnv8ogJJQRp6V5kZ6J6P7uAVJlrTZcaaA20wTH527YTnKfkAoPxWI/jPp4w==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   rollup-plugin-visualizer@5.12.0:
     resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
     engines: {node: '>=14'}
@@ -13799,9 +13551,6 @@ packages:
       rollup:
         optional: true
 
-  rollup-pluginutils@2.8.2:
-    resolution: {integrity: sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==}
-
   rollup@3.28.0:
     resolution: {integrity: sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -13841,9 +13590,6 @@ packages:
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  safe-identifier@0.4.2:
-    resolution: {integrity: sha512-6pNbSMW6OhAi9j+N8V+U715yBQsaWJ7eyEUaOrawX+isg5ZxhUlV1NipNtgaKHmFGiABwt+ZF04Ii+3Xjkg+8w==}
-
   safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
 
@@ -14004,6 +13750,7 @@ packages:
   sigstore@1.1.1:
     resolution: {integrity: sha512-4hR3tPP1y59YWlaoAgAWFVZ7srTjNWOrrpkQXWu05qP0BvwFYyt3K3l848+IHo+mKhkOzGcNDf7ktASXLEPC+A==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
 
   sigstore@1.7.0:
     resolution: {integrity: sha512-KP7QULhWdlu3hlp+jw2EvgWKlOGOY9McLj/jrchLjHNlNPK0KWIwF919cbmOp6QiKXLmPijR2qH/5KYWlbtG9Q==}
@@ -14100,6 +13847,7 @@ packages:
   snyk-nodejs-lockfile-parser@1.48.0:
     resolution: {integrity: sha512-kq4gVwL5V0SUatDxyyzbptKkaX4Ew9N3ZDNR5r7sqBRparY+U+xGuYBhTaJdweBUD+jkvs7rKO1JV1h0Z8c2ew==}
     engines: {node: '>=10'}
+    hasBin: true
 
   socket.io-client@4.7.2:
     resolution: {integrity: sha512-vtA0uD4ibrYD793SOIAwlo8cj6haOeMHrGvwPxJsxH7CeIksqJ+3Zc06RvWTIFgiSqx4A3sOnTXpfAEE2Zyz6w==}
@@ -14317,9 +14065,6 @@ packages:
     resolution: {integrity: sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==}
     engines: {node: '>=0.6.19'}
 
-  string-hash@1.1.3:
-    resolution: {integrity: sha512-kJUvRUFK49aub+a7T1nNE66EJbZBMnBgoC1UbCZ5n6bsZKBRga4KgBRTMn/pFkeCZSYtNeSyMxPDM0AXWELk2A==}
-
   string-length@4.0.2:
     resolution: {integrity: sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==}
     engines: {node: '>=10'}
@@ -14414,23 +14159,16 @@ packages:
   strong-log-transformer@2.1.0:
     resolution: {integrity: sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==}
     engines: {node: '>=4'}
+    hasBin: true
 
   style-dictionary@3.7.2:
     resolution: {integrity: sha512-Nd/qrPj1ikYX+sL/8PofMgfaJLRvGgT96Ty3dJLGNqtZmecVr3Xs+OZivMQEYmSCTiap/UyeV5SqwmAgn3/KKA==}
     engines: {node: '>=12.0.0'}
-
-  style-inject@0.3.0:
-    resolution: {integrity: sha512-IezA2qp+vcdlhJaVm5SOdPPTUu0FCEqfNSli2vRuSIBbu5Nq5UvygTk/VzeCqfLz2Atj3dVII5QBKGZRZ0edzw==}
+    hasBin: true
 
   style-search@0.1.0:
     resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
 
-  stylehacks@5.1.1:
-    resolution: {integrity: sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==}
-    engines: {node: ^10 || ^12 || >=14.0}
-    peerDependencies:
-      postcss: '>=8.4.31'
-
   stylehacks@6.0.2:
     resolution: {integrity: sha512-00zvJGnCu64EpMjX8b5iCZ3us2Ptyw8+toEkb92VdmkEaRaSGBNKAoK6aWZckhXxmQP8zWiTaFaiMGIU8Ve8sg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -14837,6 +14575,7 @@ packages:
   ts-json-schema-generator@1.2.0:
     resolution: {integrity: sha512-tUMeO3ZvA12d3HHh7T/AK8W5hmUhDRNtqWRHSMN3ZRbUFt+UmV0oX8k1RK4SA+a+BKNHpmW2v06MS49e8Fi3Yg==}
     engines: {node: '>=10.0.0'}
+    hasBin: true
 
   ts-map@1.0.3:
     resolution: {integrity: sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==}
@@ -14983,18 +14722,22 @@ packages:
 
   typescript-json-schema@0.55.0:
     resolution: {integrity: sha512-BXaivYecUdiXWWNiUqXgY6A9cMWerwmhtO+lQE7tDZGs7Mf38sORDeQZugfYOZOHPZ9ulsD+w0LWjFDOQoXcwg==}
+    hasBin: true
 
   typescript@4.8.4:
     resolution: {integrity: sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==}
     engines: {node: '>=4.2.0'}
+    hasBin: true
 
   typescript@4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==}
     engines: {node: '>=4.2.0'}
+    hasBin: true
 
   typescript@5.0.2:
     resolution: {integrity: sha512-wVORMBGO/FAs/++blGNeAVdbNKtIh1rbBL2EyQ1+J9lClJ93KiiKe8PmFIVdXhHcyv44SL9oglmfeSsndo0jRw==}
     engines: {node: '>=12.20'}
+    hasBin: true
 
   typescript@5.1.3:
     resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
@@ -15646,8 +15389,8 @@ packages:
     peerDependencies:
       typescript: '*'
 
-  vue-component-type-helpers@2.0.21:
-    resolution: {integrity: sha512-3NaicyZ7N4B6cft4bfb7dOnPbE9CjLcx+6wZWAg5zwszfO4qXRh+U52dN5r5ZZfc6iMaxKCEcoH9CmxxoFZHLg==}
+  vue-component-type-helpers@2.0.22:
+    resolution: {integrity: sha512-gPr2Ba7efUwy/Vfbuf735bHSVdN4ycoZUCHfypkI33M9DUH+ieRblLLVM2eImccFYaWNWwEzURx02EgoXDBmaQ==}
 
   vue-demi@0.14.6:
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
@@ -16025,10 +15768,6 @@ packages:
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
-  yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
-
   yaml@2.3.1:
     resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
     engines: {node: '>= 14'}
@@ -16099,6 +15838,7 @@ packages:
   z-schema@5.0.5:
     resolution: {integrity: sha512-D7eujBWkLa3p2sIpJA0d1pr7es+a7m0vFAnZLlCEKq/Ij2k0MLi9Br2UPxoxdYystm5K1yeBGzub0FlYUEWj2Q==}
     engines: {node: '>=8.0.0'}
+    hasBin: true
 
   zhead@2.2.4:
     resolution: {integrity: sha512-8F0OI5dpWIA5IGG5NHUg9staDwz/ZPxZtvGVf01j7vHqSyZ0raHY+78atOVxRqb73AotX22uV1pXt3gYSstGag==}
@@ -18848,17 +18588,17 @@ snapshots:
       '@formkit/core': 1.6.0
       '@formkit/utils': 1.6.0
 
-  '@formkit/nuxt@1.6.0(esbuild@0.20.2)(rollup@4.14.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))':
+  '@formkit/nuxt@1.6.0(esbuild@0.20.2)(rollup@4.14.3)(vue@3.4.23(typescript@5.1.3))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))':
     dependencies:
       '@formkit/core': 1.6.0
       '@formkit/i18n': 1.6.0
-      '@formkit/vue': 1.6.0(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vue@3.4.23(typescript@5.1.3))
+      '@formkit/vue': 1.6.0(vue@3.4.23(typescript@5.1.3))
       '@nuxt/kit': 3.11.2(rollup@4.14.3)
       chokidar: 3.6.0
       nuxi: 3.10.0
       pathe: 1.1.2
       unplugin: 1.10.1
-      unplugin-formkit: 0.2.13(esbuild@0.20.2)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))
+      unplugin-formkit: 0.2.13(esbuild@0.20.2)(rollup@4.14.3)(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2))
     transitivePeerDependencies:
       - esbuild
       - rollup
@@ -18881,11 +18621,9 @@ snapshots:
       '@formkit/utils': 1.6.0
       '@formkit/validation': 1.6.0
 
-  '@formkit/themes@1.6.0(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))':
+  '@formkit/themes@1.6.0':
     dependencies:
       '@formkit/core': 1.6.0
-    optionalDependencies:
-      unocss: 0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
 
   '@formkit/utils@1.6.0': {}
 
@@ -18895,7 +18633,7 @@ snapshots:
       '@formkit/observer': 1.6.0
       '@formkit/utils': 1.6.0
 
-  '@formkit/vue@1.6.0(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vue@3.4.23(typescript@5.1.3))':
+  '@formkit/vue@1.6.0(vue@3.4.23(typescript@5.1.3))':
     dependencies:
       '@formkit/core': 1.6.0
       '@formkit/dev': 1.6.0
@@ -18903,7 +18641,7 @@ snapshots:
       '@formkit/inputs': 1.6.0
       '@formkit/observer': 1.6.0
       '@formkit/rules': 1.6.0
-      '@formkit/themes': 1.6.0(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))
+      '@formkit/themes': 1.6.0
       '@formkit/utils': 1.6.0
       '@formkit/validation': 1.6.0
       vue: 3.4.23(typescript@5.1.3)
@@ -19718,9 +19456,9 @@ snapshots:
 
   '@microsoft/tsdoc@0.14.2': {}
 
-  '@modyfi/vite-plugin-yaml@1.0.4(rollup@4.14.3)':
+  '@modyfi/vite-plugin-yaml@1.0.4(rollup@3.28.0)':
     dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@4.14.3)
+      '@rollup/pluginutils': 5.0.2(rollup@3.28.0)
       js-yaml: 4.1.0
       tosource: 2.0.0-alpha.3
     transitivePeerDependencies:
@@ -19932,13 +19670,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@nuxt/content@2.12.0(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))':
+  '@nuxt/content@2.12.0(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))':
     dependencies:
       '@nuxt/kit': 3.10.2(rollup@4.9.1)
       '@nuxtjs/mdc': 0.5.0(rollup@4.9.1)
       '@vueuse/core': 10.7.2(vue@3.4.23(typescript@5.1.3))
       '@vueuse/head': 2.0.0(vue@3.4.23(typescript@5.1.3))
-      '@vueuse/nuxt': 10.7.2(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))
+      '@vueuse/nuxt': 10.7.2(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))
       consola: 3.2.3
       defu: 6.1.4
       destr: 2.0.2
@@ -19985,34 +19723,34 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
+  '@nuxt/devtools-kit@0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
     dependencies:
       '@nuxt/kit': 3.11.2(rollup@4.14.3)
       '@nuxt/schema': 3.11.2(rollup@4.14.3)
       execa: 7.2.0
-      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  '@nuxt/devtools-kit@1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
+  '@nuxt/devtools-kit@1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
     dependencies:
       '@nuxt/kit': 3.11.2(rollup@4.9.1)
       '@nuxt/schema': 3.11.2(rollup@4.9.1)
       execa: 7.2.0
-      nuxt: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      nuxt: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  '@nuxt/devtools-kit@1.1.5(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
+  '@nuxt/devtools-kit@1.1.5(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
     dependencies:
       '@nuxt/kit': 3.11.2(rollup@4.14.3)
       '@nuxt/schema': 3.11.2(rollup@4.14.3)
       execa: 7.2.0
-      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
     transitivePeerDependencies:
       - rollup
@@ -20058,9 +19796,9 @@ snapshots:
       rc9: 2.1.1
       semver: 7.6.0
 
-  '@nuxt/devtools@0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
+  '@nuxt/devtools@0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
     dependencies:
-      '@nuxt/devtools-kit': 0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      '@nuxt/devtools-kit': 0.6.7(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       '@nuxt/devtools-wizard': 0.6.7
       '@nuxt/kit': 3.8.2(rollup@4.14.3)
       birpc: 0.2.12
@@ -20078,7 +19816,7 @@ snapshots:
       launch-editor: 2.6.0
       local-pkg: 0.4.3
       magicast: 0.2.9
-      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       nypm: 0.2.2
       pacote: 15.2.0
       pathe: 1.1.1
@@ -20103,10 +19841,10 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@nuxt/devtools@1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
+  '@nuxt/devtools@1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))':
     dependencies:
       '@antfu/utils': 0.7.7
-      '@nuxt/devtools-kit': 1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      '@nuxt/devtools-kit': 1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       '@nuxt/devtools-wizard': 1.0.8
       '@nuxt/kit': 3.11.2(rollup@4.9.1)
       birpc: 0.2.14
@@ -20123,7 +19861,7 @@ snapshots:
       launch-editor: 2.6.1
       local-pkg: 0.5.0
       magicast: 0.3.2
-      nuxt: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      nuxt: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       nypm: 0.3.6
       ohash: 1.1.3
       pacote: 17.0.5
@@ -20148,10 +19886,10 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@nuxt/devtools@1.1.5(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))':
+  '@nuxt/devtools@1.1.5(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))':
     dependencies:
       '@antfu/utils': 0.7.7
-      '@nuxt/devtools-kit': 1.1.5(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      '@nuxt/devtools-kit': 1.1.5(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       '@nuxt/devtools-wizard': 1.1.5
       '@nuxt/kit': 3.11.2(rollup@4.14.3)
       '@vue/devtools-applet': 7.0.27(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
@@ -20172,7 +19910,7 @@ snapshots:
       launch-editor: 2.6.1
       local-pkg: 0.5.0
       magicast: 0.3.4
-      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      nuxt: 3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       nypm: 0.3.8
       ohash: 1.1.3
       pacote: 17.0.7
@@ -20272,6 +20010,30 @@ snapshots:
       - rollup
       - supports-color
 
+  '@nuxt/kit@3.11.2(rollup@3.28.0)':
+    dependencies:
+      '@nuxt/schema': 3.11.2(rollup@3.28.0)
+      c12: 1.10.0
+      consola: 3.2.3
+      defu: 6.1.4
+      globby: 14.0.1
+      hash-sum: 2.0.0
+      ignore: 5.3.1
+      jiti: 1.21.0
+      knitwork: 1.1.0
+      mlly: 1.6.1
+      pathe: 1.1.2
+      pkg-types: 1.0.3
+      scule: 1.3.0
+      semver: 7.6.0
+      ufo: 1.5.3
+      unctx: 2.3.1
+      unimport: 3.7.1(rollup@3.28.0)
+      untyped: 1.4.2
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+
   '@nuxt/kit@3.11.2(rollup@4.14.3)':
     dependencies:
       '@nuxt/schema': 3.11.2(rollup@4.14.3)
@@ -20404,6 +20166,23 @@ snapshots:
       - rollup
       - supports-color
 
+  '@nuxt/schema@3.11.2(rollup@3.28.0)':
+    dependencies:
+      '@nuxt/ui-templates': 1.3.3
+      consola: 3.2.3
+      defu: 6.1.4
+      hookable: 5.5.3
+      pathe: 1.1.2
+      pkg-types: 1.0.3
+      scule: 1.3.0
+      std-env: 3.7.0
+      ufo: 1.5.3
+      unimport: 3.7.1(rollup@3.28.0)
+      untyped: 1.4.2
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+
   '@nuxt/schema@3.11.2(rollup@4.14.3)':
     dependencies:
       '@nuxt/ui-templates': 1.3.3
@@ -20522,7 +20301,7 @@ snapshots:
 
   '@nuxt/ui-templates@1.3.3': {}
 
-  '@nuxt/vite-builder@3.10.2(@types/node@18.15.10)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))':
+  '@nuxt/vite-builder@3.10.2(@types/node@18.15.10)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))':
     dependencies:
       '@nuxt/kit': 3.10.2(rollup@4.9.1)
       '@rollup/plugin-replace': 5.0.5(rollup@4.9.1)
@@ -20556,7 +20335,7 @@ snapshots:
       unplugin: 1.10.1
       vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
       vite-node: 1.5.0(@types/node@18.15.10)(terser@5.18.0)
-      vite-plugin-checker: 0.6.4(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(stylelint@15.10.2)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      vite-plugin-checker: 0.6.4(eslint@8.45.0)(optionator@0.9.3)(stylelint@15.10.2)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vue: 3.4.23(typescript@5.1.3)
       vue-bundle-renderer: 2.0.0
     transitivePeerDependencies:
@@ -20579,7 +20358,7 @@ snapshots:
       - vti
       - vue-tsc
 
-  '@nuxt/vite-builder@3.11.2(@types/node@18.15.10)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))':
+  '@nuxt/vite-builder@3.11.2(@types/node@18.15.10)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))':
     dependencies:
       '@nuxt/kit': 3.11.2(rollup@4.14.3)
       '@rollup/plugin-replace': 5.0.5(rollup@4.14.3)
@@ -20613,7 +20392,7 @@ snapshots:
       unplugin: 1.10.1
       vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
       vite-node: 1.5.0(@types/node@18.15.10)(terser@5.18.0)
-      vite-plugin-checker: 0.6.4(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(stylelint@15.10.2)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      vite-plugin-checker: 0.6.4(eslint@8.45.0)(optionator@0.9.3)(stylelint@15.10.2)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vue: 3.4.23(typescript@5.1.3)
       vue-bundle-renderer: 2.0.0
     transitivePeerDependencies:
@@ -21280,16 +21059,16 @@ snapshots:
     optionalDependencies:
       rollup: 4.9.1
 
-  '@rollup/plugin-node-resolve@15.2.1(rollup@4.14.3)':
+  '@rollup/plugin-node-resolve@15.2.1(rollup@3.28.0)':
     dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@4.14.3)
+      '@rollup/pluginutils': 5.0.2(rollup@3.28.0)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.2
     optionalDependencies:
-      rollup: 4.14.3
+      rollup: 3.28.0
 
   '@rollup/plugin-node-resolve@15.2.3(rollup@4.14.3)':
     dependencies:
@@ -21354,13 +21133,13 @@ snapshots:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/pluginutils@5.0.2(rollup@4.14.3)':
+  '@rollup/pluginutils@5.0.2(rollup@3.28.0)':
     dependencies:
       '@types/estree': 1.0.1
       estree-walker: 2.0.2
       picomatch: 2.3.1
     optionalDependencies:
-      rollup: 4.14.3
+      rollup: 3.28.0
 
   '@rollup/pluginutils@5.0.2(rollup@4.9.1)':
     dependencies:
@@ -21370,6 +21149,14 @@ snapshots:
     optionalDependencies:
       rollup: 4.9.1
 
+  '@rollup/pluginutils@5.1.0(rollup@3.28.0)':
+    dependencies:
+      '@types/estree': 1.0.1
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    optionalDependencies:
+      rollup: 3.28.0
+
   '@rollup/pluginutils@5.1.0(rollup@4.14.3)':
     dependencies:
       '@types/estree': 1.0.1
@@ -22345,7 +22132,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.21
+      vue-component-type-helpers: 2.0.22
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -23724,13 +23511,13 @@ snapshots:
 
   '@vueuse/metadata@9.13.0': {}
 
-  '@vueuse/nuxt@10.7.2(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))':
+  '@vueuse/nuxt@10.7.2(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vue@3.4.23(typescript@5.1.3))':
     dependencies:
       '@nuxt/kit': 3.11.2(rollup@4.9.1)
       '@vueuse/core': 10.7.2(vue@3.4.23(typescript@5.1.3))
       '@vueuse/metadata': 10.7.2
       local-pkg: 0.5.0
-      nuxt: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      nuxt: 3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       vue-demi: 0.14.6(vue@3.4.23(typescript@5.1.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -25419,10 +25206,6 @@ snapshots:
       readable-stream: 3.6.0
       typedarray: 0.0.6
 
-  concat-with-sourcemaps@1.1.0:
-    dependencies:
-      source-map: 0.6.1
-
   concurrently@8.2.1:
     dependencies:
       chalk: 4.1.2
@@ -25691,10 +25474,6 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
-  css-declaration-sorter@6.4.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   css-declaration-sorter@7.1.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -25776,39 +25555,6 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  cssnano-preset-default@5.2.14(postcss@8.4.38):
-    dependencies:
-      css-declaration-sorter: 6.4.1(postcss@8.4.38)
-      cssnano-utils: 3.1.0(postcss@8.4.38)
-      postcss: 8.4.38
-      postcss-calc: 8.2.4(postcss@8.4.38)
-      postcss-colormin: 5.3.1(postcss@8.4.38)
-      postcss-convert-values: 5.1.3(postcss@8.4.38)
-      postcss-discard-comments: 5.1.2(postcss@8.4.38)
-      postcss-discard-duplicates: 5.1.0(postcss@8.4.38)
-      postcss-discard-empty: 5.1.1(postcss@8.4.38)
-      postcss-discard-overridden: 5.1.0(postcss@8.4.38)
-      postcss-merge-longhand: 5.1.7(postcss@8.4.38)
-      postcss-merge-rules: 5.1.4(postcss@8.4.38)
-      postcss-minify-font-values: 5.1.0(postcss@8.4.38)
-      postcss-minify-gradients: 5.1.1(postcss@8.4.38)
-      postcss-minify-params: 5.1.4(postcss@8.4.38)
-      postcss-minify-selectors: 5.2.1(postcss@8.4.38)
-      postcss-normalize-charset: 5.1.0(postcss@8.4.38)
-      postcss-normalize-display-values: 5.1.0(postcss@8.4.38)
-      postcss-normalize-positions: 5.1.1(postcss@8.4.38)
-      postcss-normalize-repeat-style: 5.1.1(postcss@8.4.38)
-      postcss-normalize-string: 5.1.0(postcss@8.4.38)
-      postcss-normalize-timing-functions: 5.1.0(postcss@8.4.38)
-      postcss-normalize-unicode: 5.1.1(postcss@8.4.38)
-      postcss-normalize-url: 5.1.0(postcss@8.4.38)
-      postcss-normalize-whitespace: 5.1.1(postcss@8.4.38)
-      postcss-ordered-values: 5.1.3(postcss@8.4.38)
-      postcss-reduce-initial: 5.1.2(postcss@8.4.38)
-      postcss-reduce-transforms: 5.1.0(postcss@8.4.38)
-      postcss-svgo: 5.1.0(postcss@8.4.38)
-      postcss-unique-selectors: 5.1.1(postcss@8.4.38)
-
   cssnano-preset-default@6.0.3(postcss@8.4.38):
     dependencies:
       css-declaration-sorter: 7.1.1(postcss@8.4.38)
@@ -25876,10 +25622,6 @@ snapshots:
       postcss-svgo: 6.0.3(postcss@8.4.38)
       postcss-unique-selectors: 6.0.4(postcss@8.4.38)
 
-  cssnano-utils@3.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   cssnano-utils@4.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -25888,13 +25630,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  cssnano@5.1.15(postcss@8.4.38):
-    dependencies:
-      cssnano-preset-default: 5.2.14(postcss@8.4.38)
-      lilconfig: 2.1.0
-      postcss: 8.4.38
-      yaml: 1.10.2
-
   cssnano@6.0.3(postcss@8.4.38):
     dependencies:
       cssnano-preset-default: 6.0.3(postcss@8.4.38)
@@ -27027,8 +26762,6 @@ snapshots:
 
   estraverse@5.3.0: {}
 
-  estree-walker@0.6.1: {}
-
   estree-walker@2.0.2: {}
 
   estree-walker@3.0.3:
@@ -27657,10 +27390,6 @@ snapshots:
       strip-ansi: 6.0.1
       wide-align: 1.1.5
 
-  generic-names@4.0.0:
-    dependencies:
-      loader-utils: 3.3.1
-
   gensync@1.0.0-beta.2: {}
 
   geotiff@2.1.2:
@@ -28412,12 +28141,6 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  icss-replace-symbols@1.1.0: {}
-
-  icss-utils@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   ieee754@1.2.1: {}
 
   iframe-resizer@4.3.6: {}
@@ -28444,19 +28167,11 @@ snapshots:
 
   image-size@0.5.5: {}
 
-  import-cwd@3.0.0:
-    dependencies:
-      import-from: 3.0.0
-
   import-fresh@3.3.0:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  import-from@3.0.0:
-    dependencies:
-      resolve-from: 5.0.0
-
   import-lazy@4.0.0: {}
 
   import-local@3.1.0:
@@ -29909,8 +29624,6 @@ snapshots:
       - bluebird
       - supports-color
 
-  lilconfig@2.1.0: {}
-
   lilconfig@3.0.0: {}
 
   lilconfig@3.1.1: {}
@@ -30004,8 +29717,6 @@ snapshots:
       emojis-list: 3.0.0
       json5: 2.2.3
 
-  loader-utils@3.3.1: {}
-
   local-pkg@0.4.3: {}
 
   local-pkg@0.5.0:
@@ -31565,15 +31276,15 @@ snapshots:
       - rollup
       - supports-color
 
-  nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
+  nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
+      '@nuxt/devtools': 1.0.8(nuxt@3.10.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(encoding@0.1.13)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.9.1)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))
       '@nuxt/kit': 3.10.2(rollup@4.9.1)
       '@nuxt/schema': 3.10.2(rollup@4.9.1)
       '@nuxt/telemetry': 2.5.3(rollup@4.9.1)
       '@nuxt/ui-templates': 1.3.1
-      '@nuxt/vite-builder': 3.10.2(@types/node@18.15.10)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))
+      '@nuxt/vite-builder': 3.10.2(@types/node@18.15.10)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.9.1)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))
       '@unhead/dom': 1.8.10
       '@unhead/ssr': 1.8.10
       '@unhead/vue': 1.8.10(vue@3.4.23(typescript@5.1.3))
@@ -31662,15 +31373,15 @@ snapshots:
       - vue-tsc
       - xml2js
 
-  nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
+  nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.1.5(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
+      '@nuxt/devtools': 1.1.5(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(nuxt@3.11.2(@parcel/watcher@2.4.1)(@types/node@18.15.10)(@unocss/reset@0.59.3)(axios@1.6.8)(change-case@4.1.2)(encoding@0.1.13)(eslint@8.45.0)(floating-vue@5.2.2(@nuxt/kit@3.11.2(rollup@4.14.3))(vue@3.4.23(typescript@5.1.3)))(ioredis@5.3.2)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(rollup@4.14.3)(unocss@0.59.3(postcss@8.4.38)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)))(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(vue@3.4.23(typescript@5.1.3))
       '@nuxt/kit': 3.11.2(rollup@4.14.3)
       '@nuxt/schema': 3.11.2(rollup@4.14.3)
       '@nuxt/telemetry': 2.5.3(rollup@4.14.3)
       '@nuxt/ui-templates': 1.3.3
-      '@nuxt/vite-builder': 3.11.2(@types/node@18.15.10)(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))
+      '@nuxt/vite-builder': 3.11.2(@types/node@18.15.10)(eslint@8.45.0)(optionator@0.9.3)(rollup@4.14.3)(stylelint@15.10.2)(terser@5.18.0)(typescript@5.1.3)(vue@3.4.23(typescript@5.1.3))
       '@unhead/dom': 1.9.5
       '@unhead/ssr': 1.9.5
       '@unhead/vue': 1.9.5(vue@3.4.23(typescript@5.1.3))
@@ -32534,12 +32245,6 @@ snapshots:
       browserslist: 4.23.0
       postcss: 8.4.38
 
-  postcss-calc@8.2.4(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-      postcss-value-parser: 4.2.0
-
   postcss-calc@9.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32566,14 +32271,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-colormin@5.3.1(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.0
-      caniuse-api: 3.0.0
-      colord: 2.9.3
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-colormin@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32590,12 +32287,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@5.1.3(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.0
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-convert-values@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32637,10 +32328,6 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
-  postcss-discard-comments@5.1.2(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   postcss-discard-comments@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32649,10 +32336,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-discard-duplicates@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   postcss-discard-duplicates@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32661,10 +32344,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-discard-empty@5.1.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   postcss-discard-empty@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32673,10 +32352,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-discard-overridden@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   postcss-discard-overridden@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32742,14 +32417,6 @@ snapshots:
       '@csstools/postcss-progressive-custom-properties': 2.1.0(postcss@8.4.38)
       postcss: 8.4.38
 
-  postcss-load-config@3.1.4(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3)):
-    dependencies:
-      lilconfig: 2.1.0
-      yaml: 1.10.2
-    optionalDependencies:
-      postcss: 8.4.38
-      ts-node: 10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3)
-
   postcss-logical@6.1.0(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32759,12 +32426,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-merge-longhand@5.1.7(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-      stylehacks: 5.1.1(postcss@8.4.38)
-
   postcss-merge-longhand@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32777,14 +32438,6 @@ snapshots:
       postcss-value-parser: 4.2.0
       stylehacks: 6.1.1(postcss@8.4.38)
 
-  postcss-merge-rules@5.1.4(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.0
-      caniuse-api: 3.0.0
-      cssnano-utils: 3.1.0(postcss@8.4.38)
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-
   postcss-merge-rules@6.0.3(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32801,11 +32454,6 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.16
 
-  postcss-minify-font-values@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-minify-font-values@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32816,13 +32464,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@5.1.1(postcss@8.4.38):
-    dependencies:
-      colord: 2.9.3
-      cssnano-utils: 3.1.0(postcss@8.4.38)
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-minify-gradients@6.0.1(postcss@8.4.38):
     dependencies:
       colord: 2.9.3
@@ -32837,13 +32478,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@5.1.4(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.0
-      cssnano-utils: 3.1.0(postcss@8.4.38)
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-minify-params@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -32858,11 +32492,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@5.2.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-
   postcss-minify-selectors@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32873,39 +32502,6 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.16
 
-  postcss-modules-extract-imports@3.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
-  postcss-modules-local-by-default@4.0.5(postcss@8.4.38):
-    dependencies:
-      icss-utils: 5.1.0(postcss@8.4.38)
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-      postcss-value-parser: 4.2.0
-
-  postcss-modules-scope@3.2.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-
-  postcss-modules-values@4.0.0(postcss@8.4.38):
-    dependencies:
-      icss-utils: 5.1.0(postcss@8.4.38)
-      postcss: 8.4.38
-
-  postcss-modules@4.3.1(postcss@8.4.38):
-    dependencies:
-      generic-names: 4.0.0
-      icss-replace-symbols: 1.1.0
-      lodash.camelcase: 4.3.0
-      postcss: 8.4.38
-      postcss-modules-extract-imports: 3.1.0(postcss@8.4.38)
-      postcss-modules-local-by-default: 4.0.5(postcss@8.4.38)
-      postcss-modules-scope: 3.2.0(postcss@8.4.38)
-      postcss-modules-values: 4.0.0(postcss@8.4.38)
-      string-hash: 1.1.3
-
   postcss-nested@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32917,10 +32513,6 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
-  postcss-normalize-charset@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   postcss-normalize-charset@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32929,11 +32521,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-normalize-display-values@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-display-values@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32944,11 +32531,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@5.1.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-positions@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32959,11 +32541,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@5.1.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-repeat-style@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32974,11 +32551,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-string@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -32989,11 +32561,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-timing-functions@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -33004,12 +32571,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@5.1.1(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.0
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-unicode@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -33022,12 +32583,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@5.1.0(postcss@8.4.38):
-    dependencies:
-      normalize-url: 6.1.0
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-url@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -33038,11 +32593,6 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@5.1.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-whitespace@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -33073,12 +32623,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-ordered-values@5.1.3(postcss@8.4.38):
-    dependencies:
-      cssnano-utils: 3.1.0(postcss@8.4.38)
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-ordered-values@6.0.1(postcss@8.4.38):
     dependencies:
       cssnano-utils: 4.0.1(postcss@8.4.38)
@@ -33172,12 +32716,6 @@ snapshots:
       postcss: 8.4.38
       postcss-selector-parser: 6.0.15
 
-  postcss-reduce-initial@5.1.2(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.0
-      caniuse-api: 3.0.0
-      postcss: 8.4.38
-
   postcss-reduce-initial@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -33190,11 +32728,6 @@ snapshots:
       caniuse-api: 3.0.0
       postcss: 8.4.38
 
-  postcss-reduce-transforms@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-reduce-transforms@6.0.1(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -33244,12 +32777,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-svgo@5.1.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-      svgo: 2.8.0
-
   postcss-svgo@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -33262,11 +32789,6 @@ snapshots:
       postcss-value-parser: 4.2.0
       svgo: 3.2.0
 
-  postcss-unique-selectors@5.1.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-
   postcss-unique-selectors@6.0.2(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -33391,8 +32913,6 @@ snapshots:
       err-code: 2.0.3
       retry: 0.12.0
 
-  promise.series@0.2.0: {}
-
   promise@7.3.1:
     dependencies:
       asap: 2.0.6
@@ -34115,25 +33635,6 @@ snapshots:
     dependencies:
       glob: 10.3.10
 
-  rollup-plugin-postcss@4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3)):
-    dependencies:
-      chalk: 4.1.2
-      concat-with-sourcemaps: 1.1.0
-      cssnano: 5.1.15(postcss@8.4.38)
-      import-cwd: 3.0.0
-      p-queue: 6.6.2
-      pify: 5.0.0
-      postcss: 8.4.38
-      postcss-load-config: 3.1.4(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.70)(@types/node@18.15.10)(typescript@5.1.3))
-      postcss-modules: 4.3.1(postcss@8.4.38)
-      promise.series: 0.2.0
-      resolve: 1.22.2
-      rollup-pluginutils: 2.8.2
-      safe-identifier: 0.4.2
-      style-inject: 0.3.0
-    transitivePeerDependencies:
-      - ts-node
-
   rollup-plugin-visualizer@5.12.0(rollup@4.14.3):
     dependencies:
       open: 8.4.0
@@ -34152,10 +33653,6 @@ snapshots:
     optionalDependencies:
       rollup: 4.9.1
 
-  rollup-pluginutils@2.8.2:
-    dependencies:
-      estree-walker: 0.6.1
-
   rollup@3.28.0:
     optionalDependencies:
       fsevents: 2.3.3
@@ -34219,8 +33716,6 @@ snapshots:
 
   safe-buffer@5.2.1: {}
 
-  safe-identifier@0.4.2: {}
-
   safe-regex-test@1.0.0:
     dependencies:
       call-bind: 1.0.2
@@ -34841,8 +34336,6 @@ snapshots:
 
   string-argv@0.3.1: {}
 
-  string-hash@1.1.3: {}
-
   string-length@4.0.2:
     dependencies:
       char-regex: 1.0.2
@@ -34956,16 +34449,8 @@ snapshots:
       lodash: 4.17.21
       tinycolor2: 1.6.0
 
-  style-inject@0.3.0: {}
-
   style-search@0.1.0: {}
 
-  stylehacks@5.1.1(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.0
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-
   stylehacks@6.0.2(postcss@8.4.38):
     dependencies:
       browserslist: 4.22.2
@@ -35779,6 +35264,24 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
+  unimport@3.7.1(rollup@3.28.0):
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@3.28.0)
+      acorn: 8.11.3
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.10
+      mlly: 1.5.0
+      pathe: 1.1.2
+      pkg-types: 1.0.3
+      scule: 1.3.0
+      strip-literal: 1.3.0
+      unplugin: 1.10.1
+    transitivePeerDependencies:
+      - rollup
+
   unimport@3.7.1(rollup@4.14.3):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.14.3)
@@ -35929,14 +35432,13 @@ snapshots:
 
   unpipe@1.0.0: {}
 
-  unplugin-formkit@0.2.13(esbuild@0.20.2)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0))(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2)):
+  unplugin-formkit@0.2.13(esbuild@0.20.2)(rollup@4.14.3)(webpack@5.86.0(@swc/core@1.3.70)(esbuild@0.20.2)):
     dependencies:
       pathe: 1.1.2
       unplugin: 1.10.1
     optionalDependencies:
       esbuild: 0.20.2
       rollup: 4.14.3
-      vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
       webpack: 5.86.0(@swc/core@1.3.70)(esbuild@0.20.2)
 
   unplugin-vue-router@0.7.0(rollup@4.14.3)(vue-router@4.3.1(vue@3.4.23(typescript@5.1.3)))(vue@3.4.23(typescript@5.1.3)):
@@ -36266,7 +35768,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-checker@0.6.4(eslint@8.45.0)(meow@10.1.5)(optionator@0.9.3)(stylelint@15.10.2)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
+  vite-plugin-checker@0.6.4(eslint@8.45.0)(optionator@0.9.3)(stylelint@15.10.2)(typescript@5.1.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
     dependencies:
       '@babel/code-frame': 7.23.5
       ansi-escapes: 4.3.2
@@ -36286,7 +35788,6 @@ snapshots:
       vscode-uri: 3.0.7
     optionalDependencies:
       eslint: 8.45.0
-      meow: 10.1.5
       optionator: 0.9.3
       stylelint: 15.10.2
       typescript: 5.1.3
@@ -36295,11 +35796,11 @@ snapshots:
     dependencies:
       fast-glob: 3.2.12
 
-  vite-plugin-dts@2.1.0(@types/node@18.15.10)(rollup@4.14.3)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
+  vite-plugin-dts@2.1.0(@types/node@18.15.10)(rollup@3.28.0)(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
     dependencies:
       '@babel/parser': 7.21.3
       '@microsoft/api-extractor': 7.34.3(@types/node@18.15.10)
-      '@rollup/pluginutils': 5.0.2(rollup@4.14.3)
+      '@rollup/pluginutils': 5.0.2(rollup@3.28.0)
       '@rushstack/node-core-library': 3.55.1(@types/node@18.15.10)
       debug: 4.3.4(supports-color@8.1.1)
       fast-glob: 3.2.12
@@ -36362,13 +35863,12 @@ snapshots:
       - rollup
       - supports-color
 
-  vite-plugin-static-copy@0.13.1(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
+  vite-plugin-static-copy@0.13.1:
     dependencies:
       chokidar: 3.5.3
       fast-glob: 3.2.12
       fs-extra: 11.1.1
       picocolors: 1.0.0
-      vite: 5.2.11(@types/node@18.15.10)(terser@5.18.0)
 
   vite-plugin-svg-icons@2.0.1(vite@5.2.11(@types/node@18.15.10)(terser@5.18.0)):
     dependencies:
@@ -36471,7 +35971,7 @@ snapshots:
       typesafe-path: 0.2.2
       typescript: 5.1.3
 
-  vue-component-type-helpers@2.0.21: {}
+  vue-component-type-helpers@2.0.22: {}
 
   vue-demi@0.14.6(vue@3.4.23(typescript@5.1.3)):
     dependencies:
@@ -36889,8 +36389,6 @@ snapshots:
 
   yallist@4.0.0: {}
 
-  yaml@1.10.2: {}
-
   yaml@2.3.1: {}
 
   yaml@2.3.4: {}

From 349ac75c4ea6c22c5ddefd0292f3edbb5a171ab7 Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Wed, 26 Jun 2024 03:04:43 +0000
Subject: [PATCH 07/29] test(@dpc-sdp/ripple-tide-webform): :white_check_mark:
 fix unit test

---
 .../mapping/webform-conditional-logic.test.ts | 48 +++++++++++--------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts b/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts
index 968a8c42a6..54aa981d09 100644
--- a/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts
+++ b/packages/ripple-tide-webform/mapping/webform-conditional-logic.test.ts
@@ -1,6 +1,12 @@
 import { expect, describe, it } from '@jest/globals'
 import { getConditionals } from './webform-conditional-logic'
 
+const logger = {
+  warn: (message: string, props: { label: string }) => {
+    console.warn(props.label, message)
+  }
+}
+
 describe('getConditionals', () => {
   describe('states', () => {
     it('required', () => {
@@ -18,7 +24,7 @@ describe('getConditionals', () => {
         required: '$isChecked($get(input_a).value, "true")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('disabled', () => {
@@ -36,7 +42,7 @@ describe('getConditionals', () => {
         disabled: '$isChecked($get(input_a).value, "true")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('enabled', () => {
@@ -54,7 +60,7 @@ describe('getConditionals', () => {
         disabled: '$negate($isChecked($get(input_a).value, "true"))'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('visible', () => {
@@ -72,7 +78,7 @@ describe('getConditionals', () => {
         if: '$isChecked($get(input_a).value, "true")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('invisible', () => {
@@ -90,7 +96,7 @@ describe('getConditionals', () => {
         if: '$negate($isChecked($get(input_a).value, "true"))'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
   })
 
@@ -110,7 +116,7 @@ describe('getConditionals', () => {
         required: '$negate($isFilled($get(input_a).value))'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('filled', () => {
@@ -128,7 +134,7 @@ describe('getConditionals', () => {
         required: '$isFilled($get(input_a).value)'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('checked', () => {
@@ -146,7 +152,7 @@ describe('getConditionals', () => {
         required: '$isChecked($get(input_a).value, "true")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('unchecked', () => {
@@ -164,7 +170,7 @@ describe('getConditionals', () => {
         required: '$negate($isChecked($get(input_a).value, "true"))'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('value', () => {
@@ -182,7 +188,7 @@ describe('getConditionals', () => {
         required: '$isEqual($get(input_a).value, "abc")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('!value', () => {
@@ -200,7 +206,7 @@ describe('getConditionals', () => {
         required: '$negate($isEqual($get(input_a).value, abc))'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('pattern', () => {
@@ -218,7 +224,7 @@ describe('getConditionals', () => {
         required: '$isPatternMatch($get(input_a).value, "abc")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('!pattern', () => {
@@ -236,7 +242,7 @@ describe('getConditionals', () => {
         required: '$negate($isPatternMatch($get(input_a).value, "abc"))'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('less', () => {
@@ -254,7 +260,7 @@ describe('getConditionals', () => {
         required: '$difference($get(input_a).value, 10) < 0'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('greater', () => {
@@ -272,7 +278,7 @@ describe('getConditionals', () => {
         required: '$difference($get(input_a).value, 10) > 0'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
   })
 
@@ -296,7 +302,7 @@ describe('getConditionals', () => {
           '$isChecked($get(input_a).value, "true") && $isEqual($get(input_b).value, "abc")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('OR', () => {
@@ -323,7 +329,7 @@ describe('getConditionals', () => {
           '$isChecked($get(input_a).value, "true") || $isEqual($get(input_b).value, "abc")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('XOR', () => {
@@ -350,7 +356,7 @@ describe('getConditionals', () => {
           '$xor($isChecked($get(input_a).value, "true"), $isEqual($get(input_b).value, "abc"))'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
   })
 
@@ -370,7 +376,7 @@ describe('getConditionals', () => {
         required: '$isChecked($get(input_a).value, "option_one")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
 
     it('value', () => {
@@ -388,7 +394,7 @@ describe('getConditionals', () => {
         required: '$isEqual($get(input_a).value, "option_one")'
       }
 
-      expect(getConditionals(input)).toEqual(expected)
+      expect(getConditionals(input, logger)).toEqual(expected)
     })
   })
 
@@ -408,6 +414,6 @@ describe('getConditionals', () => {
       required: '$isChecked($get(test_id_input_a).value, "true")'
     }
 
-    expect(getConditionals(input)).toEqual(expected)
+    expect(getConditionals(input, logger)).toEqual(expected)
   })
 })

From 4bdb5a5c43658ac79a03f0764cbc5b2675bd1ca3 Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Tue, 2 Jul 2024 13:56:20 +1000
Subject: [PATCH 08/29] test: :white_check_mark: add cypress tests for form
 input extend

---
 examples/nuxt-app/cypress.config.mjs          |  1 -
 .../__test__/fixtures/webform.json            | 15 ++++++++++----
 .../__test__/forms-ext.feature                | 20 +++++++++++++++++++
 .../step_definitions/components/forms.ts      | 19 +++++++++++++++++-
 4 files changed, 49 insertions(+), 6 deletions(-)
 create mode 100644 examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/forms-ext.feature

diff --git a/examples/nuxt-app/cypress.config.mjs b/examples/nuxt-app/cypress.config.mjs
index 27edbe8967..96355fdc5e 100644
--- a/examples/nuxt-app/cypress.config.mjs
+++ b/examples/nuxt-app/cypress.config.mjs
@@ -12,7 +12,6 @@ export default defineConfig({
     baseUrl: 'http://localhost:3000',
     specPattern: '**/*.{feature,feature.ts}',
     supportFile: false,
-    supportFolder: './test',
     downloadsFolder: './test/downloads',
     fixturesFolder: './test/fixtures',
     videosFolder: './test/videos',
diff --git a/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/fixtures/webform.json b/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/fixtures/webform.json
index 288d2ed79b..8218186cf1 100644
--- a/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/fixtures/webform.json
+++ b/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/fixtures/webform.json
@@ -92,9 +92,9 @@
       "uuid": "986aca36-9a3a-408c-9455-c00396dcfb39",
       "component": "TideLandingPageWebForm",
       "id": 1795,
-      "title": "Partially supported",
+      "title": "Input support",
       "props": {
-        "title": "Partially supported",
+        "title": "Input support",
         "formId": "test_of_fields",
         "hideFormOnSubmit": false,
         "successMessageTitle": "Form submitted",
@@ -106,7 +106,7 @@
             "$formkit": "RplFormText",
             "key": "name",
             "name": "name",
-            "label": "Name",
+            "label": "Supported",
             "id": "test_of_fields_name",
             "validation": [["length", 0, 255]],
             "validationMessages": {
@@ -119,7 +119,7 @@
             "$formkit": "RplFormItem",
             "key": "test",
             "name": "test",
-            "label": "Test",
+            "label": "Extended",
             "id": "test_of_fields_test",
             "validation": [["length", 0, 255]],
             "validationMessages": {
@@ -128,6 +128,13 @@
               "length": "You can enter a maximum of 255 characters"
             }
           },
+          {
+            "$el": "div",
+            "attrs": {
+              "class": "rpl-form__outer rpl-form__input--unsupported"
+            },
+            "children": ["\"signature\" is not yet supported"]
+          },
           {
             "$formkit": "RplFormActions",
             "key": "actions",
diff --git a/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/forms-ext.feature b/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/forms-ext.feature
new file mode 100644
index 0000000000..810148551e
--- /dev/null
+++ b/examples/nuxt-app/layers/ripple-ui-forms-ext/__test__/forms-ext.feature
@@ -0,0 +1,20 @@
+Feature: Forms, extended
+
+  As a developer, I can add custom form inputs that are not provided in the core offering
+
+  Background:
+    Given the mock server has started
+    And the page endpoint for path "/webform" returns fixture "../../layers/ripple-ui-forms-ext/__test__/fixtures/webform" with status 200
+    And the site endpoint returns fixture "/site/reference" with status 200
+
+  @mockserver
+  Scenario: Custom input
+    Given I visit the page "/webform"
+    Then the landing page component "TideLandingPageWebForm" should exist
+    And a field labelled "Extended" should exist with the CSS class ".rpl-form__input--type-item"
+
+  @mockserver
+  Scenario: Unsupported input
+    Given I visit the page "/webform"
+    Then the landing page component "TideLandingPageWebForm" should exist
+    And an input of type "signature" is not yet supported
diff --git a/packages/ripple-test-utils/step_definitions/components/forms.ts b/packages/ripple-test-utils/step_definitions/components/forms.ts
index 1155541e2b..a11c1b40ef 100644
--- a/packages/ripple-test-utils/step_definitions/components/forms.ts
+++ b/packages/ripple-test-utils/step_definitions/components/forms.ts
@@ -349,8 +349,25 @@ Then(
   }
 )
 
-// Open forms
+// Extended
+Then(
+  'a field labelled {string} should exist with the CSS class {string}',
+  (label: string, css: string) => {
+    cy.get(css)
+      .closest('.rpl-form__outer')
+      .find('label.rpl-form-label')
+      .should('contain', label)
+  }
+)
+
+// Unsupported
+Then('an input of type {string} is not yet supported', (inputType: string) => {
+  cy.get('.rpl-form__outer.rpl-form__input--unsupported')
+    .contains(inputType)
+    .should('exist')
+})
 
+// Open forms
 Then('there is an openforms embed with the url {string}', (url: string) => {
   cy.get(`iframe[src^="${url}"]`).should('exist')
 })

From b51d24e9c65711e07240e60b36b9172ffe81e6c9 Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Tue, 2 Jul 2024 16:04:39 +1000
Subject: [PATCH 09/29] build: :construction_worker: update actions to node 20

---
 .github/workflows/components.yml     | 12 ++++++------
 .github/workflows/docs.yml           |  4 ++--
 .github/workflows/main.yml           |  4 ++--
 .github/workflows/nuxt.yml           |  8 ++++----
 .github/workflows/publish-canary.yml |  4 ++--
 .github/workflows/publish.yml        |  4 ++--
 .github/workflows/vue.yml            |  4 ++--
 .github/workflows/webcomponents.yml  |  4 ++--
 8 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/.github/workflows/components.yml b/.github/workflows/components.yml
index 3c02114155..661cad59b0 100644
--- a/.github/workflows/components.yml
+++ b/.github/workflows/components.yml
@@ -12,11 +12,11 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
       - name: Install Dependencies
@@ -37,9 +37,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         env:
           PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
         with:
@@ -60,9 +60,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         env:
           PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
         with:
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index 11920abb38..2c3789e01c 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -11,9 +11,9 @@ jobs:
   Docs:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
           run_install: false
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 3675ee9a50..c948d1a32d 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -4,9 +4,9 @@ jobs:
   Test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
           run_install: false
diff --git a/.github/workflows/nuxt.yml b/.github/workflows/nuxt.yml
index ff14bf681b..5478429591 100644
--- a/.github/workflows/nuxt.yml
+++ b/.github/workflows/nuxt.yml
@@ -11,9 +11,9 @@ jobs:
   TestNuxt:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
           run_install: false
@@ -45,10 +45,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
 
diff --git a/.github/workflows/publish-canary.yml b/.github/workflows/publish-canary.yml
index 78d7a87863..0b10b80ff6 100644
--- a/.github/workflows/publish-canary.yml
+++ b/.github/workflows/publish-canary.yml
@@ -11,12 +11,12 @@ jobs:
       packages: write
       contents: read
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
       - run: git fetch --depth=1 origin +refs/tags/*:refs/tags/*
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
           run_install: false
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 0d070a48c5..e957b5f29e 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -10,9 +10,9 @@ jobs:
       packages: write
       contents: write
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
           run_install: false
diff --git a/.github/workflows/vue.yml b/.github/workflows/vue.yml
index 5da53ea05b..fdc5a518df 100644
--- a/.github/workflows/vue.yml
+++ b/.github/workflows/vue.yml
@@ -11,10 +11,10 @@ jobs:
   Examples:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
           run_install: false
diff --git a/.github/workflows/webcomponents.yml b/.github/workflows/webcomponents.yml
index 34a72a3a78..3a1aa3e07f 100644
--- a/.github/workflows/webcomponents.yml
+++ b/.github/workflows/webcomponents.yml
@@ -11,10 +11,10 @@ jobs:
   Examples:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 9.0.6
           run_install: false

From 7c91a1dfd463ac0010fe0c46474f281822dd6a11 Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Tue, 2 Jul 2024 16:21:00 +1000
Subject: [PATCH 10/29] feat(@dpc-sdp/nuxt-ripple-cli): update action versions,
 respect GitHubs prerelease checkbox

---
 .../init/_templates/layer/latest/github/publish.yml.t     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/github/publish.yml.t b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/github/publish.yml.t
index befccbe5c7..d796cb4058 100644
--- a/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/github/publish.yml.t
+++ b/packages/nuxt-ripple-cli/src/commands/init/_templates/layer/latest/github/publish.yml.t
@@ -14,9 +14,9 @@ jobs:
       packages: write
       contents: write
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           registry-url: 'https://npm.pkg.github.com/'
           node-version: 20
@@ -25,10 +25,10 @@ jobs:
           git config --global user.email "sdp.devs@dpc.vic.gov.au"
           git config --global user.name "SDP Deploy"
       - name: Bump version from release number
-        run: npm version ${{ github.event.release.name }} --allow-same-version
+        run: npm version ${{ github.event.release.name }} --no-git-tag-version
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Publish to GH Package registry
-        run: npm publish
+        run: npm publish --tag ${{ github.event.release.prerelease && 'alpha' || 'latest' }}
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

From 54b46e7105d8d947fdd41d221c66c181ec067489 Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Tue, 2 Jul 2024 16:22:09 +1000
Subject: [PATCH 11/29] build: :construction_worker: update actions to node 20

---
 .github/workflows/components.yml     | 4 ++--
 .github/workflows/docs.yml           | 2 +-
 .github/workflows/main.yml           | 2 +-
 .github/workflows/nuxt.yml           | 2 +-
 .github/workflows/publish-canary.yml | 2 +-
 .github/workflows/publish.yml        | 2 +-
 .github/workflows/studio.yml         | 2 +-
 .github/workflows/vue.yml            | 2 +-
 .github/workflows/webcomponents.yml  | 2 +-
 9 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/.github/workflows/components.yml b/.github/workflows/components.yml
index 661cad59b0..61af9c74fb 100644
--- a/.github/workflows/components.yml
+++ b/.github/workflows/components.yml
@@ -46,7 +46,7 @@ jobs:
           version: 9.0.6
           run_install: true
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'pnpm'
@@ -69,7 +69,7 @@ jobs:
           version: 9.0.6
           run_install: true
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'pnpm'
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index 2c3789e01c..32ab756a2e 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -18,7 +18,7 @@ jobs:
           version: 9.0.6
           run_install: false
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'pnpm'
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index c948d1a32d..e006f5096a 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -11,7 +11,7 @@ jobs:
           version: 9.0.6
           run_install: false
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'pnpm'
diff --git a/.github/workflows/nuxt.yml b/.github/workflows/nuxt.yml
index 5478429591..69428ce77f 100644
--- a/.github/workflows/nuxt.yml
+++ b/.github/workflows/nuxt.yml
@@ -18,7 +18,7 @@ jobs:
           version: 9.0.6
           run_install: false
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'pnpm'
diff --git a/.github/workflows/publish-canary.yml b/.github/workflows/publish-canary.yml
index 0b10b80ff6..3fe959bac7 100644
--- a/.github/workflows/publish-canary.yml
+++ b/.github/workflows/publish-canary.yml
@@ -21,7 +21,7 @@ jobs:
           version: 9.0.6
           run_install: false
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           registry-url: 'https://npm.pkg.github.com/'
           node-version: 20
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index e957b5f29e..165faaed6a 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -17,7 +17,7 @@ jobs:
           version: 9.0.6
           run_install: false
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           registry-url: 'https://npm.pkg.github.com/'
           node-version: 20
diff --git a/.github/workflows/studio.yml b/.github/workflows/studio.yml
index 841369eaca..9df644ed6b 100644
--- a/.github/workflows/studio.yml
+++ b/.github/workflows/studio.yml
@@ -51,7 +51,7 @@ jobs:
         with:
           version: 9.0.6
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           version: ${{ matrix.node }}
           cache: ${{ steps.pkgman.outputs.cache }}
diff --git a/.github/workflows/vue.yml b/.github/workflows/vue.yml
index fdc5a518df..7cd8d2f0e8 100644
--- a/.github/workflows/vue.yml
+++ b/.github/workflows/vue.yml
@@ -20,7 +20,7 @@ jobs:
           run_install: false
 
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'pnpm'
diff --git a/.github/workflows/webcomponents.yml b/.github/workflows/webcomponents.yml
index 3a1aa3e07f..81164c941b 100644
--- a/.github/workflows/webcomponents.yml
+++ b/.github/workflows/webcomponents.yml
@@ -20,7 +20,7 @@ jobs:
           run_install: false
 
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'pnpm'

From 6c21be8a1ddd47f30ff1f4f67ecdddf059e4bc08 Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Wed, 3 Jul 2024 11:10:13 +1000
Subject: [PATCH 12/29] feat(@dpc-sdp/ripple-ui-maps): default map pin color to
 primary site color instead of red

---
 packages/ripple-ui-maps/src/components/map/RplMap.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/ripple-ui-maps/src/components/map/RplMap.vue b/packages/ripple-ui-maps/src/components/map/RplMap.vue
index 6416f4cdff..8ff948a6d8 100644
--- a/packages/ripple-ui-maps/src/components/map/RplMap.vue
+++ b/packages/ripple-ui-maps/src/components/map/RplMap.vue
@@ -1,3 +1,9 @@
+<script lang="ts">
+const primaryColor = getComputedStyle(
+  document.documentElement
+).getPropertyValue('--rpl-clr-primary')
+</script>
+
 <script setup lang="ts">
 import { RplIcon } from '@dpc-sdp/ripple-ui-core/vue'
 import type { IRplMapFeature } from './../../types'
@@ -57,7 +63,7 @@ const props = withDefaults(defineProps<Props>(), {
   initialCenter: () => [144.9631, -36.8136], // melbourne CBD
   homeViewExtent: () => [144.9631, -36.8136], // melbourne CBD
   pinStyle: (feature) => {
-    let color = feature.color || 'red'
+    let color = feature.color || primaryColor || 'red'
     const ic = new Icon({
       src: markerIconDefaultSrc,
       color,

From db90aacebe537e460451e96272020c921e563b9e Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Wed, 3 Jul 2024 11:11:05 +1000
Subject: [PATCH 13/29] fix(@dpc-sdp/ripple-ui-core): fixed description list
 missing types

---
 .../ripple-ui-core/src/components/description-list/constants.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ripple-ui-core/src/components/description-list/constants.ts b/packages/ripple-ui-core/src/components/description-list/constants.ts
index cbb8b3be60..fa4c9b6a47 100644
--- a/packages/ripple-ui-core/src/components/description-list/constants.ts
+++ b/packages/ripple-ui-core/src/components/description-list/constants.ts
@@ -9,4 +9,4 @@ export type IRplDescriptionListItem = {
   iconColour?: (typeof RplColorThemes)[number]
 }
 
-export type IRplDescriptionListVariant = 'default' | 'icon'
+export type IRplDescriptionListVariant = 'default' | 'icon' | 'compact'

From 87a470be66c0c5ab521d42c989e0e025049a5df1 Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Wed, 3 Jul 2024 11:11:58 +1000
Subject: [PATCH 14/29] feat(@dpc-sdp/ripple-tide-search): added helper
 components for laying out result tables

---
 .../components/TideSearchResultTableCell.vue     | 15 +++++++++++++++
 .../components/TideSearchResultTableHeading.vue  | 16 ++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 packages/ripple-tide-search/components/TideSearchResultTableCell.vue
 create mode 100644 packages/ripple-tide-search/components/TideSearchResultTableHeading.vue

diff --git a/packages/ripple-tide-search/components/TideSearchResultTableCell.vue b/packages/ripple-tide-search/components/TideSearchResultTableCell.vue
new file mode 100644
index 0000000000..34f8b95b73
--- /dev/null
+++ b/packages/ripple-tide-search/components/TideSearchResultTableCell.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="tide-search-result-cell"><slot></slot></div>
+</template>
+
+<style>
+.tide-search-result-cell {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rpl-sp-3);
+
+  address {
+    font-style: normal;
+  }
+}
+</style>
diff --git a/packages/ripple-tide-search/components/TideSearchResultTableHeading.vue b/packages/ripple-tide-search/components/TideSearchResultTableHeading.vue
new file mode 100644
index 0000000000..643fc7d4e0
--- /dev/null
+++ b/packages/ripple-tide-search/components/TideSearchResultTableHeading.vue
@@ -0,0 +1,16 @@
+<template>
+  <h4
+    class="tide-search-result-table-heading"
+  >
+    <slot></slot>
+  </h4>
+</template>
+
+
+<style>
+@import '@dpc-sdp/ripple-ui-core/style/breakpoints';
+
+.tide-search-result-table-heading {
+  font-weight: bold;
+}
+</style>

From ed11a146832543d1bb3b70825330865ea0c4d5b6 Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Wed, 3 Jul 2024 11:13:27 +1000
Subject: [PATCH 15/29] fix(@dpc-sdp/ripple-tide-search): pass map deadspace to
 map results hook

---
 packages/nuxt-ripple/app.config.ts                 |  2 +-
 .../components/global/TideCustomCollection.vue     | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/nuxt-ripple/app.config.ts b/packages/nuxt-ripple/app.config.ts
index 83f9106604..9c91de0e03 100644
--- a/packages/nuxt-ripple/app.config.ts
+++ b/packages/nuxt-ripple/app.config.ts
@@ -46,7 +46,7 @@ declare module '@nuxt/schema' {
         >
         mapResultHooks?: Record<
           string,
-          (map: any, results: any, location: any) => void
+          (map: any, results: any, location: any, mapDeadSpace: any) => void
         >
       }
     }
diff --git a/packages/ripple-tide-search/components/global/TideCustomCollection.vue b/packages/ripple-tide-search/components/global/TideCustomCollection.vue
index fa36a418ed..0ee4d4ed49 100644
--- a/packages/ripple-tide-search/components/global/TideCustomCollection.vue
+++ b/packages/ripple-tide-search/components/global/TideCustomCollection.vue
@@ -286,7 +286,12 @@ onMapResultsHook.value = () => {
   const hookFnName = props.mapConfig?.onResultsHook
   const fns: Record<
     string,
-    (map: any, results: any, locationQuery: any) => Promise<any>
+    (
+      map: any,
+      results: any,
+      locationQuery: any,
+      mapDeadSpace?: any
+    ) => Promise<any>
   > = appConfig?.ripple?.search?.mapResultHooks || {}
 
   if (!hookFnName) {
@@ -301,7 +306,12 @@ onMapResultsHook.value = () => {
     )
   }
 
-  hookFn(rplMapRef.value, mapResults.value, locationOrGeolocation.value)
+  hookFn(
+    rplMapRef.value,
+    mapResults.value,
+    locationOrGeolocation.value,
+    deadSpace.value
+  )
 }
 
 const resultsContainer = computed(

From 3627fb8b13ee814343ebabe546a202d6158b8efc Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Tue, 2 Jul 2024 15:49:06 +1000
Subject: [PATCH 16/29] feat(@dpc-sdp/ripple-ui-core): use classes for list
 types, remove circle

---
 .../utils/markup-transpiler/cheerio.test.ts   |  2 ++
 .../markup-transpiler/default-plugins.ts      | 24 +++++++++++++++++++
 .../src/styles/utilities/_lists.css           | 18 +++++++-------
 3 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts b/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
index 70c0c026f1..efe429a73b 100644
--- a/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
+++ b/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
@@ -16,6 +16,7 @@ const markup = {
   image: `<div class="embedded-entity--media--image"><img src="https://example.com/image.jpg" alt="Image" title="Image" width="100" height="100"></div>`,
   button: `<a class="button" href="https://example.com">Button</a>`,
   link: `<a href="https://example.com" target="_blank">Link</a>`,
+  list: `<ul type="disc"><li>List item</li></ul><ul type="circle"><li>List item</li></ul><ul type="square"><li>List item</li></ul><ol type="i"><li>List item</li></ol><ol type="I"><li>List item</li></ol><ol type="a"><li>List item</li></ol><ol type="A"><li>List item</li></ol>`,
   iframe: `<iframe src="https://powerbi.com" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>`
 }
 
@@ -68,6 +69,7 @@ const fixed = {
   image: `<figure><img src="https://example.com/image.jpg" class="rpl-img" width="100" alt="Image" srcset="https://example.com/image.jpg?width=720, https://example.com/image.jpg?width=1440 2x"></figure>`,
   button: `<a class="rpl-button rpl-button--default rpl-u-focusable-block rpl-button--filled" href="https://example.com"><span class="rpl-button__label rpl-type-label rpl-type-weight-bold">Button</span></a>`,
   link: `<a href="https://example.com" target="_blank" class="rpl-text-link rpl-u-focusable-inline">Link<span class="rpl-u-visually-hidden">(opens in a new window)</span></a>`,
+  list: `<ul class="rpl-type-list-ul--disc"><li>List item</li></ul><ul class="rpl-type-list-ul--disc"><li>List item</li></ul><ul class="rpl-type-list-ul--square"><li>List item</li></ul><ol class="rpl-type-list-ol--lower-roman"><li>List item</li></ol><ol class="rpl-type-list-ol--upper-roman"><li>List item</li></ol><ol class="rpl-type-list-ol--lower-latin"><li>List item</li></ol><ol class="rpl-type-list-ol--upper-latin"><li>List item</li></ol>`,
   iframe: `<div class="rpl-iframe rpl-iframe--default rpl-iframe--auto"><iframe src="https://powerbi.com" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>`
 }
 
diff --git a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
index 56f2fae691..6abeb22f39 100644
--- a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
+++ b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
@@ -248,6 +248,29 @@ const pluginLinks = function (this: any) {
   })
 }
 
+const pluginLists = function (this: any) {
+  this.find('ul[type], ol[type]').map((i: any, el: any) => {
+    const $list = this.find(el)
+    const type = $list.attr('type')
+
+    const listTypes = {
+      a: 'lower-latin',
+      A: 'upper-latin',
+      i: 'lower-roman',
+      I: 'upper-roman',
+      square: 'square',
+      disc: 'disc',
+      circle: 'disc'
+    }
+
+    $list
+      .removeAttr('type')
+      .addClass(`rpl-type-list-${el?.name}--${listTypes[type]}`)
+
+    return $list
+  })
+}
+
 const pluginIFrames = function (this: any) {
   this.find('iframe').map((i: any, el: any) => {
     const $iframe = this.find(el)
@@ -277,5 +300,6 @@ export default [
   pluginImages,
   pluginButtons,
   pluginLinks,
+  pluginLists,
   pluginIFrames
 ]
diff --git a/packages/ripple-ui-core/src/styles/utilities/_lists.css b/packages/ripple-ui-core/src/styles/utilities/_lists.css
index e9d27c8f74..6b18bcd273 100644
--- a/packages/ripple-ui-core/src/styles/utilities/_lists.css
+++ b/packages/ripple-ui-core/src/styles/utilities/_lists.css
@@ -12,25 +12,25 @@
   line-height: var(--rpl-type-lh-4);
   letter-spacing: var(--rpl-type-ls-1);
   margin-left: var(--rpl-sp-4);
-  padding-left: var(--rpl-sp-4);
+  padding-left: var(--rpl-sp-5);
 
   @media (--rpl-bp-l) {
     margin-left: var(--rpl-sp-5);
   }
 
-  &[type='i'] {
+  &.rpl-type-list-ol--lower-roman {
     list-style-type: lower-roman;
   }
 
-  &[type='I'] {
+  &.rpl-type-list-ol--upper-roman {
     list-style-type: upper-roman;
   }
 
-  &[type='a'] {
+  &.rpl-type-list-ol--lower-latin {
     list-style-type: lower-latin;
   }
 
-  &[type='A'] {
+  &.rpl-type-list-ol--upper-latin {
     list-style-type: upper-latin;
   }
 
@@ -80,18 +80,18 @@
   line-height: var(--rpl-type-lh-4);
   letter-spacing: var(--rpl-type-ls-1);
   margin-left: var(--rpl-sp-4);
-  padding-left: var(--rpl-sp-4);
+  padding-left: var(--rpl-sp-5);
   list-style-type: disc;
 
   @media (--rpl-bp-l) {
     margin-left: var(--rpl-sp-5);
   }
 
-  &[type='circle'] {
-    list-style-type: circle;
+  &.rpl-type-list-ul--disc {
+    list-style-type: disc;
   }
 
-  &[type='square'] {
+  &.rpl-type-list-ul--square {
     list-style-type: square;
   }
 

From 07829674c135987011904842ab6e1beb456d13c9 Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Fri, 5 Jul 2024 17:05:42 +1000
Subject: [PATCH 17/29] feat(@dpc-sdp/ripple-ui-core): update component tests

---
 .../components/accordion/RplAccordion.cy.ts   | 60 ++++++++++++-------
 .../card-carousel/RplCardCarousel.cy.ts       | 32 ++++++++++
 .../src/components/footer/RplFooter.cy.ts     | 15 +++--
 .../media-embed/RplMediaEmbed.cy.ts           |  5 +-
 .../media-gallery/RplMediaGallery.cy.ts       | 52 ++++++++++++++--
 .../primary-nav/RplPrimaryNav.cy.ts           | 13 ++++
 .../components/search-bar/RplSearchBar.cy.ts  |  1 +
 .../src/components/tabs/RplTabs.cy.ts         |  3 +
 8 files changed, 150 insertions(+), 31 deletions(-)
 create mode 100644 packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.cy.ts

diff --git a/packages/ripple-ui-core/src/components/accordion/RplAccordion.cy.ts b/packages/ripple-ui-core/src/components/accordion/RplAccordion.cy.ts
index 20133b58ed..11b64969fb 100644
--- a/packages/ripple-ui-core/src/components/accordion/RplAccordion.cy.ts
+++ b/packages/ripple-ui-core/src/components/accordion/RplAccordion.cy.ts
@@ -9,34 +9,52 @@ const baseProps = {
 
 describe('RplAccordion', () => {
   it('mounts', () => {
-    cy.mount(RplAccordion, {
-      props: {
-        ...baseProps
-      }
-    })
+    cy.mount(RplAccordion, { props: { ...baseProps } })
+
     cy.get('.rpl-accordion__toggle-all').should('contains.text', 'Open all')
   })
 
-  it('opens all accordions when open all clicked', () => {
-    cy.mount(RplAccordion, {
-      props: {
-        ...baseProps
-      }
-    })
-    cy.get('.rpl-accordion__toggle-all').click()
-    cy.get('.rpl-accordion__toggle-all').should('contains.text', 'Close all')
+  it('allows individual accordion items to be toggled', () => {
+    cy.mount(RplAccordion, { props: { ...baseProps } })
+
+    cy.get('.rpl-accordion__item').first().as('item')
+
+    cy.get('@item').find('.rpl-accordion__item-toggle').click()
+    cy.get('@item')
+      .find('.rpl-accordion__item-toggle')
+      .should('have.attr', 'aria-expanded', 'true')
+
+    cy.get('@item')
+      .find('.rpl-accordion__item-content-inner')
+      .should('be.visible')
   })
-  it('shows open all when it has been closed again', () => {
-    cy.mount(RplAccordion, {
-      props: {
-        ...baseProps
-      }
-    })
-    cy.get('.rpl-accordion__toggle-all').click()
+
+  it('toggles all accordions when open/close all button is clicked', () => {
+    cy.mount(RplAccordion, { props: { ...baseProps } })
+
+    cy.get('.rpl-accordion__toggle-all').contains('Open all').click()
+    cy.get('.rpl-accordion__item-content-inner:visible').should(
+      'have.length',
+      3
+    )
+
+    cy.get('.rpl-accordion__toggle-all').contains('Close all').click()
+    cy.get('.rpl-accordion__item-content-inner:visible').should(
+      'have.length',
+      0
+    )
+  })
+
+  it('toggles the open/close all text when all items have been individually toggled', () => {
+    cy.mount(RplAccordion, { props: { ...baseProps } })
+
+    cy.get('.rpl-accordion__item-toggle').click({ multiple: true })
     cy.get('.rpl-accordion__toggle-all').should('contains.text', 'Close all')
-    cy.get('.rpl-accordion__toggle-all').click()
+
+    cy.get('.rpl-accordion__item-toggle').click({ multiple: true })
     cy.get('.rpl-accordion__toggle-all').should('contains.text', 'Open all')
   })
+
   it('shows numbered accordions', () => {
     cy.mount(RplAccordion, {
       props: {
diff --git a/packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.cy.ts b/packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.cy.ts
new file mode 100644
index 0000000000..c90ab46641
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.cy.ts
@@ -0,0 +1,32 @@
+import RplCardCarousel from './RplCardCarousel.vue'
+
+const items = [
+  {
+    type: 'promo',
+    title: 'First card',
+    url: '#'
+  },
+  {
+    type: 'promo',
+    title: 'Second card',
+    url: '#'
+  }
+]
+
+const props = { items }
+
+describe('RplMediaGallery', () => {
+  it('mounts', () => {
+    cy.mount(RplCardCarousel, { props })
+  })
+
+  it('navigates to through cards with pagination', () => {
+    cy.mount(RplCardCarousel, { props })
+
+    cy.get('[aria-label="Go to next item"]').click()
+    cy.contains('.swiper-slide-active', items[1].title)
+
+    cy.get('[aria-label="Go to previous item"]').click()
+    cy.contains('.swiper-slide-active', items[0].title)
+  })
+})
diff --git a/packages/ripple-ui-core/src/components/footer/RplFooter.cy.ts b/packages/ripple-ui-core/src/components/footer/RplFooter.cy.ts
index 7b3da17f41..06d0eabc2d 100644
--- a/packages/ripple-ui-core/src/components/footer/RplFooter.cy.ts
+++ b/packages/ripple-ui-core/src/components/footer/RplFooter.cy.ts
@@ -11,17 +11,22 @@ describe('RplFooter', () => {
     cy.mount(RplFooter, { props })
   })
 
-  it('allows menus to be opened on small screens', () => {
-    cy.viewport(bpMin.s, 1000).mount(RplFooter, { props })
+  it('allows menus to be toggled on small screens', () => {
+    cy.viewport(bpMin.s, 1000)
+    cy.mount(RplFooter, { props })
 
     cy.get('.rpl-footer-nav-section__header-inner-button').first().as('button')
 
-    cy.get('@button').click()
-
     cy.get('@button')
       .invoke('attr', 'aria-controls')
       .then((id) => {
-        cy.get(`#${id}`).should('be.visible')
+        cy.get(`#${id}`).as('menu')
       })
+
+    cy.get('@button').click()
+    cy.get('@menu').should('be.visible')
+
+    cy.get('@button').click()
+    cy.get('@menu').should('be.hidden')
   })
 })
diff --git a/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.cy.ts b/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.cy.ts
index 4a813555a4..1ff20e78b5 100644
--- a/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.cy.ts
+++ b/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.cy.ts
@@ -33,6 +33,9 @@ describe('RplMediaEmbed', () => {
     cy.mount(RplMediaEmbed, { props })
 
     cy.get('.rpl-media-embed__fullscreen-button').click()
-    cy.document().get('.rpl-media-embed__modal').should('be.visible')
+    cy.get('.rpl-media-embed__modal').should('be.visible')
+
+    cy.get('.rpl-media-embed__modal button').click()
+    cy.get('.rpl-media-embed__modal').should('not.exist')
   })
 })
diff --git a/packages/ripple-ui-core/src/components/media-gallery/RplMediaGallery.cy.ts b/packages/ripple-ui-core/src/components/media-gallery/RplMediaGallery.cy.ts
index ed827d83f6..aa6ed62227 100644
--- a/packages/ripple-ui-core/src/components/media-gallery/RplMediaGallery.cy.ts
+++ b/packages/ripple-ui-core/src/components/media-gallery/RplMediaGallery.cy.ts
@@ -36,7 +36,7 @@ describe('RplMediaGallery', () => {
     cy.document().get('.rpl-media-gallery__modal').should('be.visible')
   })
 
-  it('navigates to next item via pagination', () => {
+  it('navigates to through items with pagination', () => {
     cy.mount(RplMediaGallery, { props })
 
     cy.get('[aria-label="Go to next item"]').click()
@@ -47,6 +47,15 @@ describe('RplMediaGallery', () => {
     cy.get('.rpl-media-gallery__primary-images .swiper-slide-active .rpl-image')
       .should('have.attr', 'src')
       .and('equal', items[1].thumbnail)
+
+    cy.get('[aria-label="Go to previous item"]').click()
+    cy.get('.rpl-media-gallery__primary-content .swiper-slide-active').should(
+      'contain',
+      items[0].title
+    )
+    cy.get('.rpl-media-gallery__primary-images .swiper-slide-active .rpl-image')
+      .should('have.attr', 'src')
+      .and('equal', items[0].thumbnail)
   })
 
   it('displays the item navigated too fullscreen', () => {
@@ -58,11 +67,46 @@ describe('RplMediaGallery', () => {
       .find(' .rpl-media-gallery__button')
       .click()
 
-    cy.document()
-      .get('.rpl-media-gallery__modal-content .swiper-slide-active')
-      .should('contain', items[1].title)
+    cy.get('.rpl-media-gallery__modal').should('be.visible')
+
+    cy.get('.rpl-media-gallery__modal-content .swiper-slide-active').should(
+      'contain',
+      items[1].title
+    )
     cy.get('.rpl-media-gallery__modal-images .swiper-slide-active .rpl-image')
       .should('have.attr', 'src')
       .and('equal', items[1].thumbnail)
   })
+
+  it('allows navigating through items in fullscreen gallery', () => {
+    cy.mount(RplMediaGallery, { props })
+
+    cy.get('.rpl-media-gallery__primary-content .rpl-media-gallery__button')
+      .first()
+      .click()
+
+    cy.get('.rpl-media-gallery__modal').as('modal')
+
+    cy.get('@modal').find('[aria-label="Go to next item"]').click()
+
+    cy.get('@modal').contains(
+      '.rpl-media-gallery__modal-content .swiper-slide-active',
+      items[1].title
+    )
+    cy.get('@modal')
+      .find('.swiper-slide-active .rpl-image')
+      .should('have.attr', 'src')
+      .and('equal', items[1].image)
+
+    cy.get('@modal').find('[aria-label="Go to previous item"]').click()
+
+    cy.get('@modal').contains(
+      '.rpl-media-gallery__modal-content .swiper-slide-active',
+      items[0].title
+    )
+    cy.get('@modal')
+      .find('.swiper-slide-active .rpl-image')
+      .should('have.attr', 'src')
+      .and('equal', items[0].image)
+  })
 })
diff --git a/packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.cy.ts b/packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.cy.ts
index 0744cadc67..c9966c78d8 100644
--- a/packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.cy.ts
+++ b/packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.cy.ts
@@ -76,5 +76,18 @@ describe('RplPrimaryNav', () => {
       cy.get(levelToggle(2)).first().click()
       cy.get(level(3)).should('not.exist')
     })
+
+    it('toggles the display of the search form', () => {
+      cy.contains('.rpl-primary-nav__nav-bar-action--toggle', 'Search').click()
+
+      cy.get('.rpl-primary-nav__search-form').as('form')
+
+      cy.get('form').should('be.visible')
+      cy.get('form').find('.rpl-search-bar__input').should('have.focus')
+
+      cy.contains('.rpl-primary-nav__nav-bar-action--toggle', 'Close').click()
+
+      cy.get('.rpl-primary-nav__search-form').should('not.exist')
+    })
   })
 })
diff --git a/packages/ripple-ui-core/src/components/search-bar/RplSearchBar.cy.ts b/packages/ripple-ui-core/src/components/search-bar/RplSearchBar.cy.ts
index 69c18937c6..06e00278ad 100644
--- a/packages/ripple-ui-core/src/components/search-bar/RplSearchBar.cy.ts
+++ b/packages/ripple-ui-core/src/components/search-bar/RplSearchBar.cy.ts
@@ -30,6 +30,7 @@ describe('RplSearchBar', () => {
     cy.get('input#1234').click()
     cy.get('[data-option-id="rip"]').should('contain.text', `test - rip`)
   })
+
   it('updates', () => {
     const onChangeSpy = cy.spy().as('onChangeSpy')
     cy.mount(RplSearchBar, {
diff --git a/packages/ripple-ui-core/src/components/tabs/RplTabs.cy.ts b/packages/ripple-ui-core/src/components/tabs/RplTabs.cy.ts
index 0cec05e3ff..d692f176de 100644
--- a/packages/ripple-ui-core/src/components/tabs/RplTabs.cy.ts
+++ b/packages/ripple-ui-core/src/components/tabs/RplTabs.cy.ts
@@ -21,10 +21,13 @@ describe('RplTabs', () => {
 
   it.only('switches tabs when clicked', () => {
     const onChangeSpy = cy.spy().as('onChangeSpy')
+
     cy.mount(RplTabs, {
       props: { ...baseProps, activeTab: 'one', [`onToggleTab`]: onChangeSpy }
     })
+
     cy.get('.rpl-tab').contains('Two').click()
+
     cy.get('@onChangeSpy').should('have.been.calledWith', {
       action: 'select',
       id: 'two',

From e86005d53c5092109a33f86e089cddceaf7d44dc Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Mon, 8 Jul 2024 08:53:03 +1000
Subject: [PATCH 18/29] feat(@dpc-sdp/ripple-tide-api): update list plugin

---
 .../src/utils/markup-transpiler/default-plugins.ts  | 13 ++++++++-----
 .../ripple-ui-core/src/styles/utilities/_lists.css  |  8 ++++++++
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
index 6abeb22f39..c3ca1c183e 100644
--- a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
+++ b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
@@ -254,18 +254,21 @@ const pluginLists = function (this: any) {
     const type = $list.attr('type')
 
     const listTypes = {
+      1: 'decimal',
       a: 'lower-latin',
       A: 'upper-latin',
       i: 'lower-roman',
       I: 'upper-roman',
-      square: 'square',
       disc: 'disc',
-      circle: 'disc'
+      square: 'square',
+      circle: 'disc' // circles selection uses disc (a11y request)
     }
 
-    $list
-      .removeAttr('type')
-      .addClass(`rpl-type-list-${el?.name}--${listTypes[type]}`)
+    $list.removeAttr('type')
+
+    if (listTypes[type]) {
+      $list.addClass(`rpl-type-list-${el?.name}--${listTypes[type]}`)
+    }
 
     return $list
   })
diff --git a/packages/ripple-ui-core/src/styles/utilities/_lists.css b/packages/ripple-ui-core/src/styles/utilities/_lists.css
index 6b18bcd273..989acb2256 100644
--- a/packages/ripple-ui-core/src/styles/utilities/_lists.css
+++ b/packages/ripple-ui-core/src/styles/utilities/_lists.css
@@ -18,6 +18,10 @@
     margin-left: var(--rpl-sp-5);
   }
 
+  &.rpl-type-list-ol--decimal {
+    list-style-type: decimal;
+  }
+
   &.rpl-type-list-ol--lower-roman {
     list-style-type: lower-roman;
   }
@@ -91,6 +95,10 @@
     list-style-type: disc;
   }
 
+  &.rpl-type-list-ul--circle {
+    list-style-type: circle;
+  }
+
   &.rpl-type-list-ul--square {
     list-style-type: square;
   }

From 4a069a7fe51ca64bbde3bbf64c75798d48fc554f Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Fri, 5 Jul 2024 13:26:35 +1000
Subject: [PATCH 19/29] feat(@dpc-sdp/ripple-ui-core): add file example to
 search results

---
 .../features/publication/publication.feature  |  8 +++++
 .../content-types/publication.ts              | 33 +++++++++++++++++++
 .../components/content/RplContent.stories.mdx |  5 ++-
 .../src/components/document/RplDocument.vue   | 28 +++++++++-------
 .../src/components/file/RplFile.vue           | 22 +++++++++----
 .../RplResultListing.stories.mdx              | 26 ++++++++++++++-
 .../result-listing/RplSearchResult.css        |  4 +++
 .../result-listing/RplSearchResult.vue        | 13 ++++++--
 .../src/styles/components/_document.css       |  7 +++-
 .../src/styles/components/_file.css           | 10 ++++++
 10 files changed, 130 insertions(+), 26 deletions(-)

diff --git a/examples/nuxt-app/test/features/publication/publication.feature b/examples/nuxt-app/test/features/publication/publication.feature
index d50e93c1b1..a2b006ed7e 100644
--- a/examples/nuxt-app/test/features/publication/publication.feature
+++ b/examples/nuxt-app/test/features/publication/publication.feature
@@ -22,6 +22,10 @@ Feature: Publication page
       | The Victorian Skills Plan 2022 into 2023 actions and initiatives | The 25 initiatives scheduled to start in year one are well underway.                    | /victorian-skills-plan-2023-implementation-update/2022-victorian-skills-plan-actions-and-initiatives   |
       | Promoting post-secondary education skills and career pathways    | The first priority area's actions and initiatives from the Victorian Skills Plan 2022.  | /victorian-skills-plan-2023-implementation-update/promoting-post-secondary-education-skills-and-career |
       | Lifting participation in education and training                  | The second priority area's actions and initiatives from the Victorian Skills Plan 2022. | /victorian-skills-plan-2023-implementation-update/lifting-participation-education-and-training         |
+    And the publication should display the following documents
+      | title                                                    | url                                                                               | type | size    |
+      | Victorian Skills Plan Implementation Update October 2023 | /sites/default/files/2023-10/16686-VSA-Implementation-Plan-Section_FA_Digital.pdf | pdf  | 4.61 MB |
+      | Print full document                                      | /victorian-skills-plan-2023-implementation-update/print-all                       |      |         |
 
   @mockserver
   Example: Publication child
@@ -29,6 +33,10 @@ Feature: Publication page
     Then the title should be "The Victorian Skills Plan 2022 into 2023 actions and initiatives"
     And there should be a page link with a title of "Previous" and description text of "Victorian Skills Plan Implementation Update"
     And there should be a page link with a title of "Next" and description text of "Promoting post-secondary education skills and career pathways"
+    And the publication should display the following documents
+      | title                                                    | url                                                                               | type | size    |
+      | Victorian Skills Plan Implementation Update October 2023 | /sites/default/files/2023-10/16686-VSA-Implementation-Plan-Section_FA_Digital.pdf | pdf  | 4.61 MB |
+      | Print full document                                      | /victorian-skills-plan-2023-implementation-update/print-all                       |      |         |
 
   @mockserver
   Example: Publication print all
diff --git a/packages/ripple-test-utils/step_definitions/content-types/publication.ts b/packages/ripple-test-utils/step_definitions/content-types/publication.ts
index dd5efbe2c3..79082b1a0a 100644
--- a/packages/ripple-test-utils/step_definitions/content-types/publication.ts
+++ b/packages/ripple-test-utils/step_definitions/content-types/publication.ts
@@ -70,3 +70,36 @@ Then(
     })
   }
 )
+
+Then(
+  'the publication should display the following documents',
+  (dataTable: DataTable) => {
+    const table = dataTable.hashes()
+
+    cy.get(`.tide-publication__sidebar .rpl-document`).as('items')
+
+    table.forEach((row, i: number) => {
+      cy.get('@items')
+        .eq(i)
+        .then((item) => {
+          cy.wrap(item).as('item')
+
+          cy.get('@item').find('a').as('link')
+          cy.get('@link').contains(row.title)
+          cy.get('@link')
+            .should('have.attr', 'href')
+            .then((href) => {
+              expect(href).to.contain(row.url)
+            })
+
+          if (row.type) {
+            cy.get('@item').find('.rpl-file__meta').contains(row.type)
+          }
+
+          if (row.size) {
+            cy.get('@item').find('.rpl-file__meta').contains(row.size)
+          }
+        })
+    })
+  }
+)
diff --git a/packages/ripple-ui-core/src/components/content/RplContent.stories.mdx b/packages/ripple-ui-core/src/components/content/RplContent.stories.mdx
index 35a83c1626..f76a160567 100644
--- a/packages/ripple-ui-core/src/components/content/RplContent.stories.mdx
+++ b/packages/ripple-ui-core/src/components/content/RplContent.stories.mdx
@@ -150,8 +150,7 @@ export const SingleTemplate = (args) => ({
       html: `
       <figure class="rpl-document">
         <a
-         tabindex="-1"
-         class="rpl-document__link"
+         class="rpl-document__link rpl-u-focusable-within"
          aria-label="Example file File type: PDF. Size: 1.5 mb."
          href="http://vic.gov.au/"
          target="_blank">
@@ -159,7 +158,7 @@ export const SingleTemplate = (args) => ({
             <svg role="presentation"><use xlink:href="#icon-document-lined"></use></svg>
           </span>
           <div class="rpl-document__content">
-            <span class="rpl-document__name rpl-type-p rpl-type-weight-bold rpl-u-focusable-inline" tabindex="0">This is an example of a document title</span>
+            <span class="rpl-document__name rpl-type-p rpl-type-weight-bold rpl-u-focusable-inline"">This is an example of a document title</span>
             <div class="rpl-document__info rpl-type-label-small">
               <span class="rpl-file__meta">PDF</span>
               <span class="rpl-file__meta">1.5 mb</span>
diff --git a/packages/ripple-ui-core/src/components/document/RplDocument.vue b/packages/ripple-ui-core/src/components/document/RplDocument.vue
index 46713b104c..a1035cb097 100644
--- a/packages/ripple-ui-core/src/components/document/RplDocument.vue
+++ b/packages/ripple-ui-core/src/components/document/RplDocument.vue
@@ -6,13 +6,14 @@ import {
 import { useSlotContent } from '../../composables/useSlotContent'
 
 interface Props {
-  url: string
+  url?: string
   openInNewWindow?: boolean
   download?: boolean
   globalEvents?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  url: undefined,
   openInNewWindow: false,
   download: undefined,
   globalEvents: true
@@ -26,15 +27,17 @@ const slotContent = useSlotContent('name')
 const { emitRplEvent } = useRippleEvent('rpl-document', emit)
 
 const onClick = () => {
-  emitRplEvent(
-    'download',
-    {
-      action: 'download',
-      text: slotContent,
-      value: props.url
-    },
-    { global: props.globalEvents }
-  )
+  if (props.url) {
+    emitRplEvent(
+      'download',
+      {
+        action: 'download',
+        text: slotContent,
+        value: props.url
+      },
+      { global: props.globalEvents }
+    )
+  }
 }
 </script>
 
@@ -42,7 +45,8 @@ const onClick = () => {
   <figure
     :class="{ 'rpl-document': true, 'rpl-document--centered': !$slots.info }"
   >
-    <a
+    <component
+      :is="url ? 'a' : 'div'"
       class="rpl-document__link rpl-u-focusable-within"
       :href="url"
       :download="download"
@@ -66,7 +70,7 @@ const onClick = () => {
       <span v-if="openInNewWindow" class="rpl-u-visually-hidden">
         (opens in a new window)
       </span>
-    </a>
+    </component>
     <figcaption
       v-if="$slots.caption"
       class="rpl-document__caption rpl-type-p-small"
diff --git a/packages/ripple-ui-core/src/components/file/RplFile.vue b/packages/ripple-ui-core/src/components/file/RplFile.vue
index 3f99afadc3..1e7d8d106d 100644
--- a/packages/ripple-ui-core/src/components/file/RplFile.vue
+++ b/packages/ripple-ui-core/src/components/file/RplFile.vue
@@ -6,21 +6,26 @@ import {
   useRippleEvent,
   rplEventPayload
 } from '../../composables/useRippleEvent'
+import { RplIconSizes } from '../icon/constants'
 
 interface Props {
-  name: string
-  url: string
+  name?: string
+  url?: string
   extension?: string
   size?: string
   updated?: string
   caption?: string
+  iconSize?: (typeof RplIconSizes)[number]
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  name: undefined,
+  url: undefined,
   extension: undefined,
   size: undefined,
   updated: undefined,
-  caption: undefined
+  caption: undefined,
+  iconSize: 'l'
 })
 
 const emit = defineEmits<{
@@ -47,11 +52,16 @@ const hasInfo = computed(() => props.extension || props.size || props.updated)
 </script>
 
 <template>
-  <RplDocument :url="url" :global-events="false" @download="onDownload">
+  <RplDocument
+    :url="url"
+    :global-events="false"
+    :class="`rpl-file--icon-${iconSize}`"
+    @download="onDownload"
+  >
     <template #icon>
-      <RplIcon name="icon-document-lined" size="l" colour="default" />
+      <RplIcon name="icon-document-lined" :size="iconSize" colour="default" />
     </template>
-    <template #name>
+    <template v-if="name" #name>
       {{ name }}
     </template>
     <template v-if="hasInfo" #info>
diff --git a/packages/ripple-ui-core/src/components/result-listing/RplResultListing.stories.mdx b/packages/ripple-ui-core/src/components/result-listing/RplResultListing.stories.mdx
index fb95469823..b95d71f21a 100644
--- a/packages/ripple-ui-core/src/components/result-listing/RplResultListing.stories.mdx
+++ b/packages/ripple-ui-core/src/components/result-listing/RplResultListing.stories.mdx
@@ -10,9 +10,10 @@ import RplSearchResult from './RplSearchResult.vue'
 import { a11yStoryCheck } from './../../../stories/interactions.js'
 import RplList from '../list/RplList.vue'
 import RplIcon from '../icon/RplIcon.vue'
+import RplFile from '../file/RplFile.vue'
 
 export const SingleTemplate = (args) => ({
-  components: { RplResultListing, RplResultListingItem, RplSearchResult, RplList, RplIcon },
+  components: { RplResultListing, RplResultListingItem, RplSearchResult, RplList, RplIcon, RplFile },
   setup() {
     return { args }
   },
@@ -129,6 +130,29 @@ This is an example showing the result listing with extra details
   </Story>
 </Canvas>
 
+## With details (file)
+
+This is an example showing results with custom details
+
+<Canvas>
+  <Story
+    name='With details (file)'
+    play={a11yStoryCheck}
+    args={{
+      updated: null,
+      showUrl: false,
+      details: `<RplFile
+        size="1.5mb"
+        extension="pdf"
+        updated="July 17, 2022"
+        icon-size="s"
+      />`
+    }}
+  >
+    {SingleTemplate.bind()}
+  </Story>
+</Canvas>
+
 ## With custom date label
 
 This is an example showing that the date label can be customised
diff --git a/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css b/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css
index 64a4b876c3..e2666277ba 100644
--- a/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css
+++ b/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css
@@ -70,6 +70,10 @@
     gap: var(--rpl-sp-2);
     align-items: center;
   }
+
+  .rpl-document {
+    padding-bottom: var(--rpl-sp-1);
+  }
 }
 
 .rpl-search-result__body {
diff --git a/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.vue b/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.vue
index 40f142a280..8f80f69fbe 100644
--- a/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.vue
+++ b/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.vue
@@ -13,12 +13,14 @@ interface Props {
   content?: string
   updated?: string
   dateLabel?: string
+  showUrl?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
   content: undefined,
   updated: undefined,
-  dateLabel: 'Updated'
+  dateLabel: 'Updated',
+  showUrl: true
 })
 
 const emit = defineEmits<{
@@ -51,12 +53,17 @@ const handleClick = () => {
     </div>
     <div ref="container" class="rpl-search-result__heading">
       <h2 class="rpl-search-result__title rpl-type-h3">
-        <RplTextLink ref="trigger" :url="url" class="rpl-u-link-visited" @click="handleClick">
+        <RplTextLink
+          ref="trigger"
+          :url="url"
+          class="rpl-u-link-visited"
+          @click="handleClick"
+        >
           {{ title }}
         </RplTextLink>
       </h2>
       <div
-        v-if="url"
+        v-if="url && showUrl"
         aria-hidden="true"
         class="rpl-search-result__url rpl-type-p-small rpl-u-screen-only"
       >
diff --git a/packages/ripple-ui-core/src/styles/components/_document.css b/packages/ripple-ui-core/src/styles/components/_document.css
index 54573b770c..f4a782cea6 100644
--- a/packages/ripple-ui-core/src/styles/components/_document.css
+++ b/packages/ripple-ui-core/src/styles/components/_document.css
@@ -20,6 +20,12 @@
   }
 }
 
+.rpl-document__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rpl-sp-2);
+}
+
 .rpl-document__name {
   display: inline;
   text-decoration: underline;
@@ -27,7 +33,6 @@
 
 .rpl-document__info {
   color: var(--rpl-clr-neutral-600);
-  margin-top: var(--rpl-sp-2);
   line-height: var(--rpl-type-lh-1);
 }
 
diff --git a/packages/ripple-ui-core/src/styles/components/_file.css b/packages/ripple-ui-core/src/styles/components/_file.css
index 63d6fe170b..7522fb2ee0 100644
--- a/packages/ripple-ui-core/src/styles/components/_file.css
+++ b/packages/ripple-ui-core/src/styles/components/_file.css
@@ -9,3 +9,13 @@
 .rpl-file__updated {
   margin-top: var(--rpl-sp-1);
 }
+
+.rpl-file--icon-s {
+  .rpl-document__icon {
+    margin-right: var(--rpl-sp-2);
+  }
+
+  .rpl-icon {
+    vertical-align: top;
+  }
+}

From 48199d66880fa54ec9ba190fb7133efcd60c10ea Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Mon, 8 Jul 2024 11:58:36 +1000
Subject: [PATCH 20/29] feat(@dpc-sdp/ripple-tide-api): use relative URLs for
 media files

---
 packages/nuxt-ripple/mapping/site/index.ts    |  5 +-
 packages/ripple-tide-api/src/index.ts         |  1 +
 packages/ripple-tide-api/src/utils.ts         |  1 +
 .../src/utils/mapping-utils.test.ts           | 11 +---
 .../src/utils/mapping-utils.ts                | 54 ++++++++++++------
 .../utils/markup-transpiler/cheerio.test.ts   |  8 +--
 .../markup-transpiler/default-plugins.ts      | 11 +++-
 .../src/utils/stripMediaBaseUrl.test.ts       | 57 +++++++++++++++++++
 .../src/utils/stripMediaBaseUrl.ts            | 13 +++++
 packages/ripple-tide-api/types.d.ts           |  8 +++
 packages/ripple-tide-grant/mapping/index.ts   | 13 ++---
 .../TideLandingPage/ContentCollection.vue     |  5 +-
 .../basic-text/basic-text-mapping.test.ts     |  2 +-
 .../card-carousel-mapping.test.ts             | 22 +++----
 .../compact-cards-mapping.test.ts             |  2 +-
 .../complex-image-mapping.test.ts             |  4 +-
 .../complex-image/complex-image-mapping.ts    |  8 ++-
 .../media-gallery-mapping.test.ts             | 21 ++++---
 .../media-gallery/media-gallery-mapping.ts    |  6 +-
 .../navigation-card-mapping.test.ts           |  2 +-
 .../promo-card/promo-card-mapping.test.ts     |  2 +-
 .../timeline/timeline-mapping.test.ts         |  2 +-
 .../__test__/hero-header-mapping.test.ts      |  6 +-
 .../__test__/primary-campaign-mapping.test.ts |  4 +-
 .../secondary-campaign-mapping.test.ts        |  2 +-
 .../secondary-campaign/__test__/test-data.ts  |  2 +-
 .../mapping/audio-mapping.ts                  |  3 +-
 .../mapping/publication-page.ts               | 13 +----
 .../mapping/publication.ts                    | 13 ++---
 .../composables/useSearchResult.ts            |  5 +-
 .../media-embed/RplMediaEmbed.stories.mdx     |  2 +-
 .../components/media-embed/RplMediaEmbed.vue  |  8 +--
 32 files changed, 202 insertions(+), 114 deletions(-)
 create mode 100644 packages/ripple-tide-api/src/utils/stripMediaBaseUrl.test.ts
 create mode 100644 packages/ripple-tide-api/src/utils/stripMediaBaseUrl.ts

diff --git a/packages/nuxt-ripple/mapping/site/index.ts b/packages/nuxt-ripple/mapping/site/index.ts
index 595cd8945a..ecd7b72582 100644
--- a/packages/nuxt-ripple/mapping/site/index.ts
+++ b/packages/nuxt-ripple/mapping/site/index.ts
@@ -1,6 +1,7 @@
 import {
   getImageFromField,
   getBody,
+  getMediaPath,
   getLinkFromField,
   getSiteKeyValues,
   TideSiteApi
@@ -21,9 +22,9 @@ export default {
       if (src.field_site_logo) {
         return {
           href: '/',
-          src: src.field_site_logo.url,
+          src: getMediaPath(src, 'field_site_logo'),
           altText: src.field_site_logo.meta?.alt,
-          printSrc: getImageFromField(src, 'field_print_friendly_logo')?.src
+          printSrc: getMediaPath(src, 'field_print_friendly_logo')
         }
       }
 
diff --git a/packages/ripple-tide-api/src/index.ts b/packages/ripple-tide-api/src/index.ts
index 4dccd3e154..c660fb64eb 100644
--- a/packages/ripple-tide-api/src/index.ts
+++ b/packages/ripple-tide-api/src/index.ts
@@ -5,6 +5,7 @@ export { default as TideSiteApi } from './services/tide-site.js'
 export { default as logger } from './logger/logger.js'
 export * from './utils/createHandler.js'
 export { stripSiteId } from './utils/stripSiteId.js'
+export { stripMediaBaseUrl } from './utils/stripMediaBaseUrl.js'
 
 export {
   addAnchorLinksToHTML,
diff --git a/packages/ripple-tide-api/src/utils.ts b/packages/ripple-tide-api/src/utils.ts
index 14b5091754..82ee8f5c48 100644
--- a/packages/ripple-tide-api/src/utils.ts
+++ b/packages/ripple-tide-api/src/utils.ts
@@ -1 +1,2 @@
 export { getDpcPkgs } from './utils/index.js'
+export { stripMediaBaseUrl } from './utils/stripMediaBaseUrl.js'
diff --git a/packages/ripple-tide-api/src/utils/mapping-utils.test.ts b/packages/ripple-tide-api/src/utils/mapping-utils.test.ts
index 2f05d547a3..cc2bb58569 100644
--- a/packages/ripple-tide-api/src/utils/mapping-utils.test.ts
+++ b/packages/ripple-tide-api/src/utils/mapping-utils.test.ts
@@ -1,6 +1,5 @@
 import { expect, describe } from '@jest/globals'
 import {
-  removeDomainFromPath,
   getImageFromField,
   getCardImageFromField,
   getLinkFromField,
@@ -129,7 +128,7 @@ const field = {
       y: 50
     },
     height: 700,
-    src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+    src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
     title: 'Demo: Melbourne tram',
     width: 900
   },
@@ -140,18 +139,12 @@ const field = {
       y: 300
     },
     height: 785,
-    src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+    src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
     title: 'Demo: Melbourne tram',
     width: 1413
   }
 
 describe('ripple-tide-api/mapping utils', () => {
-  it(`removes domain from a given path`, () => {
-    expect(
-      removeDomainFromPath('https://domain.com/sites/default/files')
-    ).toEqual('/sites/default/files')
-  })
-
   it(`processes api field data for images`, () => {
     expect(getImageFromField(field, 'field_media_image')).toEqual(processedImg)
   })
diff --git a/packages/ripple-tide-api/src/utils/mapping-utils.ts b/packages/ripple-tide-api/src/utils/mapping-utils.ts
index b1a482b18d..35c1180c60 100644
--- a/packages/ripple-tide-api/src/utils/mapping-utils.ts
+++ b/packages/ripple-tide-api/src/utils/mapping-utils.ts
@@ -1,7 +1,8 @@
 import { get } from 'lodash-es'
-import { TideImageField, TideUrlField } from '../../types'
+import { TideImageField, TideUrlField, TideDocumentField } from '../../types'
 import markupTranspiler from './markup-transpiler/index.js'
-import normaliseImageUrl from './normaliseImageUrl.js'
+import { stripMediaBaseUrl } from './stripMediaBaseUrl.js'
+import mime from 'mime-types'
 
 export type drupalField = Record<string, any>
 
@@ -46,13 +47,21 @@ type tidePageSitePartial = {
   ]
 }
 
-/**
- * @deprecated Need to make a decision on whether we proxy images or use direct url
- */
-export const removeDomainFromPath = (path: string) =>
-  typeof path === 'string' && path.length > 0
-    ? path.replace(/^.*(?=(\/sites\/default\/files))/, '')
-    : path
+export const getMediaPath = (field: any, path?: string | string[]): string => {
+  let uri = ''
+
+  if (path) {
+    field = get(field, path)
+  }
+
+  if (!field?.uri) {
+    uri = field?.url
+  } else {
+    uri = field?.uri?.url || field?.uri
+  }
+
+  return stripMediaBaseUrl(uri, process.env.NUXT_PUBLIC_TIDE_BASE_URL as string)
+}
 
 export const getImageFromField = (
   field: object,
@@ -84,10 +93,7 @@ export const getMediaImage = (
   }
 
   return {
-    src: normaliseImageUrl(
-      process.env.NUXT_PUBLIC_TIDE_BASE_URL as string,
-      fieldMediaImage.url
-    ),
+    src: getMediaPath(fieldMediaImage),
     ...fieldMediaImage.meta,
     focalPoint
   }
@@ -104,10 +110,7 @@ export const getCardImage = (fieldMediaImage: RawCardImage): TideImageField => {
     : null
 
   return {
-    src: normaliseImageUrl(
-      process.env.NUXT_PUBLIC_TIDE_BASE_URL as string,
-      fieldMediaImage.url
-    ),
+    src: getMediaPath(fieldMediaImage),
     focalPoint,
     alt: data?.alt,
     width: data?.width ? parseInt(data.width) : undefined,
@@ -116,6 +119,21 @@ export const getCardImage = (fieldMediaImage: RawCardImage): TideImageField => {
   }
 }
 
+export const getDocumentFromField = (
+  field: drupalField,
+  path = 'field_media_file'
+): TideDocumentField => {
+  const medaFile = get(field, path)
+
+  return {
+    id: field.id,
+    name: field.name,
+    url: getMediaPath(medaFile),
+    extension: mime.extension(medaFile.filemime) || '',
+    size: humanizeFilesize(medaFile.filesize)
+  }
+}
+
 export const getLinkFromField = (
   field: drupalField,
   path?: string | string[]
@@ -229,6 +247,8 @@ export default {
   getBodyFromField,
   humanizeFilesize,
   getField,
+  getMediaPath,
+  getDocumentFromField,
   getSiteKeyValues,
   getSiteSection
 }
diff --git a/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts b/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
index 70c0c026f1..e91fa9506a 100644
--- a/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
+++ b/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
@@ -11,9 +11,9 @@ const markup = {
   callout: `<div class="callout-wrapper"><p>Hey it's a callout</p></div><div class="callout-wrapper"><p>And another callout</p></div>
 <div class="wysiwyg-callout">This one is wysiwyg</div>`,
   quotation: `<blockquote class="quotation"><p>It was the best of times, it was the blurst of times.</p><footer><span>Chimp 273</span></footer></blockquote>`,
-  document: `<div class="embedded-entity--media--file" data-last-updated="1704932250"><a class="file file--mime-application-zip" href="https://example.com/file.zip">File</a></div>`,
+  document: `<div class="embedded-entity--media--file" data-last-updated="1704932250"><a class="file file--mime-application-zip" href="https://develop.content.reference.sdp.vic.gov.au/sites/default/files/file.zip">File</a></div>`,
   video: `<figure class="embedded-entity--media--embedded-video"><iframe src="https://www.youtube.com/embed/1234" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><figcaption>Caption goes here</figcaption</figure>`,
-  image: `<div class="embedded-entity--media--image"><img src="https://example.com/image.jpg" alt="Image" title="Image" width="100" height="100"></div>`,
+  image: `<div class="embedded-entity--media--image"><img src="https://develop.content.reference.sdp.vic.gov.au/sites/default/files/image.jpg" alt="Image" title="Image" width="100" height="100"></div>`,
   button: `<a class="button" href="https://example.com">Button</a>`,
   link: `<a href="https://example.com" target="_blank">Link</a>`,
   iframe: `<iframe src="https://powerbi.com" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>`
@@ -36,7 +36,7 @@ const fixed = {
 `,
   document: `
 <figure class="rpl-document">
-  <a class="rpl-document__link rpl-u-focusable-within" aria-label="undefined" href="https://example.com/file.zip" target="_blank">
+  <a class="rpl-document__link rpl-u-focusable-within" aria-label="undefined" href="/sites/default/files/file.zip" target="_blank">
     <span class="rpl-document__icon rpl-icon rpl-icon--size-l rpl-icon--colour-default rpl-icon--icon-document-lined">
       <svg role="presentation"><use xlink:href="#icon-document-lined"></use></svg>
     </span>
@@ -65,7 +65,7 @@ const fixed = {
 
 </div>
 `,
-  image: `<figure><img src="https://example.com/image.jpg" class="rpl-img" width="100" alt="Image" srcset="https://example.com/image.jpg?width=720, https://example.com/image.jpg?width=1440 2x"></figure>`,
+  image: `<figure><img src="/sites/default/files/image.jpg" class="rpl-img" width="100" alt="Image" srcset="/sites/default/files/image.jpg?width=720, /sites/default/files/image.jpg?width=1440 2x"></figure>`,
   button: `<a class="rpl-button rpl-button--default rpl-u-focusable-block rpl-button--filled" href="https://example.com"><span class="rpl-button__label rpl-type-label rpl-type-weight-bold">Button</span></a>`,
   link: `<a href="https://example.com" target="_blank" class="rpl-text-link rpl-u-focusable-inline">Link<span class="rpl-u-visually-hidden">(opens in a new window)</span></a>`,
   iframe: `<div class="rpl-iframe rpl-iframe--default rpl-iframe--auto"><iframe src="https://powerbi.com" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>`
diff --git a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
index 56f2fae691..1321645d02 100644
--- a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
+++ b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
@@ -1,4 +1,5 @@
 import { epochToDate } from '../epochToDate.js'
+import { stripMediaBaseUrl } from '../stripMediaBaseUrl.js'
 
 const pluginTables = function (this: any) {
   // Wrap tables with a div.
@@ -86,7 +87,10 @@ const pluginDocuments = function (this: any) {
       mediaType === 'document' ? '.file--title' : '.field--name-name'
 
     const label = $element.find('a[aria-label]').attr('aria-label'),
-      link = $element.find('a').attr('href'),
+      link = stripMediaBaseUrl(
+        $element.find('a').attr('href'),
+        process.env.NUXT_PUBLIC_TIDE_BASE_URL as string
+      ),
       title = $element.find(titleSelector).text(),
       fileSize = $element.find('.file--size').text(),
       updated = $element.attr('data-last-updated')
@@ -189,7 +193,10 @@ const pluginImages = function (this: any) {
   this.find('.embedded-entity--media--image').map((i: any, el: any) => {
     const $img = this.find(el).find('img')
     const width = $img.attr('width')
-    const src = $img.attr('src')
+    const src = stripMediaBaseUrl(
+      $img.attr('src'),
+      process.env.NUXT_PUBLIC_TIDE_BASE_URL as string
+    )
     const alt = $img.attr('alt')
     const $caption = this.find(el)
       .find('div.field--name-field-media-caption')
diff --git a/packages/ripple-tide-api/src/utils/stripMediaBaseUrl.test.ts b/packages/ripple-tide-api/src/utils/stripMediaBaseUrl.test.ts
new file mode 100644
index 0000000000..559f3d130c
--- /dev/null
+++ b/packages/ripple-tide-api/src/utils/stripMediaBaseUrl.test.ts
@@ -0,0 +1,57 @@
+import { expect, describe, it } from '@jest/globals'
+
+import stripMediaBaseUrl from './stripMediaBaseUrl.js'
+
+describe('stripMediaBaseUrl(url, baseUrl)', () => {
+  it('strips the supplied baseUrl from the main url', () => {
+    expect(
+      stripMediaBaseUrl(
+        'https://example.com/sites/default/files/wow/cool.jpg?some=param',
+        'https://example.com'
+      )
+    ).toEqual('/sites/default/files/wow/cool.jpg?some=param')
+
+    expect(
+      stripMediaBaseUrl(
+        'https://example.com/sites/default/files/wow/cool.jpg?some=param',
+        'https://example.com/'
+      )
+    ).toEqual('/sites/default/files/wow/cool.jpg?some=param')
+  })
+
+  it('does not change a url if it points to an external domain', () => {
+    expect(
+      stripMediaBaseUrl(
+        'https://example.com/sites/default/files/wow/cool.jpg?some=param',
+        'https://google.com'
+      )
+    ).toEqual('https://example.com/sites/default/files/wow/cool.jpg?some=param')
+  })
+
+  it('leaves relative URLs unchanged if the domains differ', () => {
+    expect(
+      stripMediaBaseUrl(
+        'https://example.com/sites/default/files/wow/cool.jpg?some=param',
+        'https://google.com'
+      )
+    ).toEqual('https://example.com/sites/default/files/wow/cool.jpg?some=param')
+  })
+
+  it('leaves relative URLs unchanged if no baseUrl is passed', () => {
+    expect(
+      stripMediaBaseUrl(
+        'https://example.com/sites/default/files/wow/cool.jpg?some=param',
+        ''
+      )
+    ).toEqual('https://example.com/sites/default/files/wow/cool.jpg?some=param')
+  })
+
+  it('only strips the base URL for media files matching sites/default/files', () => {
+    expect(
+      stripMediaBaseUrl(
+        'https://example.com/sites/tmp/files/wow/cool.jpg',
+        'https://example.com'
+      )
+    ).toEqual('https://example.com/sites/tmp/files/wow/cool.jpg')
+  })
+})
diff --git a/packages/ripple-tide-api/src/utils/stripMediaBaseUrl.ts b/packages/ripple-tide-api/src/utils/stripMediaBaseUrl.ts
new file mode 100644
index 0000000000..bc4225e59b
--- /dev/null
+++ b/packages/ripple-tide-api/src/utils/stripMediaBaseUrl.ts
@@ -0,0 +1,13 @@
+export function stripMediaBaseUrl(url: string, baseUrl: string): string {
+  if (!url || typeof url !== 'string' || typeof baseUrl !== 'string') {
+    return url
+  }
+
+  if (!url.includes('/sites/default/files/')) {
+    return url
+  }
+
+  return url.replace(baseUrl.replace(/\/$/, ''), '')
+}
+
+export default stripMediaBaseUrl
diff --git a/packages/ripple-tide-api/types.d.ts b/packages/ripple-tide-api/types.d.ts
index d185e7c0be..c80ca213e7 100644
--- a/packages/ripple-tide-api/types.d.ts
+++ b/packages/ripple-tide-api/types.d.ts
@@ -84,6 +84,14 @@ export interface TideImageField {
   }
 }
 
+export type TideDocumentField = {
+  name: string
+  url: string
+  extension: string
+  size: string
+  id: string
+}
+
 export interface TidePageBase {
   title: string
   created: string
diff --git a/packages/ripple-tide-grant/mapping/index.ts b/packages/ripple-tide-grant/mapping/index.ts
index 618a39b7de..c97809b310 100644
--- a/packages/ripple-tide-grant/mapping/index.ts
+++ b/packages/ripple-tide-grant/mapping/index.ts
@@ -1,10 +1,9 @@
-import mime from 'mime-types'
 import {
   getBodyFromField,
   getField,
   getImageFromField,
   getLinkFromField,
-  humanizeFilesize
+  getDocumentFromField
 } from '@dpc-sdp/ripple-tide-api'
 import {
   tidePageBaseMapping,
@@ -89,13 +88,9 @@ const tideGrantModule: IRplTideModuleMapping = {
         }))
     },
     documents: (src: string) =>
-      getField(src, 'field_node_documents').map((doc: any) => ({
-        name: doc.name,
-        url: doc.field_media_file.url || doc.field_media_file.uri,
-        extension: mime.extension(doc.field_media_file.filemime),
-        size: humanizeFilesize(doc.field_media_file.filesize),
-        id: doc.id
-      })),
+      getField(src, 'field_node_documents').map((doc: any) =>
+        getDocumentFromField(doc)
+      ),
     sidebarComponents: ['RplSocialShare']
   },
   includes: [
diff --git a/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue b/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue
index 41fd1dac2e..bdfe1653ee 100644
--- a/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue
+++ b/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue
@@ -55,6 +55,7 @@ import {
   IContentCollectionSort
 } from '../../../mapping/components/content-collection/content-collection-mapping'
 import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
+import { stripMediaBaseUrl } from '@dpc-sdp/ripple-tide-api/utils'
 
 const { public: config } = useRuntimeConfig()
 
@@ -88,7 +89,7 @@ const cardClasses = computed(() =>
 )
 
 const searchResultsMappingFn = (item): any => {
-  const { $app_origin } = useNuxtApp()
+  const { $app_origin, $config } = useNuxtApp()
   const rawUpdated = item.changed?.raw?.[0]
   const rawImage = item.field_media_image_absolute_path?.raw?.[0]
 
@@ -100,7 +101,7 @@ const searchResultsMappingFn = (item): any => {
       url: stripSiteId(item.url?.raw?.[0], $app_origin || ''),
       image:
         props.display.style === 'thumbnail' && rawImage
-          ? { src: rawImage }
+          ? { src: stripMediaBaseUrl(rawImage, $config.public?.tide?.baseUrl) }
           : null,
       updated: rawUpdated ? formatDate(rawUpdated) : '',
       type: item.type?.raw?.[0]
diff --git a/packages/ripple-tide-landing-page/mapping/components/basic-text/basic-text-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/basic-text/basic-text-mapping.test.ts
index e66a7884f2..58a89a0a1c 100644
--- a/packages/ripple-tide-landing-page/mapping/components/basic-text/basic-text-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/basic-text/basic-text-mapping.test.ts
@@ -52,7 +52,7 @@ const result: TideDynamicPageComponent<ITideBasicText> = {
     }
   ],
   props: {
-    html: '<h2 id="nulla-ultricies-dignissim-leo-posuere-vestibulum-erat-cursus-vitae">Nulla ultricies dignissim leo &amp; posuere vestibulum erat cursus vitae</h2>\n<h3 id="phasellus-congue-aliquam-vehicula">Phasellus congue&nbsp;aliquam vehicula</h3>\n<p class="rpl-callout rpl-callout--neutral">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt sit amet ligula sit amet lacinia. In a leo nec tortor aliquet faucibus. Quisque nec congue ligula, vitae condimentum tellus. Nulla nec urna augue. Curabitur commodo nisi est, eu pulvinar tortor cursus vel. Morbi dictum ex est, et semper diam finibus eu. Cras rutrum, nunc a fringilla convallis, massa est vulputate velit, in blandit augue dui vitae elit. Donec hendrerit commodo augue, in maximus orci tempor congue. Mauris ultricies euismod orci, nec vehicula quam vehicula ac. Nunc dictum tortor dolor, nec eleifend orci luctus sed.</p>\n<h3 id="donec-scelerisque-cursus-ex-varius-efficitur">Donec scelerisque cursus ex varius efficitur</h3>\n<div class="rpl-callout"><p class="rpl-callout__wrapper">Lorem ipsum dolor sit amet</p></div>\n<h4>Morbi cursus placerat mi</h4>\n<h5>Nullam laoreet ante placerat</h5>\n<p>Integer interdum nisl ut neque dictum, et sagittis metus feugiat. Sed in mattis neque. Duis at risus non ipsum semper dapibus. Sed enim sapien, molestie sed commodo vel, lacinia vitae risus. Proin sagittis diam nisi, sed rhoncus diam varius id. Sed malesuada felis tortor, scelerisque pretium elit tempor non. Pellentesque ultrices volutpat tincidunt. Fusce quis viverra urna, quis finibus nulla.</p>\n\n<figure class="rpl-blockquote">\n  <blockquote class="rpl-blockquote__quote">\n  <p class="rpl-type-p-large-fixed">Mauris tincidunt tincidunt felis vel tempus. Vestibulum rhoncus blandit justo quis finibus. Phasellus lacus lectus, sollicitudin sed posuere non, ultricies ut quam.</p>\n  </blockquote>\n  <figcaption class="rpl-blockquote__author rpl-type-label-small"><span class="rpl-blockquote__author-name">Duis ligula lacus</span><span class="rpl-blockquote__author-name">Phasellus est turpis, efficitur nec odio imperdiet</span></figcaption>\n</figure>\n\nMauris tincidunt tincidunt felis vel tempus\n<figure><img src="https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg" class="rpl-img" width="900" alt="Demo: Melbourne tram" srcset="https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg?width=720, https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg?width=1440 2x"></figure>\n<p>Phasellus in varius leo. Suspendisse potenti. Donec scelerisque cursus ex varius efficitur. Vivamus pretium nisi sed libero accumsan mattis. Duis convallis, velit eget varius tempus, orci erat aliquam sem, eget porta mauris nisl at mauris.</p>\n\n<figure class="rpl-document">\n  <a class="rpl-document__link rpl-u-focusable-within" aria-label="Demo Sample Document File type: Word. Size: 7.53 KB." href="https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/sample.docx" target="_blank">\n    <span class="rpl-document__icon rpl-icon rpl-icon--size-l rpl-icon--colour-default rpl-icon--icon-document-lined">\n      <svg role="presentation"><use xlink:href="#icon-document-lined"></use></svg>\n    </span>\n    <div class="rpl-document__content">\n      <span class="rpl-document__name rpl-type-p rpl-type-weight-bold rpl-u-focusable-inline">Demo Sample Document</span>\n      <div class="rpl-document__info rpl-type-label-small">\n        <span class="rpl-file__meta">Word</span>\n        <span class="rpl-file__meta">7.53 KB</span>\n      </div>\n    </div>\n    <span class="rpl-u-visually-hidden">(opens in a new window)</span>\n  </a>\n</figure>\n\n'
+    html: '<h2 id="nulla-ultricies-dignissim-leo-posuere-vestibulum-erat-cursus-vitae">Nulla ultricies dignissim leo &amp; posuere vestibulum erat cursus vitae</h2>\n<h3 id="phasellus-congue-aliquam-vehicula">Phasellus congue&nbsp;aliquam vehicula</h3>\n<p class="rpl-callout rpl-callout--neutral">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt sit amet ligula sit amet lacinia. In a leo nec tortor aliquet faucibus. Quisque nec congue ligula, vitae condimentum tellus. Nulla nec urna augue. Curabitur commodo nisi est, eu pulvinar tortor cursus vel. Morbi dictum ex est, et semper diam finibus eu. Cras rutrum, nunc a fringilla convallis, massa est vulputate velit, in blandit augue dui vitae elit. Donec hendrerit commodo augue, in maximus orci tempor congue. Mauris ultricies euismod orci, nec vehicula quam vehicula ac. Nunc dictum tortor dolor, nec eleifend orci luctus sed.</p>\n<h3 id="donec-scelerisque-cursus-ex-varius-efficitur">Donec scelerisque cursus ex varius efficitur</h3>\n<div class="rpl-callout"><p class="rpl-callout__wrapper">Lorem ipsum dolor sit amet</p></div>\n<h4>Morbi cursus placerat mi</h4>\n<h5>Nullam laoreet ante placerat</h5>\n<p>Integer interdum nisl ut neque dictum, et sagittis metus feugiat. Sed in mattis neque. Duis at risus non ipsum semper dapibus. Sed enim sapien, molestie sed commodo vel, lacinia vitae risus. Proin sagittis diam nisi, sed rhoncus diam varius id. Sed malesuada felis tortor, scelerisque pretium elit tempor non. Pellentesque ultrices volutpat tincidunt. Fusce quis viverra urna, quis finibus nulla.</p>\n\n<figure class="rpl-blockquote">\n  <blockquote class="rpl-blockquote__quote">\n  <p class="rpl-type-p-large-fixed">Mauris tincidunt tincidunt felis vel tempus. Vestibulum rhoncus blandit justo quis finibus. Phasellus lacus lectus, sollicitudin sed posuere non, ultricies ut quam.</p>\n  </blockquote>\n  <figcaption class="rpl-blockquote__author rpl-type-label-small"><span class="rpl-blockquote__author-name">Duis ligula lacus</span><span class="rpl-blockquote__author-name">Phasellus est turpis, efficitur nec odio imperdiet</span></figcaption>\n</figure>\n\nMauris tincidunt tincidunt felis vel tempus\n<figure><img src="/sites/default/files/tide_demo_content/Melbourne-tram.jpg" class="rpl-img" width="900" alt="Demo: Melbourne tram" srcset="/sites/default/files/tide_demo_content/Melbourne-tram.jpg?width=720, /sites/default/files/tide_demo_content/Melbourne-tram.jpg?width=1440 2x"></figure>\n<p>Phasellus in varius leo. Suspendisse potenti. Donec scelerisque cursus ex varius efficitur. Vivamus pretium nisi sed libero accumsan mattis. Duis convallis, velit eget varius tempus, orci erat aliquam sem, eget porta mauris nisl at mauris.</p>\n\n<figure class="rpl-document">\n  <a class="rpl-document__link rpl-u-focusable-within" aria-label="Demo Sample Document File type: Word. Size: 7.53 KB." href="/sites/default/files/tide_demo_content/sample.docx" target="_blank">\n    <span class="rpl-document__icon rpl-icon rpl-icon--size-l rpl-icon--colour-default rpl-icon--icon-document-lined">\n      <svg role="presentation"><use xlink:href="#icon-document-lined"></use></svg>\n    </span>\n    <div class="rpl-document__content">\n      <span class="rpl-document__name rpl-type-p rpl-type-weight-bold rpl-u-focusable-inline">Demo Sample Document</span>\n      <div class="rpl-document__info rpl-type-label-small">\n        <span class="rpl-file__meta">Word</span>\n        <span class="rpl-file__meta">7.53 KB</span>\n      </div>\n    </div>\n    <span class="rpl-u-visually-hidden">(opens in a new window)</span>\n  </a>\n</figure>\n\n'
   }
 }
 
diff --git a/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.test.ts
index edd9e1ee16..e3d7862ff1 100644
--- a/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.test.ts
@@ -16,7 +16,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Aerial shot of new housing development',
           focalPoint: undefined,
           height: 571,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg',
+          src: '/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg',
           title: 'Demo: Aerial shot of new housing development',
           width: 1024
         },
@@ -35,7 +35,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Melbourne tram',
           focalPoint: undefined,
           height: 785,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+          src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
           title: 'Demo: Melbourne tram',
           width: 1413
         },
@@ -72,7 +72,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Engage Vic Hero',
           focalPoint: undefined,
           height: 500,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Engage-Vic-photo-hero.jpeg',
+          src: '/sites/default/files/tide_demo_content/Engage-Vic-photo-hero.jpeg',
           title: 'Engage Vic',
           width: 737
         },
@@ -90,7 +90,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Melbourne tram',
           focalPoint: undefined,
           height: 785,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+          src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
           title: 'Demo: Melbourne tram',
           width: 1413
         },
@@ -117,7 +117,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Melbourne tram',
           focalPoint: undefined,
           height: 785,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+          src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
           title: 'Demo: Melbourne tram',
           width: 1413
         },
@@ -148,7 +148,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: 2018-19 State Budget',
           focalPoint: undefined,
           height: 270,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
+          src: '/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
           title: 'Demo: 2018-19 State Budget',
           width: 450
         },
@@ -188,7 +188,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: 2018-19 State Budget',
           focalPoint: undefined,
           height: 270,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
+          src: '/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
           title: 'Demo: 2018-19 State Budget',
           width: 450
         },
@@ -206,7 +206,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: 2018-19 State Budget',
           focalPoint: undefined,
           height: 270,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
+          src: '/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
           title: 'Demo: 2018-19 State Budget',
           width: 450
         },
@@ -253,7 +253,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Melbourne tram',
           focalPoint: undefined,
           height: 785,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+          src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
           title: 'Demo: Melbourne tram',
           width: 1413
         },
@@ -273,7 +273,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Melbourne tram',
           focalPoint: undefined,
           height: 785,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+          src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
           title: 'Demo: Melbourne tram',
           width: 1413
         },
@@ -293,7 +293,7 @@ describe('cardCarouselMapping', () => {
           alt: 'Demo: Roulette aerial display',
           focalPoint: undefined,
           height: 496,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/roulette-aerial-display-card.jpg',
+          src: '/sites/default/files/tide_demo_content/roulette-aerial-display-card.jpg',
           title: 'Demo: Roulette aerial display',
           width: 818
         },
diff --git a/packages/ripple-tide-landing-page/mapping/components/compact-cards/compact-cards-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/compact-cards/compact-cards-mapping.test.ts
index f7cf411712..d9c4720f86 100644
--- a/packages/ripple-tide-landing-page/mapping/components/compact-cards/compact-cards-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/compact-cards/compact-cards-mapping.test.ts
@@ -13,7 +13,7 @@ const result: TideDynamicPageComponent<ITideCompactCards> = {
         title: 'Card one',
         summary: 'Card one summary',
         image: {
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/2023-08/Image2.jpg',
+          src: '/sites/default/files/2023-08/Image2.jpg',
           alt: '',
           focalPoint: undefined,
           height: 667,
diff --git a/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.test.ts
index 13cb68f2a4..cc0d10b99a 100644
--- a/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.test.ts
@@ -11,9 +11,9 @@ const result: TideDynamicPageComponent<ITideComplexImage> = {
     sourceCaption: 'Complex Image Source',
     dataContent: '<p>Image Data</p>',
     dataLabel: 'Complex Image Additional data',
-    src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
+    src: '/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
     downloadUrl:
-      'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
+      '/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
     downloadLabel: 'Complex Image Download',
     type: 'image',
     variant: 'complex',
diff --git a/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.ts b/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.ts
index 6713cc882e..5a968527ef 100644
--- a/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/complex-image/complex-image-mapping.ts
@@ -1,4 +1,4 @@
-import { getBody } from '@dpc-sdp/ripple-tide-api'
+import { getBody, getMediaPath } from '@dpc-sdp/ripple-tide-api'
 import { TideDynamicPageComponent } from '@dpc-sdp/ripple-tide-api/types'
 
 export interface ITideComplexImage {
@@ -25,11 +25,13 @@ export const complexImageMapping = (
     props: {
       title: field.field_complex_image_title,
       sourceCaption: field.field_complex_image_source,
-      src: field.field_complex_image_media.field_media_image.url,
+      src: getMediaPath(field.field_complex_image_media.field_media_image),
       dataLabel: field.field_complex_image_data_label,
       dataContent: getBody(field.field_complex_image_data?.processed),
       fullscreenLabel: field.field_complex_image_full_label,
-      downloadUrl: field.field_complex_image_media.field_media_image.url,
+      downloadUrl: getMediaPath(
+        field.field_complex_image_media.field_media_image
+      ),
       downloadLabel: field.field_complex_image_dl_label,
       type: 'image',
       variant: 'complex',
diff --git a/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.test.ts
index 074679b1f1..29e02d8ca2 100644
--- a/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.test.ts
@@ -17,45 +17,44 @@ describe('mediaGalleryMapping', () => {
             caption: '2018-19 State Budget caption',
             alt: 'Demo: 2018-19 State Budget',
             thumbnail:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
+              '/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg',
             image:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg'
+              '/sites/default/files/tide_demo_content/2018-19-State-Budget.jpg'
           },
           {
             title: 'Demo: Aerial shot of new housing development',
             caption: 'An aerial shot of new housing development caption',
             alt: 'Demo: Aerial shot of new housing development',
             thumbnail:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg',
+              '/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg',
             image:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg'
+              '/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg'
           },
           {
             title: 'Demo: Bendigo Hospital',
             caption: null,
             alt: 'Demo: Bendigo Hospital',
             thumbnail:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Bendigo-Hospital.jpg',
-            image:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Bendigo-Hospital.jpg'
+              '/sites/default/files/tide_demo_content/Bendigo-Hospital.jpg',
+            image: '/sites/default/files/tide_demo_content/Bendigo-Hospital.jpg'
           },
           {
             title: 'Demo: Covid Primary Campaign',
             caption: null,
             alt: 'Demo: Covid Primary Campaign',
             thumbnail:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/covid_primarycampaign.png',
+              '/sites/default/files/tide_demo_content/covid_primarycampaign.png',
             image:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/covid_primarycampaign.png'
+              '/sites/default/files/tide_demo_content/covid_primarycampaign.png'
           },
           {
             title: 'Demo: Engage Vic Hero',
             caption: null,
             alt: 'Demo: Engage Vic Hero',
             thumbnail:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Engage-Vic-photo-hero.jpeg',
+              '/sites/default/files/tide_demo_content/Engage-Vic-photo-hero.jpeg',
             image:
-              'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Engage-Vic-photo-hero.jpeg'
+              '/sites/default/files/tide_demo_content/Engage-Vic-photo-hero.jpeg'
           }
         ]
       }
diff --git a/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.ts b/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.ts
index 0012572d71..b3aadd76ab 100644
--- a/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/media-gallery/media-gallery-mapping.ts
@@ -1,4 +1,5 @@
 import { TideDynamicPageComponent } from '@dpc-sdp/ripple-tide-api/types'
+import { getMediaPath } from '@dpc-sdp/ripple-tide-api'
 
 export interface ITideMediaGallery {
   id: string
@@ -25,9 +26,8 @@ export const mediaGalleryMapping = (
             title: item.name,
             caption: item.field_media_caption,
             alt: item.field_media_image.meta.alt,
-            thumbnail:
-              item.field_media_image?.url || item.field_media_image.uri,
-            image: item.field_media_image?.url || item.field_media_image.uri
+            thumbnail: getMediaPath(item.field_media_image),
+            image: getMediaPath(item.field_media_image)
           }
         }
       )
diff --git a/packages/ripple-tide-landing-page/mapping/components/navigation-card/navigation-card-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/navigation-card/navigation-card-mapping.test.ts
index 4446ada096..191960c83d 100644
--- a/packages/ripple-tide-landing-page/mapping/components/navigation-card/navigation-card-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/navigation-card/navigation-card-mapping.test.ts
@@ -79,7 +79,7 @@ describe('navigationCardMapping', () => {
           alt: 'Demo: Melbourne tram',
           focalPoint: undefined,
           height: 785,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+          src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
           title: 'Demo: Melbourne tram',
           width: 1413
         },
diff --git a/packages/ripple-tide-landing-page/mapping/components/promo-card/promo-card-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/promo-card/promo-card-mapping.test.ts
index 92f5544545..b498057acd 100644
--- a/packages/ripple-tide-landing-page/mapping/components/promo-card/promo-card-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/promo-card/promo-card-mapping.test.ts
@@ -80,7 +80,7 @@ describe('navigationCardMapping', () => {
           alt: 'Demo: Melbourne tram',
           focalPoint: undefined,
           height: 785,
-          src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+          src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
           title: 'Demo: Melbourne tram',
           width: 1413
         },
diff --git a/packages/ripple-tide-landing-page/mapping/components/timeline/timeline-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/components/timeline/timeline-mapping.test.ts
index c7db001ea6..1e3fed0a60 100644
--- a/packages/ripple-tide-landing-page/mapping/components/timeline/timeline-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/timeline/timeline-mapping.test.ts
@@ -375,7 +375,7 @@ describe('timelineMapping', () => {
               alt: 'Demo: Bendigo Hospital',
               focalPoint: undefined,
               height: 959,
-              src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Bendigo-Hospital.jpg',
+              src: '/sites/default/files/tide_demo_content/Bendigo-Hospital.jpg',
               title: 'Demo: Bendigo Hospital.jpg',
               width: 1280
             },
diff --git a/packages/ripple-tide-landing-page/mapping/hero-header/__test__/hero-header-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/hero-header/__test__/hero-header-mapping.test.ts
index fa816a03df..f63c300577 100644
--- a/packages/ripple-tide-landing-page/mapping/hero-header/__test__/hero-header-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/hero-header/__test__/hero-header-mapping.test.ts
@@ -26,7 +26,7 @@ const result: TideHeroHeader = {
   },
   theme: 'default',
   logoImage: {
-    src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Parliament-of-Victoria.jpg',
+    src: '/sites/default/files/tide_demo_content/Parliament-of-Victoria.jpg',
     alt: 'Demo: Parliament of Victoria',
     title: 'Demo: Parliament of Victoria',
     width: 1650,
@@ -35,14 +35,14 @@ const result: TideHeroHeader = {
   backgroundImage: null,
   backgroundImageCaption: '',
   cornerTop: {
-    src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg',
+    src: '/sites/default/files/tide_demo_content/Aerial-shot-of-new-housing-development.jpg',
     alt: 'Demo: Aerial shot of new housing development',
     title: 'Demo: Aerial shot of new housing development',
     width: 1024,
     height: 571
   },
   cornerBottom: {
-    src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/VicFleet-Police-car-on-road.jpg',
+    src: '/sites/default/files/tide_demo_content/VicFleet-Police-car-on-road.jpg',
     alt: 'Demo: VicFleet - Police car on road',
     title: 'Demo: VicFleet - Police car on road',
     width: 1065,
diff --git a/packages/ripple-tide-landing-page/mapping/primary-campaign/__test__/primary-campaign-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/primary-campaign/__test__/primary-campaign-mapping.test.ts
index 4a762df134..3adcc42fed 100644
--- a/packages/ripple-tide-landing-page/mapping/primary-campaign/__test__/primary-campaign-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/primary-campaign/__test__/primary-campaign-mapping.test.ts
@@ -22,7 +22,7 @@ describe('primaryCampaignMapping', () => {
         url: 'https://www.vic.gov.au'
       },
       image: {
-        src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-skyline-at-dusk.jpg',
+        src: '/sites/default/files/tide_demo_content/Melbourne-skyline-at-dusk.jpg',
         alt: 'Demo: Melbourne skyline at dusk',
         title: 'Demo: Melbourne skyline at dusk',
         width: 2560,
@@ -43,7 +43,7 @@ describe('primaryCampaignMapping', () => {
         url: 'https://www.vic.gov.au'
       },
       image: {
-        src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-skyline-at-dusk.jpg',
+        src: '/sites/default/files/tide_demo_content/Melbourne-skyline-at-dusk.jpg',
         alt: 'Demo: Melbourne skyline at dusk',
         title: 'Demo: Melbourne skyline at dusk',
         width: 2560,
diff --git a/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/secondary-campaign-mapping.test.ts b/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/secondary-campaign-mapping.test.ts
index 4fc4868e3f..3f6550b652 100644
--- a/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/secondary-campaign-mapping.test.ts
+++ b/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/secondary-campaign-mapping.test.ts
@@ -18,7 +18,7 @@ describe('secondaryCampaignMapping', () => {
         url: 'https://www.vic.gov.au'
       },
       image: {
-        src: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
+        src: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg',
         alt: 'Demo: Melbourne tram',
         title: 'Demo: Melbourne tram',
         width: 1413,
diff --git a/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/test-data.ts b/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/test-data.ts
index d69409af2f..94c90af0a7 100644
--- a/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/test-data.ts
+++ b/packages/ripple-tide-landing-page/mapping/secondary-campaign/__test__/test-data.ts
@@ -370,7 +370,7 @@ export const testData = {
         filename: 'Melbourne-tram.jpg',
         uri: {
           value: 'public://tide_demo_content/Melbourne-tram.jpg',
-          url: 'https://develop.content.reference.sdp.vic.gov.au/sites/default/files/tide_demo_content/Melbourne-tram.jpg'
+          url: '/sites/default/files/tide_demo_content/Melbourne-tram.jpg'
         },
         filemime: 'image/jpeg',
         filesize: 176549,
diff --git a/packages/ripple-tide-media/mapping/audio-mapping.ts b/packages/ripple-tide-media/mapping/audio-mapping.ts
index b401f08909..849f4a25d4 100644
--- a/packages/ripple-tide-media/mapping/audio-mapping.ts
+++ b/packages/ripple-tide-media/mapping/audio-mapping.ts
@@ -1,12 +1,13 @@
 import type { IRplTideModuleMapping } from '@dpc-sdp/ripple-tide-api/types'
 import { tideMediaBaseMapping, tideMediaBaseIncludes } from './media-mapping'
+import { getMediaPath } from '@dpc-sdp/ripple-tide-api'
 
 const tideMediaAudioMapping: IRplTideModuleMapping = {
   mapping: {
     ...tideMediaBaseMapping,
     media: {
       ...tideMediaBaseMapping.media,
-      url: 'field_media_file.url'
+      url: (src: any) => getMediaPath(src.field_media_file)
     }
   },
   includes: [...tideMediaBaseIncludes, 'field_media_file']
diff --git a/packages/ripple-tide-publication/mapping/publication-page.ts b/packages/ripple-tide-publication/mapping/publication-page.ts
index de6ad8e94a..d8ffc1e92d 100644
--- a/packages/ripple-tide-publication/mapping/publication-page.ts
+++ b/packages/ripple-tide-publication/mapping/publication-page.ts
@@ -1,5 +1,4 @@
-import mime from 'mime-types'
-import { getField, humanizeFilesize } from '@dpc-sdp/ripple-tide-api'
+import { getField, getDocumentFromField } from '@dpc-sdp/ripple-tide-api'
 import {
   tidePageBaseMapping,
   tidePageBaseIncludes
@@ -42,7 +41,7 @@ const tidePublicationPageModule: IRplTideModuleMapping = {
       text: 'publication_navigation_root.meta.title',
       url: 'publication_navigation_root.meta.url',
       id: 'publication_navigation_root.meta.id',
-      documents: (src) =>
+      documents: (src: any) =>
         (
           getField(
             src,
@@ -50,13 +49,7 @@ const tidePublicationPageModule: IRplTideModuleMapping = {
               ? 'field_publication.field_publication.field_node_documents'
               : 'field_publication.field_node_documents'
           ) || []
-        ).map((doc: any) => ({
-          name: doc.name,
-          url: doc.field_media_file.url || doc.field_media_file.uri,
-          size: humanizeFilesize(doc.field_media_file.filesize),
-          extension: mime.extension(doc.field_media_file.filemime),
-          id: doc.id
-        })),
+        ).map((doc: any) => getDocumentFromField(doc)),
       pagination: {
         prev: {
           label: () => 'Previous',
diff --git a/packages/ripple-tide-publication/mapping/publication.ts b/packages/ripple-tide-publication/mapping/publication.ts
index 733cde8a16..2fbc497702 100644
--- a/packages/ripple-tide-publication/mapping/publication.ts
+++ b/packages/ripple-tide-publication/mapping/publication.ts
@@ -1,5 +1,4 @@
-import mime from 'mime-types'
-import { getField, humanizeFilesize } from '@dpc-sdp/ripple-tide-api'
+import { getField, getDocumentFromField } from '@dpc-sdp/ripple-tide-api'
 import {
   tidePageBaseMapping,
   tidePageBaseIncludes
@@ -59,13 +58,9 @@ const tidePublicationModule: IRplTideModuleMapping = {
       url: 'path.url',
       id: 'id',
       documents: (src: string) =>
-        getField(src, 'field_node_documents').map((doc: any) => ({
-          name: doc.name,
-          url: doc.field_media_file.url || doc.field_media_file.uri,
-          size: humanizeFilesize(doc.field_media_file.filesize),
-          extension: mime.extension(doc.field_media_file.filemime),
-          id: doc.id
-        }))
+        getField(src, 'field_node_documents').map((doc: any) =>
+          getDocumentFromField(doc)
+        )
     },
     showLastUpdated: () => true
   },
diff --git a/packages/ripple-tide-search/composables/useSearchResult.ts b/packages/ripple-tide-search/composables/useSearchResult.ts
index 9ae64f2418..448faf7c0f 100644
--- a/packages/ripple-tide-search/composables/useSearchResult.ts
+++ b/packages/ripple-tide-search/composables/useSearchResult.ts
@@ -1,12 +1,13 @@
 import { computed } from 'vue'
 import { getSearchResultValue, truncateText } from '#imports'
+import { stripMediaBaseUrl } from '@dpc-sdp/ripple-tide-api/utils'
 
 interface ResultOptions {
   summaryMaxLength: number | null
 }
 
 export default (result, options: ResultOptions = { summaryMaxLength: 150 }) => {
-  const { $app_origin } = useNuxtApp()
+  const { $app_origin, $config } = useNuxtApp()
   const title = computed(() => getSearchResultValue(result, 'title'))
   const url = computed(() => {
     return stripSiteId(getSearchResultValue(result, 'url'), $app_origin || '')
@@ -46,7 +47,7 @@ export default (result, options: ResultOptions = { summaryMaxLength: 150 }) => {
 
     if (src) {
       return {
-        src,
+        src: stripMediaBaseUrl(src, $config.public?.tide?.baseUrl),
         alt: ''
       }
     }
diff --git a/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.stories.mdx b/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.stories.mdx
index ad20d469dd..bed4f81bf7 100644
--- a/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.stories.mdx
+++ b/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.stories.mdx
@@ -121,7 +121,7 @@ export const dataContent = `
       caption: 'Optional media caption content section',
       sourceCaption: 'Optional media source information content section',
       dataContent: dataContent,
-      downloadUrl: '/img/image-landscape-l.jpg'
+      downloadUrl: 'img/image-landscape-l.jpg'
     }}
   >
     {SingleTemplate.bind()}
diff --git a/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.vue b/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.vue
index ce5d46da21..5bf8a3fd88 100644
--- a/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.vue
+++ b/packages/ripple-ui-core/src/components/media-embed/RplMediaEmbed.vue
@@ -128,7 +128,7 @@ const fullscreenContentLabel = computed(() => {
   return props.fullscreenLabel || `View '${props.title}' fullscreen`
 })
 const downloadContentLabel = computed(() => {
-  return props.downloadLabel || `Download' ${props.title}'`
+  return props.downloadLabel || `Download '${props.title}'`
 })
 
 const toggleFullscreen = (event) => {
@@ -292,16 +292,16 @@ const handleDownload = () => {
 
       <!-- Download link -->
       <li v-if="downloadUrl">
-        <RplTextLink
+        <a
           class="rpl-media-embed__download-link rpl-media-embed__action rpl-u-focusable-inline rpl-type-p"
-          :url="downloadUrl"
+          :href="downloadUrl"
           download
           @click="handleDownload"
         >
           <RplIcon name="icon-download" class="rpl-u-screen-only" />{{
             downloadContentLabel
           }}
-        </RplTextLink>
+        </a>
       </li>
     </ul>
 

From ef6a21741eaa79fa7fbbce15942af03cfcd2d1cb Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Tue, 9 Jul 2024 15:37:06 +1000
Subject: [PATCH 21/29] fix(@dpc-sdp/ripple-ui-maps): fixed centreMap util when
 it's given a custom zoom level

---
 packages/ripple-ui-maps/src/components/map/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ripple-ui-maps/src/components/map/utils.ts b/packages/ripple-ui-maps/src/components/map/utils.ts
index 5429b8a8e2..9ca53f7316 100644
--- a/packages/ripple-ui-maps/src/components/map/utils.ts
+++ b/packages/ripple-ui-maps/src/components/map/utils.ts
@@ -153,7 +153,7 @@ export const centerMap = (
   }
 
   const view = map.getView()
-  const resolution = view.getResolution()
+  const resolution = view.getResolutionForZoom(zoom || view.getZoom())
   const offsetCoord = [
     position[0] + offset.x * resolution,
     position[1] + offset.y * resolution

From fed98ed317ad26f2fd43b0a96c6aa5f9bbafe7bf Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Tue, 9 Jul 2024 16:19:35 +1000
Subject: [PATCH 22/29] feat(@dpc-sdp/ripple-tide-search): allow specifying the
 url text key

---
 .../test/features/search-listing/table.feature  |  2 +-
 .../table/page-extra-structured.json            |  1 +
 .../TideSearchListingTableUrl.vue               | 17 +++++++++++++++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/examples/nuxt-app/test/features/search-listing/table.feature b/examples/nuxt-app/test/features/search-listing/table.feature
index d338bbf87a..0cb8c0a8c5 100644
--- a/examples/nuxt-app/test/features/search-listing/table.feature
+++ b/examples/nuxt-app/test/features/search-listing/table.feature
@@ -59,7 +59,7 @@ Feature: Table layout
     Then the tables extra content should contain the label "Funded for" and text "Multicultural Service"
     And the tables extra content should contain the label "Email", value "contact@africanfamilyservices.org.au" and link "mailto:contact@africanfamilyservices.org.au"
     And the tables extra content should contain the label "Phone", value "03 9602 5046" and link "tel:03 9602 5046"
-    And the tables extra content should contain the label "Website", value "http://africanfamilyservices.org.au/#contact-us" and link "http://africanfamilyservices.org.au/#contact-us"
+    And the tables extra content should contain the label "Website", value "African Family Services" and link "http://africanfamilyservices.org.au/#contact-us"
     And the tables extra content should contain the text "Includes statewide service"
     And the tables extra content should contain the class "rpl-tag--dark"
     And the table row with text "Department with no extra content" should not display more information
diff --git a/examples/nuxt-app/test/fixtures/search-listing/table/page-extra-structured.json b/examples/nuxt-app/test/fixtures/search-listing/table/page-extra-structured.json
index 4b1e5b9752..1a5e2e53d6 100644
--- a/examples/nuxt-app/test/fixtures/search-listing/table/page-extra-structured.json
+++ b/examples/nuxt-app/test/fixtures/search-listing/table/page-extra-structured.json
@@ -79,6 +79,7 @@
               {
                 "label": "Website",
                 "objectKey": "Website/Links",
+                "objectTextKey": "Organisation",
                 "component": "TideSearchListingTableUrl"
               },
               {
diff --git a/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue b/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue
index 8d0d9df6fa..b08e71f798 100644
--- a/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue
+++ b/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue
@@ -1,5 +1,5 @@
 <template>
-  <RplTextLink v-if="value" :url="value">{{ value }}</RplTextLink>
+  <RplTextLink v-if="url" :url="url">{{ value }}</RplTextLink>
 </template>
 
 <script setup lang="ts">
@@ -12,8 +12,21 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const value = computed(() => {
+const url = computed(() => {
   const result = getSearchResultValue(props.item, props.column.objectKey, true)
   return Array.isArray(result) ? result[0] : result
 })
+
+const value = computed(() => {
+  if (props.column?.objectTextKey) {
+    const result = getSearchResultValue(
+      props.item,
+      props.column.objectTextKey,
+      true
+    )
+    return Array.isArray(result) ? result[0] : result
+  }
+
+  return url.value
+})
 </script>

From dbc71a6fd386e3d20923461acdd97f26c561c521 Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Fri, 12 Jul 2024 14:45:32 +1000
Subject: [PATCH 23/29] chore: remove unneeded import

---
 .../src/components/geolocation/RplMapGeolocateButton.vue         | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/ripple-ui-maps/src/components/geolocation/RplMapGeolocateButton.vue b/packages/ripple-ui-maps/src/components/geolocation/RplMapGeolocateButton.vue
index d98e52107d..61f51ce14e 100644
--- a/packages/ripple-ui-maps/src/components/geolocation/RplMapGeolocateButton.vue
+++ b/packages/ripple-ui-maps/src/components/geolocation/RplMapGeolocateButton.vue
@@ -21,7 +21,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineEmits } from 'vue'
 import { RplIcon } from '@dpc-sdp/ripple-ui-core/vue'
 
 interface Props {

From 5d9dd42c60d919823ad4faf56c042bdc9ead2e95 Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Mon, 15 Jul 2024 16:51:05 +1000
Subject: [PATCH 24/29] chore(@dpc-sdp/nuxt-ripple): update label

---
 packages/nuxt-ripple/components/TideContentRating.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt-ripple/components/TideContentRating.vue b/packages/nuxt-ripple/components/TideContentRating.vue
index 7c10483b19..0c5c456264 100644
--- a/packages/nuxt-ripple/components/TideContentRating.vue
+++ b/packages/nuxt-ripple/components/TideContentRating.vue
@@ -70,7 +70,7 @@ onMounted(() => {
                     id="comments"
                     type="RplFormTextarea"
                     name="comments"
-                    label="Enter your comments"
+                    label="Enter your feedback"
                     :maxlength="5000"
                     :rows="4"
                     :validation="[['matches', '/^\\W*(\\w+(\\W+|$)){1,500}$/']]"

From b653e76c325e62e4997d53b2cd8121e3b31e0760 Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Tue, 16 Jul 2024 09:43:39 +1000
Subject: [PATCH 25/29] fix(@dpc-sdp/nuxt-ripple): fallback to value if no URL
 exists

---
 .../global/TideSearchListing/TideSearchListingTableUrl.vue       | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue b/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue
index b08e71f798..b48e8067b7 100644
--- a/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue
+++ b/packages/ripple-tide-search/components/global/TideSearchListing/TideSearchListingTableUrl.vue
@@ -1,5 +1,6 @@
 <template>
   <RplTextLink v-if="url" :url="url">{{ value }}</RplTextLink>
+  <span v-else>{{ value }}</span>
 </template>
 
 <script setup lang="ts">

From 50c04d3e1ca15dacb76d961a8840cce901c4fa9d Mon Sep 17 00:00:00 2001
From: Dylan Kelly <dylan.kelly@dpc.vic.gov.au>
Date: Wed, 17 Jul 2024 12:58:03 +1000
Subject: [PATCH 26/29] fix(@dpc-sdp/ripple-tide-news): :bug: added flag option
 to remove published time

[R20-2092]
---
 packages/ripple-tide-news/components/TideNewsBody.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ripple-tide-news/components/TideNewsBody.vue b/packages/ripple-tide-news/components/TideNewsBody.vue
index db249dbe11..8adde726a3 100644
--- a/packages/ripple-tide-news/components/TideNewsBody.vue
+++ b/packages/ripple-tide-news/components/TideNewsBody.vue
@@ -49,7 +49,7 @@ const detailsList = computed(() => {
       hideTerm: flags?.hideDetailLabels,
       description: formatDate(props.details?.published, {
         dateStyle: 'full',
-        timeStyle: 'short'
+        timeStyle: flags?.hidePublishedTime ? undefined : 'short'
       })
     })
   }

From 7e00be2f046f18332c224821e8d39e1a6288ddee Mon Sep 17 00:00:00 2001
From: Dylan Kelly <dylan.kelly@dpc.vic.gov.au>
Date: Wed, 17 Jul 2024 13:59:35 +1000
Subject: [PATCH 27/29] =?UTF-8?q?chore:=20=F0=9F=94=96=20release=20ripple?=
 =?UTF-8?q?=202.11.1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                   | 13 +++++++++++++
 lerna.json                                     |  2 +-
 packages/eslint-config-ripple/package.json     |  2 +-
 packages/nuxt-ripple-analytics/package.json    |  2 +-
 packages/nuxt-ripple-cli/package.json          |  2 +-
 packages/nuxt-ripple-preview/package.json      |  2 +-
 packages/nuxt-ripple/package.json              |  2 +-
 packages/ripple-storybook/package.json         |  2 +-
 packages/ripple-test-utils/package.json        |  2 +-
 packages/ripple-tide-api/package.json          |  2 +-
 packages/ripple-tide-event/package.json        |  2 +-
 packages/ripple-tide-grant/package.json        |  2 +-
 packages/ripple-tide-landing-page/package.json |  2 +-
 packages/ripple-tide-media/package.json        |  2 +-
 packages/ripple-tide-news/package.json         |  2 +-
 packages/ripple-tide-publication/package.json  |  2 +-
 packages/ripple-tide-search/package.json       |  2 +-
 packages/ripple-tide-topic/package.json        |  2 +-
 packages/ripple-tide-webform/package.json      |  2 +-
 packages/ripple-ui-core/package.json           |  2 +-
 packages/ripple-ui-forms/package.json          |  2 +-
 packages/ripple-ui-maps/package.json           |  2 +-
 packages/stylelint-config-ripple/package.json  |  2 +-
 23 files changed, 35 insertions(+), 22 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ee9463f420..eb507197d8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,18 @@
 # Changelog
 
+## v2.11.1
+
+[compare changes](https://github.com/dpc-sdp/ripple-framework/compare/v2.11.0...v2.11.1)
+
+
+### 🩹 Fixes
+
+  - **@dpc-sdp/ripple-tide-news:** 🐛  added flag option to remove published time ([50c04d3e1](https://github.com/dpc-sdp/ripple-framework/commit/50c04d3e1))
+
+### ❤️  Contributors
+
+- Dylan Kelly <dylan.kelly@dpc.vic.gov.au>
+
 ## v2.11.0
 
 [compare changes](https://github.com/dpc-sdp/ripple-framework/compare/v2.10.3...v2.11.0)
diff --git a/lerna.json b/lerna.json
index c3d93e8857..7e3627b965 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "version": "2.11.0",
+  "version": "2.11.1",
   "npmClient": "pnpm",
   "exact": true,
   "command": {
diff --git a/packages/eslint-config-ripple/package.json b/packages/eslint-config-ripple/package.json
index 1a83192554..5da500ebab 100644
--- a/packages/eslint-config-ripple/package.json
+++ b/packages/eslint-config-ripple/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/eslint-config-ripple",
   "description": "ESLint config for Ripple projects",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "index.js",
diff --git a/packages/nuxt-ripple-analytics/package.json b/packages/nuxt-ripple-analytics/package.json
index 637bc283ab..0de0ab72b3 100644
--- a/packages/nuxt-ripple-analytics/package.json
+++ b/packages/nuxt-ripple-analytics/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple-analytics",
   "description": "Nuxt module for handling event tracking.",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/nuxt-ripple-cli/package.json b/packages/nuxt-ripple-cli/package.json
index aab13a568c..2b59bd781c 100644
--- a/packages/nuxt-ripple-cli/package.json
+++ b/packages/nuxt-ripple-cli/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple-cli",
   "description": "A CLI for simplifying common setup and scaffolding tasks",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./dist/index.js",
diff --git a/packages/nuxt-ripple-preview/package.json b/packages/nuxt-ripple-preview/package.json
index 5513ef756c..d7504acc82 100644
--- a/packages/nuxt-ripple-preview/package.json
+++ b/packages/nuxt-ripple-preview/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple-preview",
   "description": "Adds support for drupal preview links in Ripple frontend sites",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/nuxt-ripple/package.json b/packages/nuxt-ripple/package.json
index 5554d1a930..ae5a888512 100644
--- a/packages/nuxt-ripple/package.json
+++ b/packages/nuxt-ripple/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple",
   "description": "Nuxt module for integrating Ripple and Tide",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/ripple-storybook/package.json b/packages/ripple-storybook/package.json
index 31f87ebba8..bfdc35ed44 100644
--- a/packages/ripple-storybook/package.json
+++ b/packages/ripple-storybook/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ripple-storybook",
   "description": "Ripple Storybook instance",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "private": true,
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/ripple-test-utils/package.json b/packages/ripple-test-utils/package.json
index 95f55050fa..f001b9ae96 100644
--- a/packages/ripple-test-utils/package.json
+++ b/packages/ripple-test-utils/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-test-utils",
   "description": "Test utils for Ripple sites",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/config/index.js",
diff --git a/packages/ripple-tide-api/package.json b/packages/ripple-tide-api/package.json
index 39fa001654..1d97f570f2 100644
--- a/packages/ripple-tide-api/package.json
+++ b/packages/ripple-tide-api/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-api",
   "description": "Ripple API endpoints for Tide Drupal backend",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./dist/index.js",
diff --git a/packages/ripple-tide-event/package.json b/packages/ripple-tide-event/package.json
index 7ba48a3098..8be6a61435 100644
--- a/packages/ripple-tide-event/package.json
+++ b/packages/ripple-tide-event/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-event",
   "description": "Ripple mappings and components for Tide Event Content type",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/ripple-tide-grant/package.json b/packages/ripple-tide-grant/package.json
index a5813ae04b..3d863cda42 100644
--- a/packages/ripple-tide-grant/package.json
+++ b/packages/ripple-tide-grant/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-grant",
   "description": "Ripple mappings and components for Tide Grant Content type",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-landing-page/package.json b/packages/ripple-tide-landing-page/package.json
index fcfb9d8ba9..1c5350fc21 100644
--- a/packages/ripple-tide-landing-page/package.json
+++ b/packages/ripple-tide-landing-page/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-landing-page",
   "description": "Ripple mappings and components for Tide landing-page Content type",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-media/package.json b/packages/ripple-tide-media/package.json
index 51eaa42f9b..f5c7f4e10a 100644
--- a/packages/ripple-tide-media/package.json
+++ b/packages/ripple-tide-media/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-media",
   "description": "Ripple mappings and components for Tide media",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-news/package.json b/packages/ripple-tide-news/package.json
index d36eff4686..2fd1e8bae4 100644
--- a/packages/ripple-tide-news/package.json
+++ b/packages/ripple-tide-news/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-news",
   "description": "Ripple mappings and components for Tide News content type",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-publication/package.json b/packages/ripple-tide-publication/package.json
index 85daa74cb7..4b515a583f 100644
--- a/packages/ripple-tide-publication/package.json
+++ b/packages/ripple-tide-publication/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-publication",
   "description": "Ripple mappings and components for Tide Publication Content type",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-search/package.json b/packages/ripple-tide-search/package.json
index f15aa5572a..3b60153d96 100644
--- a/packages/ripple-tide-search/package.json
+++ b/packages/ripple-tide-search/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-search",
   "description": "Ripple search UI and services for connecting to Tide search",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-topic/package.json b/packages/ripple-tide-topic/package.json
index b7a1c488c6..c7f6d481db 100644
--- a/packages/ripple-tide-topic/package.json
+++ b/packages/ripple-tide-topic/package.json
@@ -9,7 +9,7 @@
     "./mapping": "./mapping/index.ts",
     "./types": "./types.ts"
   },
-  "version": "2.11.0",
+  "version": "2.11.1",
   "dependencies": {
     "@dpc-sdp/nuxt-ripple": "workspace:*",
     "@dpc-sdp/ripple-tide-api": "workspace:*",
diff --git a/packages/ripple-tide-webform/package.json b/packages/ripple-tide-webform/package.json
index 8bb8e87e81..a4ae533611 100644
--- a/packages/ripple-tide-webform/package.json
+++ b/packages/ripple-tide-webform/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-webform",
   "description": "Ripple mappings and components for Tide webforms",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-ui-core/package.json b/packages/ripple-ui-core/package.json
index 736ff02e17..2b5cc374b4 100644
--- a/packages/ripple-ui-core/package.json
+++ b/packages/ripple-ui-core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-ui-core",
   "description": "Ripple UI Core component library",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "files": [
diff --git a/packages/ripple-ui-forms/package.json b/packages/ripple-ui-forms/package.json
index fec4f0e813..8b231c77b5 100644
--- a/packages/ripple-ui-forms/package.json
+++ b/packages/ripple-ui-forms/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-ui-forms",
   "description": "A form component library built with Formkit",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./dist/rpl-forms.umd.js",
diff --git a/packages/ripple-ui-maps/package.json b/packages/ripple-ui-maps/package.json
index 9e0f35101d..81acfb60a8 100644
--- a/packages/ripple-ui-maps/package.json
+++ b/packages/ripple-ui-maps/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-ui-maps",
   "description": "Ripple UI Core component library",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "files": [
diff --git a/packages/stylelint-config-ripple/package.json b/packages/stylelint-config-ripple/package.json
index 02d353f5be..d13087558d 100644
--- a/packages/stylelint-config-ripple/package.json
+++ b/packages/stylelint-config-ripple/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/stylelint-config-ripple",
   "description": "ESLint config for Ripple projects",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "index.js",

From 717ca9985bdf23007a8612cb53a73f05386e13da Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Thu, 18 Jul 2024 16:56:58 +1000
Subject: [PATCH 28/29] fix(@dpc-sdp/ripple-tide-search): add variant prop to
 locationQueryConfig component

---
 .../components/global/TideCustomCollection.vue                   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ripple-tide-search/components/global/TideCustomCollection.vue b/packages/ripple-tide-search/components/global/TideCustomCollection.vue
index 0ee4d4ed49..74cfafe86e 100644
--- a/packages/ripple-tide-search/components/global/TideCustomCollection.vue
+++ b/packages/ripple-tide-search/components/global/TideCustomCollection.vue
@@ -562,6 +562,7 @@ const locationOrGeolocation = computed(() => {
           v-bind="locationQueryConfig?.props"
           :label="searchListingConfig.labels?.submit"
           :placeholder="searchListingConfig.labels?.placeholder"
+          :variant="reverseFields ? 'reverse' : 'default'"
           :inputValue="locationQuery"
           :resultsloaded="mapFeatures.length > 0"
           :isGettingLocation="isGettingLocation"

From 3652738c01862b1ba13a70fd44267ec1698e6c02 Mon Sep 17 00:00:00 2001
From: Dylan Kelly <dylan.kelly@dpc.vic.gov.au>
Date: Fri, 19 Jul 2024 14:47:33 +1000
Subject: [PATCH 29/29] =?UTF-8?q?chore:=20=F0=9F=94=96=20release=20ripple?=
 =?UTF-8?q?=202.12.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  | 55 +++++++++++++++++++
 lerna.json                                    |  2 +-
 packages/eslint-config-ripple/package.json    |  2 +-
 packages/nuxt-ripple-analytics/package.json   |  2 +-
 packages/nuxt-ripple-cli/package.json         |  2 +-
 packages/nuxt-ripple-preview/package.json     |  2 +-
 packages/nuxt-ripple/package.json             |  2 +-
 packages/ripple-storybook/package.json        |  2 +-
 packages/ripple-test-utils/package.json       |  2 +-
 packages/ripple-tide-api/package.json         |  2 +-
 packages/ripple-tide-event/package.json       |  2 +-
 packages/ripple-tide-grant/package.json       |  2 +-
 .../ripple-tide-landing-page/package.json     |  2 +-
 packages/ripple-tide-media/package.json       |  2 +-
 packages/ripple-tide-news/package.json        |  2 +-
 packages/ripple-tide-publication/package.json |  2 +-
 packages/ripple-tide-search/package.json      |  2 +-
 packages/ripple-tide-topic/package.json       |  2 +-
 packages/ripple-tide-webform/package.json     |  2 +-
 packages/ripple-ui-core/package.json          |  2 +-
 packages/ripple-ui-forms/package.json         |  2 +-
 packages/ripple-ui-maps/package.json          |  2 +-
 packages/stylelint-config-ripple/package.json |  2 +-
 23 files changed, 77 insertions(+), 22 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index eb507197d8..d88b39bbd7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,60 @@
 # Changelog
 
+## v2.12.0
+
+[compare changes](https://github.com/dpc-sdp/ripple-framework/compare/v2.11.1...v2.12.0)
+
+
+### 🚀 Enhancements
+
+  - **@dpc-sdp/ripple-tide-search:** Adds address search and refactors search suggestions ([46609e3a0](https://github.com/dpc-sdp/ripple-framework/commit/46609e3a0))
+  - ✨  extend formkit input library ([f93e47d7e](https://github.com/dpc-sdp/ripple-framework/commit/f93e47d7e))
+  - **@dpc-sdp/nuxt-ripple-cli:** Update action versions, respect GitHubs prerelease checkbox ([7c91a1dfd](https://github.com/dpc-sdp/ripple-framework/commit/7c91a1dfd))
+  - **@dpc-sdp/ripple-ui-maps:** Default map pin color to primary site color instead of red ([6c21be8a1](https://github.com/dpc-sdp/ripple-framework/commit/6c21be8a1))
+  - **@dpc-sdp/ripple-tide-search:** Added helper components for laying out result tables ([87a470be6](https://github.com/dpc-sdp/ripple-framework/commit/87a470be6))
+  - **@dpc-sdp/ripple-ui-core:** Use classes for list types, remove circle ([3627fb8b1](https://github.com/dpc-sdp/ripple-framework/commit/3627fb8b1))
+  - **@dpc-sdp/ripple-ui-core:** Update component tests ([07829674c](https://github.com/dpc-sdp/ripple-framework/commit/07829674c))
+  - **@dpc-sdp/ripple-tide-api:** Update list plugin ([e86005d53](https://github.com/dpc-sdp/ripple-framework/commit/e86005d53))
+  - **@dpc-sdp/ripple-ui-core:** Add file example to search results ([4a069a7fe](https://github.com/dpc-sdp/ripple-framework/commit/4a069a7fe))
+  - **@dpc-sdp/ripple-tide-api:** Use relative URLs for media files ([48199d668](https://github.com/dpc-sdp/ripple-framework/commit/48199d668))
+  - **@dpc-sdp/ripple-tide-search:** Allow specifying the url text key ([fed98ed31](https://github.com/dpc-sdp/ripple-framework/commit/fed98ed31))
+
+### 🩹 Fixes
+
+  - **@dpc-sdp/ripple-ui-core:** Fixed description list missing types ([db90aaceb](https://github.com/dpc-sdp/ripple-framework/commit/db90aaceb))
+  - **@dpc-sdp/ripple-tide-search:** Pass map deadspace to map results hook ([ed11a1468](https://github.com/dpc-sdp/ripple-framework/commit/ed11a1468))
+  - **@dpc-sdp/ripple-ui-maps:** Fixed centreMap util when it's given a custom zoom level ([ef6a21741](https://github.com/dpc-sdp/ripple-framework/commit/ef6a21741))
+  - **@dpc-sdp/nuxt-ripple:** Fallback to value if no URL exists ([b653e76c3](https://github.com/dpc-sdp/ripple-framework/commit/b653e76c3))
+  - **@dpc-sdp/ripple-tide-search:** Add variant prop to locationQueryConfig component ([717ca9985](https://github.com/dpc-sdp/ripple-framework/commit/717ca9985))
+
+### 💅 Refactors
+
+  - ♻️  move layer to nuxt-app ([fbffa9ac9](https://github.com/dpc-sdp/ripple-framework/commit/fbffa9ac9))
+
+### 📦 Build
+
+  - 👷  update actions to node 20 ([b51d24e9c](https://github.com/dpc-sdp/ripple-framework/commit/b51d24e9c))
+  - 👷  update actions to node 20 ([54b46e710](https://github.com/dpc-sdp/ripple-framework/commit/54b46e710))
+
+### 🏡 Chore
+
+  - **@dpc-sdp/ripple-tide-search:** Depricate old suggestions props ([9131e3a63](https://github.com/dpc-sdp/ripple-framework/commit/9131e3a63))
+  - **ripple-ui-forms-ext:** ⚗️  example layer for custom input ([03f5c3c60](https://github.com/dpc-sdp/ripple-framework/commit/03f5c3c60))
+  - Remove unneeded import ([dbc71a6fd](https://github.com/dpc-sdp/ripple-framework/commit/dbc71a6fd))
+  - **@dpc-sdp/nuxt-ripple:** Update label ([5d9dd42c6](https://github.com/dpc-sdp/ripple-framework/commit/5d9dd42c6))
+
+### ✅ Tests
+
+  - **@dpc-sdp/ripple-tide-search:** Added tests for location suggestions ([b6f1be8a4](https://github.com/dpc-sdp/ripple-framework/commit/b6f1be8a4))
+  - **@dpc-sdp/ripple-tide-webform:** ✅  fix unit test ([349ac75c4](https://github.com/dpc-sdp/ripple-framework/commit/349ac75c4))
+  - ✅  add cypress tests for form input extend ([4bdb5a5c4](https://github.com/dpc-sdp/ripple-framework/commit/4bdb5a5c4))
+
+### ❤️  Contributors
+
+- David Featherston <david.featherstone@dpc.vic.gov.au>
+- Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
+- Jason Smith <jason.smith@dpc.vic.gov.au>
+
 ## v2.11.1
 
 [compare changes](https://github.com/dpc-sdp/ripple-framework/compare/v2.11.0...v2.11.1)
diff --git a/lerna.json b/lerna.json
index 7e3627b965..6cfb36d1e3 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "version": "2.11.1",
+  "version": "2.12.0",
   "npmClient": "pnpm",
   "exact": true,
   "command": {
diff --git a/packages/eslint-config-ripple/package.json b/packages/eslint-config-ripple/package.json
index 5da500ebab..2aee901b52 100644
--- a/packages/eslint-config-ripple/package.json
+++ b/packages/eslint-config-ripple/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/eslint-config-ripple",
   "description": "ESLint config for Ripple projects",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "index.js",
diff --git a/packages/nuxt-ripple-analytics/package.json b/packages/nuxt-ripple-analytics/package.json
index 0de0ab72b3..5385576932 100644
--- a/packages/nuxt-ripple-analytics/package.json
+++ b/packages/nuxt-ripple-analytics/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple-analytics",
   "description": "Nuxt module for handling event tracking.",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/nuxt-ripple-cli/package.json b/packages/nuxt-ripple-cli/package.json
index 2b59bd781c..969b55c6a7 100644
--- a/packages/nuxt-ripple-cli/package.json
+++ b/packages/nuxt-ripple-cli/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple-cli",
   "description": "A CLI for simplifying common setup and scaffolding tasks",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./dist/index.js",
diff --git a/packages/nuxt-ripple-preview/package.json b/packages/nuxt-ripple-preview/package.json
index d7504acc82..334bc52143 100644
--- a/packages/nuxt-ripple-preview/package.json
+++ b/packages/nuxt-ripple-preview/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple-preview",
   "description": "Adds support for drupal preview links in Ripple frontend sites",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/nuxt-ripple/package.json b/packages/nuxt-ripple/package.json
index ae5a888512..2ea225d0d9 100644
--- a/packages/nuxt-ripple/package.json
+++ b/packages/nuxt-ripple/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/nuxt-ripple",
   "description": "Nuxt module for integrating Ripple and Tide",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/ripple-storybook/package.json b/packages/ripple-storybook/package.json
index bfdc35ed44..ee156e9ccb 100644
--- a/packages/ripple-storybook/package.json
+++ b/packages/ripple-storybook/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ripple-storybook",
   "description": "Ripple Storybook instance",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "private": true,
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/ripple-test-utils/package.json b/packages/ripple-test-utils/package.json
index f001b9ae96..7af097c02b 100644
--- a/packages/ripple-test-utils/package.json
+++ b/packages/ripple-test-utils/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-test-utils",
   "description": "Test utils for Ripple sites",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/config/index.js",
diff --git a/packages/ripple-tide-api/package.json b/packages/ripple-tide-api/package.json
index 1d97f570f2..d8bb79ffd9 100644
--- a/packages/ripple-tide-api/package.json
+++ b/packages/ripple-tide-api/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-api",
   "description": "Ripple API endpoints for Tide Drupal backend",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./dist/index.js",
diff --git a/packages/ripple-tide-event/package.json b/packages/ripple-tide-event/package.json
index 8be6a61435..da3b8b840b 100644
--- a/packages/ripple-tide-event/package.json
+++ b/packages/ripple-tide-event/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-event",
   "description": "Ripple mappings and components for Tide Event Content type",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "main": "./nuxt.config.ts",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
diff --git a/packages/ripple-tide-grant/package.json b/packages/ripple-tide-grant/package.json
index 3d863cda42..a8372b6b99 100644
--- a/packages/ripple-tide-grant/package.json
+++ b/packages/ripple-tide-grant/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-grant",
   "description": "Ripple mappings and components for Tide Grant Content type",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-landing-page/package.json b/packages/ripple-tide-landing-page/package.json
index 1c5350fc21..6681c2b15f 100644
--- a/packages/ripple-tide-landing-page/package.json
+++ b/packages/ripple-tide-landing-page/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-landing-page",
   "description": "Ripple mappings and components for Tide landing-page Content type",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-media/package.json b/packages/ripple-tide-media/package.json
index f5c7f4e10a..cabf1b4a10 100644
--- a/packages/ripple-tide-media/package.json
+++ b/packages/ripple-tide-media/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-media",
   "description": "Ripple mappings and components for Tide media",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-news/package.json b/packages/ripple-tide-news/package.json
index 2fd1e8bae4..b2b2a98d5c 100644
--- a/packages/ripple-tide-news/package.json
+++ b/packages/ripple-tide-news/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-news",
   "description": "Ripple mappings and components for Tide News content type",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-publication/package.json b/packages/ripple-tide-publication/package.json
index 4b515a583f..db837bd586 100644
--- a/packages/ripple-tide-publication/package.json
+++ b/packages/ripple-tide-publication/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-publication",
   "description": "Ripple mappings and components for Tide Publication Content type",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-search/package.json b/packages/ripple-tide-search/package.json
index 3b60153d96..ceda2b18b2 100644
--- a/packages/ripple-tide-search/package.json
+++ b/packages/ripple-tide-search/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-search",
   "description": "Ripple search UI and services for connecting to Tide search",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-tide-topic/package.json b/packages/ripple-tide-topic/package.json
index c7f6d481db..1b93ba529d 100644
--- a/packages/ripple-tide-topic/package.json
+++ b/packages/ripple-tide-topic/package.json
@@ -9,7 +9,7 @@
     "./mapping": "./mapping/index.ts",
     "./types": "./types.ts"
   },
-  "version": "2.11.1",
+  "version": "2.12.0",
   "dependencies": {
     "@dpc-sdp/nuxt-ripple": "workspace:*",
     "@dpc-sdp/ripple-tide-api": "workspace:*",
diff --git a/packages/ripple-tide-webform/package.json b/packages/ripple-tide-webform/package.json
index 5173a1fa62..0a21500522 100644
--- a/packages/ripple-tide-webform/package.json
+++ b/packages/ripple-tide-webform/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-tide-webform",
   "description": "Ripple mappings and components for Tide webforms",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./nuxt.config.ts",
diff --git a/packages/ripple-ui-core/package.json b/packages/ripple-ui-core/package.json
index 2b5cc374b4..93c2a852b0 100644
--- a/packages/ripple-ui-core/package.json
+++ b/packages/ripple-ui-core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-ui-core",
   "description": "Ripple UI Core component library",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "files": [
diff --git a/packages/ripple-ui-forms/package.json b/packages/ripple-ui-forms/package.json
index 8b231c77b5..2a36ef5d97 100644
--- a/packages/ripple-ui-forms/package.json
+++ b/packages/ripple-ui-forms/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-ui-forms",
   "description": "A form component library built with Formkit",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "./dist/rpl-forms.umd.js",
diff --git a/packages/ripple-ui-maps/package.json b/packages/ripple-ui-maps/package.json
index 81acfb60a8..371c297a74 100644
--- a/packages/ripple-ui-maps/package.json
+++ b/packages/ripple-ui-maps/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/ripple-ui-maps",
   "description": "Ripple UI Core component library",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "files": [
diff --git a/packages/stylelint-config-ripple/package.json b/packages/stylelint-config-ripple/package.json
index d13087558d..e5345af886 100644
--- a/packages/stylelint-config-ripple/package.json
+++ b/packages/stylelint-config-ripple/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dpc-sdp/stylelint-config-ripple",
   "description": "ESLint config for Ripple projects",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/dpc-sdp/ripple-framework",
   "main": "index.js",