diff --git a/nextjs-app-v13/package.json b/nextjs-app-v13/package.json
index b3c9cda8..1d84b7cc 100644
--- a/nextjs-app-v13/package.json
+++ b/nextjs-app-v13/package.json
@@ -16,7 +16,7 @@
     "@justeattakeaway/pie-cookie-banner": "0.26.5",
     "@justeattakeaway/pie-css": "0.13.0",
     "@justeattakeaway/pie-icons-webc": "0.25.1",
-    "@justeattakeaway/pie-webc": "0.5.37",
+    "@justeattakeaway/pie-webc": "0.5.42",
     "@lit-labs/nextjs": "0.1.4",
     "@lit/react": "1.0.2",
     "next": "13.5.6",
diff --git a/nextjs-app-v13/src/pages/integrations/form.tsx b/nextjs-app-v13/src/pages/integrations/form.tsx
index 3c286cde..009f6b65 100644
--- a/nextjs-app-v13/src/pages/integrations/form.tsx
+++ b/nextjs-app-v13/src/pages/integrations/form.tsx
@@ -277,8 +277,8 @@ export default function Form() {
                     </PieCheckboxGroup>
 
                     <fieldset>
-                        <PieRadio value="radio-1" name="radio-group" onInput={handleRadioInput as any}>Radio 1</PieRadio>
-                        <PieRadio value="radio-2" name="radio-group" onInput={handleRadioInput as any}>Radio 2</PieRadio>
+                        <PieRadio value="radio-1" name="radioValue" onInput={handleRadioInput as any}>Radio 1</PieRadio>
+                        <PieRadio data-test-id="radio-2" value="radio-2" name="radioValue" onInput={handleRadioInput as any}>Radio 2</PieRadio>
                     </fieldset>
                 </div>
                 <div className="form-btns">
diff --git a/nextjs-app-v13/test/visual/nextjs.spec.js b/nextjs-app-v13/test/visual/nextjs.spec.js
index 66b977af..d329d0c7 100644
--- a/nextjs-app-v13/test/visual/nextjs.spec.js
+++ b/nextjs-app-v13/test/visual/nextjs.spec.js
@@ -19,6 +19,7 @@ describe('NextJS Aperture App', () => {
         { url: '/components/lottie-player.html', name: 'Lottie Player', pauseBeforeScreenshot: true },
         { url: '/components/modal.html', name: 'Modal' },
         { url: '/components/notification.html', name: 'Notification' },
+        { url: '/components/radio.html', name: 'Radio' },
         { url: '/components/spinner.html', name: 'Spinner' },
         { url: '/components/switch.html', name: 'Switch' },
         { url: '/components/tag.html', name: 'Tag' },
diff --git a/nextjs-app-v14/package.json b/nextjs-app-v14/package.json
index 0e6a21c6..6b6e1c2e 100644
--- a/nextjs-app-v14/package.json
+++ b/nextjs-app-v14/package.json
@@ -17,7 +17,7 @@
     "@justeattakeaway/pie-cookie-banner": "0.26.5",
     "@justeattakeaway/pie-css": "0.13.0",
     "@justeattakeaway/pie-icons-webc": "0.25.1",
-    "@justeattakeaway/pie-webc": "0.5.37",
+    "@justeattakeaway/pie-webc": "0.5.42",
     "@lit-labs/nextjs": "0.2.0",
     "@lit/react": "1.0.5",
     "next": "14.2.3",
diff --git a/nextjs-app-v14/src/app/integrations/form/form.tsx b/nextjs-app-v14/src/app/integrations/form/form.tsx
index d4ea0105..9bce9669 100644
--- a/nextjs-app-v14/src/app/integrations/form/form.tsx
+++ b/nextjs-app-v14/src/app/integrations/form/form.tsx
@@ -277,8 +277,8 @@ export default function Form() {
                     </PieCheckboxGroup>
 
                     <fieldset>
-                        <PieRadio value="radio-1" name="radio-group" onInput={handleRadioInput as any}>Radio 1</PieRadio>
-                        <PieRadio value="radio-2" name="radio-group" onInput={handleRadioInput as any}>Radio 2</PieRadio>
+                        <PieRadio value="radio-1" name="radioValue" onInput={handleRadioInput as any}>Radio 1</PieRadio>
+                        <PieRadio data-test-id="radio-2" value="radio-2" name="radioValue" onInput={handleRadioInput as any}>Radio 2</PieRadio>
                     </fieldset>
                 </div>
                 <div className='form-btns'>
diff --git a/nextjs-app-v14/test/visual/nextjs.spec.js b/nextjs-app-v14/test/visual/nextjs.spec.js
index 3f94b91c..e198338d 100644
--- a/nextjs-app-v14/test/visual/nextjs.spec.js
+++ b/nextjs-app-v14/test/visual/nextjs.spec.js
@@ -19,6 +19,7 @@ describe('NextJS Aperture App', () => {
         { url: '/components/lottie-player', name: 'Lottie Player', pauseBeforeScreenshot: true },
         { url: '/components/modal', name: 'Modal' },
         { url: '/components/notification', name: 'Notification' },
+        { url: '/components/radio', name: 'Radio' },
         { url: '/components/spinner', name: 'Spinner' },
         { url: '/components/switch', name: 'Switch' },
         { url: '/components/tag', name: 'Tag' },
diff --git a/nuxt-app/package.json b/nuxt-app/package.json
index 2c262f05..5b4cc505 100644
--- a/nuxt-app/package.json
+++ b/nuxt-app/package.json
@@ -22,7 +22,7 @@
     "@justeattakeaway/pie-cookie-banner": "0.26.5",
     "@justeattakeaway/pie-css": "0.13.0",
     "@justeattakeaway/pie-icons-webc": "0.25.1",
-    "@justeattakeaway/pie-webc": "0.5.37",
+    "@justeattakeaway/pie-webc": "0.5.42",
     "just-kebab-case": "4.2.0",
     "nuxt-ssr-lit": "1.6.16"
   },
diff --git a/nuxt-app/pages/integrations/form.vue b/nuxt-app/pages/integrations/form.vue
index 3c5c6358..04f3e388 100644
--- a/nuxt-app/pages/integrations/form.vue
+++ b/nuxt-app/pages/integrations/form.vue
@@ -131,13 +131,14 @@
                 <fieldset>
                     <pie-radio
                         value="radio-1"
-                        name="radio-group"
+                        name="radioValue"
                         @change="radio = $event.target.value">
                         Radio 1
                     </pie-radio>
                     <pie-radio
+                        data-test-id="radio-2"
                         value="radio-2"
-                        name="radio-group"
+                        name="radioValue"
                         @change="radio = $event.target.value">
                         Radio 2
                     </pie-radio>
@@ -238,7 +239,7 @@ function handleSubmit() {
         email: email.value,
         tel: tel.value,
         url: url.value,
-        radio: radio.value,
+        radioValue: radio.value,
         password: password.value,
         approveSettings: approveSettings.value,
         enableNotifications: notifications.value,
diff --git a/nuxt-app/test/visual/nuxt.spec.js b/nuxt-app/test/visual/nuxt.spec.js
index 76beab57..7b4973d6 100644
--- a/nuxt-app/test/visual/nuxt.spec.js
+++ b/nuxt-app/test/visual/nuxt.spec.js
@@ -19,6 +19,7 @@ describe('Nuxt Aperture App', () => {
         { url: '/components/lottie-player.html', name: 'Lottie Player', pauseBeforeScreenshot: true },
         { url: '/components/modal.html', name: 'Modal' },
         { url: '/components/notification.html', name: 'Notification' },
+        { url: '/components/radio.html', name: 'Radio' },
         { url: '/components/spinner.html', name: 'Spinner' },
         { url: '/components/switch.html', name: 'Switch' },
         { url: '/components/tag.html', name: 'Tag' },
diff --git a/test/playwright/page-objects/form.page.ts b/test/playwright/page-objects/form.page.ts
index 59c3f5ab..589edc90 100644
--- a/test/playwright/page-objects/form.page.ts
+++ b/test/playwright/page-objects/form.page.ts
@@ -1,6 +1,22 @@
 import { type Locator, type Page } from '@playwright/test';
 const { APP_NAME } = process.env;
 
+export type TestFormData = {
+    username: string;
+    favouriteNumber: string;
+    email: string;
+    url: string;
+    tel: string;
+    password: string;
+    radioValue: string;
+    approveSettings: boolean;
+    enableNotifications: boolean;
+    newsletterSignup: boolean;
+    description: string;
+    contactByEmail: boolean;
+    contactByPhone: boolean;
+};
+
 export class FormPage {
     readonly page: Page;
     readonly usernameField: Locator;
@@ -18,6 +34,7 @@ export class FormPage {
     readonly newsletterSignupCheckbox: Locator;
     readonly contactByEmailCheckbox: Locator;
     readonly contactByPhoneCheckbox: Locator;
+    readonly radioButton2: Locator;
 
     constructor(page: Page) {
         this.page = page;
@@ -33,6 +50,7 @@ export class FormPage {
         this.newsletterSignupCheckbox = page.getByTestId('newsletterSignup').getByTestId('checkbox-component');
         this.contactByEmailCheckbox = page.getByTestId('contactByEmail').getByTestId('checkbox-component');
         this.contactByPhoneCheckbox = page.getByTestId('contactByPhone').getByTestId('checkbox-component');
+        this.radioButton2 = page.getByTestId('radio-2').getByTestId('pie-radio');
         this.resetBtn = page.getByTestId('reset-btn');
         this.submitBtn = page.getByTestId('submit-btn');
 
@@ -45,7 +63,7 @@ export class FormPage {
         await this.page.goto(formattedUrl);
     }
 
-    async fillForm(formData: any) {
+    async fillForm(formData: TestFormData) {
         await this.usernameField.locator('input').fill(formData.username);
         await this.favouriteNumberField.locator('input').fill(formData.favouriteNumber);
         await this.emailField.locator('input').fill(formData.email);
@@ -53,26 +71,12 @@ export class FormPage {
         await this.telField.locator('input').fill(formData.tel);
         await this.passwordField.locator('input').fill(formData.password);
         await this.descriptionField.locator('textarea').fill(formData.description);
-
-        if (formData.approveSettings) {
-            await this.approveSettingsSwitch.click();
-        }
-
-        if (formData.enableNotifications) {
-            await this.enableNotificationsSwitch.click();
-        }
-
-        if (formData.newsletterSignup) {
-            await this.newsletterSignupCheckbox.click();
-        }
-
-        if (formData.contactByEmail) {
-            await this.contactByEmailCheckbox.click();
-        }
-
-        if (formData.contactByPhone) {
-            await this.contactByPhoneCheckbox.click();
-        }
+        await this.approveSettingsSwitch.click();
+        await this.enableNotificationsSwitch.click();
+        await this.newsletterSignupCheckbox.click();
+        await this.contactByEmailCheckbox.click();
+        await this.contactByPhoneCheckbox.click();
+        await this.radioButton2.click();
     }
 
     async submitForm() {
diff --git a/test/system/form.spec.ts b/test/system/form.spec.ts
index c2f027d0..149ccb98 100644
--- a/test/system/form.spec.ts
+++ b/test/system/form.spec.ts
@@ -1,17 +1,17 @@
 import { test, expect } from '@playwright/test';
-import { FormPage } from '../playwright/page-objects/form.page';
+import { FormPage, type TestFormData } from '../playwright/page-objects/form.page';
 
 test.describe(`Form Page - ${process.env.APP_NAME}`, () => {
     test('should submit the correct form data', async ({ page }) => {
         // Arrange
-        const expectFormData = {
+        const expectFormData: TestFormData = {
             username: 'John Doe',
             favouriteNumber: '42',
             email: 'foo@bar.com',
             url: 'https://example.com',
             tel: '1234567890',
             password: 'foo',
-            radioValue: '',
+            radioValue: 'radio-2',
             approveSettings: true,
             enableNotifications: true,
             newsletterSignup: true,
diff --git a/vanilla-app/integrations/form.html b/vanilla-app/integrations/form.html
index 5bb3b901..354986a0 100644
--- a/vanilla-app/integrations/form.html
+++ b/vanilla-app/integrations/form.html
@@ -66,8 +66,8 @@ <h1>Vanilla - PIE Form Test Page</h1>
             </pie-checkbox-group>
 
             <fieldset>
-                <pie-radio name="radio-group" value="radio-1">Radio option 1</pie-radio>
-                <pie-radio name="radio-group" value="radio-2">Radio option 2</pie-radio>
+                <pie-radio name="radioValue" value="radio-1">Radio option 1</pie-radio>
+                <pie-radio data-test-id="radio-2" name="radioValue" value="radio-2">Radio option 2</pie-radio>
             </fieldset>
         </div>
         <div class="form-btns">
diff --git a/vanilla-app/package.json b/vanilla-app/package.json
index dce2a7a5..e9cdc107 100644
--- a/vanilla-app/package.json
+++ b/vanilla-app/package.json
@@ -21,7 +21,7 @@
     "@justeattakeaway/pie-cookie-banner": "0.26.5",
     "@justeattakeaway/pie-css": "0.13.0",
     "@justeattakeaway/pie-icons-webc": "0.25.1",
-    "@justeattakeaway/pie-webc": "0.5.37"
+    "@justeattakeaway/pie-webc": "0.5.42"
   },
   "installConfig": {
     "hoistingLimits": "workspaces"
diff --git a/vanilla-app/test/visual/vanilla.spec.js b/vanilla-app/test/visual/vanilla.spec.js
index 62a55266..40d89fd8 100644
--- a/vanilla-app/test/visual/vanilla.spec.js
+++ b/vanilla-app/test/visual/vanilla.spec.js
@@ -19,6 +19,7 @@ describe('Vanilla Aperture App', () => {
         { url: '/components/lottie-player.html', name: 'Lottie Player', pauseBeforeScreenshot: true },
         { url: '/components/modal.html', name: 'Modal' },
         { url: '/components/notification.html', name: 'Notification' },
+        { url: '/components/radio.html', name: 'Radio' },
         { url: '/components/spinner.html', name: 'Spinner' },
         { url: '/components/switch.html', name: 'Switch' },
         { url: '/components/tag.html', name: 'Tag' },
diff --git a/yarn.lock b/yarn.lock
index d754daac..a84f2eb9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1615,13 +1615,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-assistive-text@npm:0.7.1":
-  version: 0.7.1
-  resolution: "@justeattakeaway/pie-assistive-text@npm:0.7.1"
+"@justeattakeaway/pie-assistive-text@npm:0.7.3":
+  version: 0.7.3
+  resolution: "@justeattakeaway/pie-assistive-text@npm:0.7.3"
   dependencies:
-    "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 6f98da3f5e380a5f99f34eca5a61d35c9e3e5195879b0c984bd87adad9ae2152a0430d561657d10fdf2a233de3383ed0b2bd834c11d08cc445023d0b00c83c97
+    "@justeattakeaway/pie-icons-webc": 0.25.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 828bd6f6eb5890ddc579f7109ccf03d916bd06eed2f578bbbe2a8338ad1bfe87fa2cc224a22aad8f7d835f4ee50c797dad2979ac1ccacde76acb791c107222ea
   languageName: node
   linkType: hard
 
@@ -1636,43 +1636,54 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-card@npm:0.21.0":
-  version: 0.21.0
-  resolution: "@justeattakeaway/pie-card@npm:0.21.0"
+"@justeattakeaway/pie-button@npm:0.49.3":
+  version: 0.49.3
+  resolution: "@justeattakeaway/pie-button@npm:0.49.3"
   dependencies:
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 98cb2ef2ac1fe975c1c8c051b8e3ef3fdd0fcb1d2450caf9fbd47a4d59dc8d6635869c6a783d380335ba300fe4692c19c6dba83e064795c6d2d8e109a59878c3
+    "@justeattakeaway/pie-spinner": 0.7.2
+    "@justeattakeaway/pie-webc-core": 0.24.2
+    element-internals-polyfill: 1.3.11
+  checksum: 3f3b19f172c770e7c04e8fd77f019dd90ae8c1d42295aa115a8190a04353de2c517f421fbd59b8e059df4fa2c87727cdd5fb14ce62ea9af72b1e4049f4e6c2ad
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-checkbox-group@npm:0.7.0":
-  version: 0.7.0
-  resolution: "@justeattakeaway/pie-checkbox-group@npm:0.7.0"
+"@justeattakeaway/pie-card@npm:0.21.2":
+  version: 0.21.2
+  resolution: "@justeattakeaway/pie-card@npm:0.21.2"
   dependencies:
-    "@justeattakeaway/pie-assistive-text": 0.7.1
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 623ad8806a9f4509169e8a76f988d4f344d0f31309206a46b1713a2ad434b4c77be85107a56f24d5c78e87d1d9ee512aa9950ee1a2b159aa1013797d758e1f97
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: a8ac9273f6029a0894c742d9a506b88fe1f9173d1daa4b26c52b6ed7ad22d0b5810d8bea716ac75daee999007e8bed55f32060febcc49022c250ca41e43ea0e3
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-checkbox@npm:0.13.0":
-  version: 0.13.0
-  resolution: "@justeattakeaway/pie-checkbox@npm:0.13.0"
+"@justeattakeaway/pie-checkbox-group@npm:0.7.2":
+  version: 0.7.2
+  resolution: "@justeattakeaway/pie-checkbox-group@npm:0.7.2"
   dependencies:
-    "@justeattakeaway/pie-assistive-text": 0.7.1
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 69a7369d058e05190140cb739ff3a3b29d630ad476295ed17cda60970f35e3f9b69c4eeed63490563c6bd31d399900ccea543f562f01de7a35cc4eefd47d1dd5
+    "@justeattakeaway/pie-assistive-text": 0.7.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: dfb321994e7a657173b18c8a4ca9ec3db5392bc3d26fb37a809f476b6fdf4aab90778f71eab5ae290cc680242db048c83c9cf3a95f074a8a6c84a66da227a09a
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-chip@npm:0.8.3":
-  version: 0.8.3
-  resolution: "@justeattakeaway/pie-chip@npm:0.8.3"
+"@justeattakeaway/pie-checkbox@npm:0.13.2":
+  version: 0.13.2
+  resolution: "@justeattakeaway/pie-checkbox@npm:0.13.2"
   dependencies:
-    "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-spinner": 0.7.0
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: a4e1404960ce6356d358550fe925c2871df43ae641d9f95ced897469e8fea061d28603bb4dab4701a03f49e7ced42f8876dc3e522456b3137f3ba1eae7895b9b
+    "@justeattakeaway/pie-assistive-text": 0.7.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 01eae69e21c972a22d7fe42a62ba46c01107aaf285831a10efc0fd116e3193b4d2fa0b5d67c03820b1594dc734ce6bded6a03cd5b650e1977deeaa6d2fdf35c0
+  languageName: node
+  linkType: hard
+
+"@justeattakeaway/pie-chip@npm:0.8.5":
+  version: 0.8.5
+  resolution: "@justeattakeaway/pie-chip@npm:0.8.5"
+  dependencies:
+    "@justeattakeaway/pie-icons-webc": 0.25.3
+    "@justeattakeaway/pie-spinner": 0.7.2
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 08e36e85dcc1c83fea866c96e1abde14f22eab01ec19e491a39ac1eadfb45574750a2e2ca033d43b44add7e02a378e7088e6d7cb51c2cb9a76498770fe7884ea
   languageName: node
   linkType: hard
 
@@ -1691,6 +1702,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@justeattakeaway/pie-cookie-banner@npm:0.26.9":
+  version: 0.26.9
+  resolution: "@justeattakeaway/pie-cookie-banner@npm:0.26.9"
+  dependencies:
+    "@justeattakeaway/pie-button": 0.49.3
+    "@justeattakeaway/pie-divider": 0.14.2
+    "@justeattakeaway/pie-icon-button": 0.28.14
+    "@justeattakeaway/pie-link": 0.18.2
+    "@justeattakeaway/pie-modal": 0.48.1
+    "@justeattakeaway/pie-switch": 0.30.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 22c56328a461184c8229ede64b4be5a0dcc40fc12f3e5015f637918d61b21d627c803201a82ebbf51d7d76c924b73aa97527378efe3a45ac173a23dc00373179
+  languageName: node
+  linkType: hard
+
 "@justeattakeaway/pie-css@npm:0.13.0":
   version: 0.13.0
   resolution: "@justeattakeaway/pie-css@npm:0.13.0"
@@ -1707,12 +1733,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-form-label@npm:0.14.1":
-  version: 0.14.1
-  resolution: "@justeattakeaway/pie-form-label@npm:0.14.1"
+"@justeattakeaway/pie-divider@npm:0.14.2":
+  version: 0.14.2
+  resolution: "@justeattakeaway/pie-divider@npm:0.14.2"
   dependencies:
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 21218f38323143291bb6f51e3f8db0c923002f1ae534532917351f1b2acec83e42d16bce8fb1824a0dd1108d43fdb0401a8287aaae70613f8221ce22e1cedda7
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 30c53f5ab6cc7bbb272443fd8fae079dd92fe5c393663dd647a7522eb31766548b9155e580162dbb325da76e4a4c7c9bfa6413b007097c9b04b0faf68b8d5be8
+  languageName: node
+  linkType: hard
+
+"@justeattakeaway/pie-form-label@npm:0.14.3":
+  version: 0.14.3
+  resolution: "@justeattakeaway/pie-form-label@npm:0.14.3"
+  dependencies:
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 85bf45196bfc573c173bebd170a6b77a6d4219a33a2b0a081dcf003a23348a458fe1bec7698eb85c1f76031a21f4843382b246189b3a78f96b9c14a0a56e6fa9
   languageName: node
   linkType: hard
 
@@ -1727,6 +1762,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@justeattakeaway/pie-icon-button@npm:0.28.14":
+  version: 0.28.14
+  resolution: "@justeattakeaway/pie-icon-button@npm:0.28.14"
+  dependencies:
+    "@justeattakeaway/pie-icons-webc": 0.25.3
+    "@justeattakeaway/pie-spinner": 0.7.2
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: abf6d2fd865646157a50d9e2c39c4c7c96fb22b2350e571ec14f9fefae003e8803fc5b3d733a3a9abf577b90110927b9be5993ae8d6e89597d3db2cf23ab9c6b
+  languageName: node
+  linkType: hard
+
 "@justeattakeaway/pie-icons-webc@npm:0.25.1":
   version: 0.25.1
   resolution: "@justeattakeaway/pie-icons-webc@npm:0.25.1"
@@ -1736,6 +1782,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@justeattakeaway/pie-icons-webc@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@justeattakeaway/pie-icons-webc@npm:0.25.3"
+  dependencies:
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: db0d0ad4fee4a696d7e8b5a81b535a1b14cd278c027036c82268eaa63d3ad98a8200c52177179baff46763e1cad771a914b7bcb983a0eb436a6bc94cfd76b161
+  languageName: node
+  linkType: hard
+
 "@justeattakeaway/pie-link@npm:0.18.0":
   version: 0.18.0
   resolution: "@justeattakeaway/pie-link@npm:0.18.0"
@@ -1745,13 +1800,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-lottie-player@npm:0.0.2":
-  version: 0.0.2
-  resolution: "@justeattakeaway/pie-lottie-player@npm:0.0.2"
+"@justeattakeaway/pie-link@npm:0.18.2":
+  version: 0.18.2
+  resolution: "@justeattakeaway/pie-link@npm:0.18.2"
   dependencies:
-    "@justeattakeaway/pie-webc-core": 0.24.0
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 6c5297eec2d0f3868574d0eaec0c0638e4c10a5e9f3a2c6ce00388ef433b1b31df6b1a00e9f663e8ff50f6712ee8530084377f29d8e495cd20c43a9badb3e8ff
+  languageName: node
+  linkType: hard
+
+"@justeattakeaway/pie-lottie-player@npm:0.0.4":
+  version: 0.0.4
+  resolution: "@justeattakeaway/pie-lottie-player@npm:0.0.4"
+  dependencies:
+    "@justeattakeaway/pie-webc-core": 0.24.2
     lottie-web: 5.12.2
-  checksum: ff8a415832d15eb1a03cf1c759ea4df8ca5ff731de2179c64ffb023fc137dfc06fc0b4d1f72ddf5158c74e985937a97b6196cb589b9f736f090bc47d10e1c473
+  checksum: 437221d52b3007e883235cd75dc03c46ac1e12d306a5b22b482510119fdd91c1184a359ccf90d4586af8f986df4f5ce4b32c0fa84e89b4973fae5cfb4eef029b
   languageName: node
   linkType: hard
 
@@ -1770,32 +1834,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-notification@npm:0.12.0":
-  version: 0.12.0
-  resolution: "@justeattakeaway/pie-notification@npm:0.12.0"
+"@justeattakeaway/pie-modal@npm:0.48.1":
+  version: 0.48.1
+  resolution: "@justeattakeaway/pie-modal@npm:0.48.1"
   dependencies:
-    "@justeattakeaway/pie-icon-button": 0.28.12
-    "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 295a0041f0b24e070a6400c422f03692967e5e37face382371ebda159f88ea887ff10df448843a4fbe8824fd59e2d03ab8182aa5819784e9b22a47c93447c7fc
+    "@justeattakeaway/pie-button": 0.49.3
+    "@justeattakeaway/pie-icon-button": 0.28.14
+    "@justeattakeaway/pie-icons-webc": 0.25.3
+    "@justeattakeaway/pie-spinner": 0.7.2
+    "@justeattakeaway/pie-webc-core": 0.24.2
+    body-scroll-lock: 3.1.5
+    dialog-polyfill: 0.5.6
+  checksum: a89eac8ae98d9b3fcb792e0b7ac8a7a8986b4f4b277633c90da141ccaf0c20daa5e8d727a41e330a6c39c84116ccb4f98b85de305f4ae44ef6adb9faae329105
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-radio-group@npm:0.1.0":
-  version: 0.1.0
-  resolution: "@justeattakeaway/pie-radio-group@npm:0.1.0"
+"@justeattakeaway/pie-notification@npm:0.12.2":
+  version: 0.12.2
+  resolution: "@justeattakeaway/pie-notification@npm:0.12.2"
   dependencies:
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: f5ce23303c4ec7f831c26b5fa9bf9b6aa106331e684116f384f2fc9556f98a1b2f1af200af7506fd32107ba46349ae888aab7df6fb97337084fa455d153f5847
+    "@justeattakeaway/pie-icon-button": 0.28.14
+    "@justeattakeaway/pie-icons-webc": 0.25.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 49e58c0f6a174ac4bfb853bd72059149e16ebf06890265e5bb8cedc76536aa78de3c476db9639e53b9aee8516c6317fd81c841b2e150c86c8ffe2052d56d9f0e
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-radio@npm:0.2.0":
-  version: 0.2.0
-  resolution: "@justeattakeaway/pie-radio@npm:0.2.0"
+"@justeattakeaway/pie-radio-group@npm:0.1.2":
+  version: 0.1.2
+  resolution: "@justeattakeaway/pie-radio-group@npm:0.1.2"
   dependencies:
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 158f5430024da80a92b983dea4bd060fa6992126c8c6de0f37985f1eba99e256ae01e6a7e8e182ee576758c5083fb851098ee4e956af6c5b2965dc73a4beebf2
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 8e7636790e3c89ee2265cff2bd8c186528c916133274857b76898c57c62491db57bc11f045deb983a6cdfe450ef9815bd5fb924888011fa4e98fe3df326da898
+  languageName: node
+  linkType: hard
+
+"@justeattakeaway/pie-radio@npm:0.3.0":
+  version: 0.3.0
+  resolution: "@justeattakeaway/pie-radio@npm:0.3.0"
+  dependencies:
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 79b233ddc998e3a70f64ea02f25dd897d00ce0146412bee848af782bc29c50e90190d23615ab3cbd859409eeadd0bf8576b7226b201d91ffd804173b2b8c13c0
   languageName: node
   linkType: hard
 
@@ -1808,6 +1887,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@justeattakeaway/pie-spinner@npm:0.7.2":
+  version: 0.7.2
+  resolution: "@justeattakeaway/pie-spinner@npm:0.7.2"
+  dependencies:
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 371a994edddd707321d5212ecaa3f0ee69b1e88db381e330409e8aa6bf7ef5f57cb715daa6f75de21b2cbd2d8bc1d9a5916b21833389463554196939ea903dfe
+  languageName: node
+  linkType: hard
+
 "@justeattakeaway/pie-switch@npm:0.30.1":
   version: 0.30.1
   resolution: "@justeattakeaway/pie-switch@npm:0.30.1"
@@ -1820,46 +1908,58 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-tag@npm:0.10.0":
-  version: 0.10.0
-  resolution: "@justeattakeaway/pie-tag@npm:0.10.0"
+"@justeattakeaway/pie-switch@npm:0.30.3":
+  version: 0.30.3
+  resolution: "@justeattakeaway/pie-switch@npm:0.30.3"
   dependencies:
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 7780417ce2aa4088be4fe922bdd81e2857bde9598c87a3f37a7c4dd3b8131b8b737947814606fedda793e5f972dbbb6ead05450de1eaa7885f92f9ca61f51d0b
+    "@justeattakeaway/pie-icons-webc": 0.25.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
+    "@justeattakeaway/pie-wrapper-react": 0.14.2
+    element-internals-polyfill: 1.3.11
+  checksum: b748da1bc60e05fb1412061a47acfbb4c37b90b98e26de76ab6eb736ae6cbb5f1331e9cf2ee1b979fb1c76347acfeb0043e08b729435913faf402247dfac24a6
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-text-input@npm:0.24.0":
-  version: 0.24.0
-  resolution: "@justeattakeaway/pie-text-input@npm:0.24.0"
+"@justeattakeaway/pie-tag@npm:0.10.2":
+  version: 0.10.2
+  resolution: "@justeattakeaway/pie-tag@npm:0.10.2"
   dependencies:
-    "@justeattakeaway/pie-assistive-text": 0.7.1
-    "@justeattakeaway/pie-webc-core": 0.24.0
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: 1013fba2e476be79b3a58f73ca8f9ca6057beebce8bf0149da3140bfdb770afe74a42195833bf2cca89fc9b4e6c48828f925ba756a5e4a5fe26b0706e1028627
+  languageName: node
+  linkType: hard
+
+"@justeattakeaway/pie-text-input@npm:0.24.2":
+  version: 0.24.2
+  resolution: "@justeattakeaway/pie-text-input@npm:0.24.2"
+  dependencies:
+    "@justeattakeaway/pie-assistive-text": 0.7.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
     element-internals-polyfill: 1.3.11
-  checksum: 396e4bdcf0bafb8bbfec485a51eddbd97fe10df1e19a6f1ddb90015fef5b4a8df71add298a1392ad68b83d65120dead80d9fc12f1dc8086e097aaedf1d77c25e
+  checksum: be742f3011061352cf7984ff1b6992e3c5e30fd015b69bfd16c244269d262d3982f53a286373668ba147814eeed2ffc847b661e7e8d71b8c4d5e39e6ef0d6016
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-textarea@npm:0.10.0":
-  version: 0.10.0
-  resolution: "@justeattakeaway/pie-textarea@npm:0.10.0"
+"@justeattakeaway/pie-textarea@npm:0.10.2":
+  version: 0.10.2
+  resolution: "@justeattakeaway/pie-textarea@npm:0.10.2"
   dependencies:
-    "@justeattakeaway/pie-form-label": 0.14.1
-    "@justeattakeaway/pie-webc-core": 0.24.0
+    "@justeattakeaway/pie-form-label": 0.14.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
     lodash.throttle: 4.1.1
-  checksum: e2250625dd4bca60102bfff715f914b01267ec01be5063662b8ee6a85934f5f42f054c96bff60fac09d70317aca241d27f0f00c5d2d2a537dbd13c9e14c5fedf
+  checksum: 36c5c355fc5642c9a24342940b527c1798e28cddb439c30f76f9f7a039af50c0953763f669413ec13ba2bc40ff779e8df009e61de928b9ad51e796dfe4bde07f
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-toast@npm:0.3.3":
-  version: 0.3.3
-  resolution: "@justeattakeaway/pie-toast@npm:0.3.3"
+"@justeattakeaway/pie-toast@npm:0.4.0":
+  version: 0.4.0
+  resolution: "@justeattakeaway/pie-toast@npm:0.4.0"
   dependencies:
-    "@justeattakeaway/pie-button": 0.49.1
-    "@justeattakeaway/pie-icon-button": 0.28.12
-    "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-webc-core": 0.24.0
-  checksum: 03fed2eb90e47585361dc8a55acf1a1601ed807ffa2df9fa5e2cc857e366778f478d878aad2fe1b995c618d90aade1927770ea4082276577caa520bdceb18a05
+    "@justeattakeaway/pie-button": 0.49.3
+    "@justeattakeaway/pie-icon-button": 0.28.14
+    "@justeattakeaway/pie-icons-webc": 0.25.3
+    "@justeattakeaway/pie-webc-core": 0.24.2
+  checksum: cf5ea8e02e76750f9228047188d89d2239467396c28ae456487bfd3a4044a721824602debdbf930b9f7bdda771e25ae085bbffce5b49b03005ab66b9f308afb5
   languageName: node
   linkType: hard
 
@@ -1872,35 +1972,44 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@justeattakeaway/pie-webc@npm:0.5.37":
-  version: 0.5.37
-  resolution: "@justeattakeaway/pie-webc@npm:0.5.37"
-  dependencies:
-    "@justeattakeaway/pie-assistive-text": 0.7.1
-    "@justeattakeaway/pie-button": 0.49.1
-    "@justeattakeaway/pie-card": 0.21.0
-    "@justeattakeaway/pie-checkbox": 0.13.0
-    "@justeattakeaway/pie-checkbox-group": 0.7.0
-    "@justeattakeaway/pie-chip": 0.8.3
-    "@justeattakeaway/pie-cookie-banner": 0.26.5
-    "@justeattakeaway/pie-divider": 0.14.0
-    "@justeattakeaway/pie-form-label": 0.14.1
-    "@justeattakeaway/pie-icon-button": 0.28.12
-    "@justeattakeaway/pie-link": 0.18.0
-    "@justeattakeaway/pie-lottie-player": 0.0.2
-    "@justeattakeaway/pie-modal": 0.47.0
-    "@justeattakeaway/pie-notification": 0.12.0
-    "@justeattakeaway/pie-radio": 0.2.0
-    "@justeattakeaway/pie-radio-group": 0.1.0
-    "@justeattakeaway/pie-spinner": 0.7.0
-    "@justeattakeaway/pie-switch": 0.30.1
-    "@justeattakeaway/pie-tag": 0.10.0
-    "@justeattakeaway/pie-text-input": 0.24.0
-    "@justeattakeaway/pie-textarea": 0.10.0
-    "@justeattakeaway/pie-toast": 0.3.3
+"@justeattakeaway/pie-webc-core@npm:0.24.2":
+  version: 0.24.2
+  resolution: "@justeattakeaway/pie-webc-core@npm:0.24.2"
+  dependencies:
+    lit: 3.2.0
+  checksum: 17c0d5323ae529d5c3d0bd8d08f7d2a56f39c873fb0e323539ad3cab0efb347de3d686d869b303d98d5feaf5c6c87eff4251e3391350ee932c8041e140473033
+  languageName: node
+  linkType: hard
+
+"@justeattakeaway/pie-webc@npm:0.5.42":
+  version: 0.5.42
+  resolution: "@justeattakeaway/pie-webc@npm:0.5.42"
+  dependencies:
+    "@justeattakeaway/pie-assistive-text": 0.7.3
+    "@justeattakeaway/pie-button": 0.49.3
+    "@justeattakeaway/pie-card": 0.21.2
+    "@justeattakeaway/pie-checkbox": 0.13.2
+    "@justeattakeaway/pie-checkbox-group": 0.7.2
+    "@justeattakeaway/pie-chip": 0.8.5
+    "@justeattakeaway/pie-cookie-banner": 0.26.9
+    "@justeattakeaway/pie-divider": 0.14.2
+    "@justeattakeaway/pie-form-label": 0.14.3
+    "@justeattakeaway/pie-icon-button": 0.28.14
+    "@justeattakeaway/pie-link": 0.18.2
+    "@justeattakeaway/pie-lottie-player": 0.0.4
+    "@justeattakeaway/pie-modal": 0.48.1
+    "@justeattakeaway/pie-notification": 0.12.2
+    "@justeattakeaway/pie-radio": 0.3.0
+    "@justeattakeaway/pie-radio-group": 0.1.2
+    "@justeattakeaway/pie-spinner": 0.7.2
+    "@justeattakeaway/pie-switch": 0.30.3
+    "@justeattakeaway/pie-tag": 0.10.2
+    "@justeattakeaway/pie-text-input": 0.24.2
+    "@justeattakeaway/pie-textarea": 0.10.2
+    "@justeattakeaway/pie-toast": 0.4.0
   bin:
     add-components: src/index.js
-  checksum: 6ac7333f03d7604ce35c58098940e785a44072845f0f25b9a1e818d3a424da8a9ff0c7f6e5fe6651d5befd86789c1d7f3d242eaf7c8e1731681bfff8260c581d
+  checksum: a0942d807d568ba68000cb846a45b3095d08b37d46e38afaa6ab39274bb539019ac5622e42ae46da59cc0e3c99a0313702a4fa07a51047c99e52268cecff880e
   languageName: node
   linkType: hard
 
@@ -1915,6 +2024,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@justeattakeaway/pie-wrapper-react@npm:0.14.2":
+  version: 0.14.2
+  resolution: "@justeattakeaway/pie-wrapper-react@npm:0.14.2"
+  dependencies:
+    fs-extra: 9.1.0
+  bin:
+    build-react-wrapper: index.js
+  checksum: 768cf5690409174c68fe708e167ff2c6011d66ea72c4f7778c406a066d11fe58ac2db05b6a53b6aab72edb4a85c7131ba8f62fd570ddb8e83ea3b6eb0de239ab
+  languageName: node
+  linkType: hard
+
 "@kwsites/file-exists@npm:^1.1.1":
   version: 1.1.1
   resolution: "@kwsites/file-exists@npm:1.1.1"
@@ -10613,6 +10733,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lit-element@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "lit-element@npm:4.1.0"
+  dependencies:
+    "@lit-labs/ssr-dom-shim": ^1.2.0
+    "@lit/reactive-element": ^2.0.4
+    lit-html: ^3.2.0
+  checksum: 16cc7e343fc7f872a0f6a468bb9d7f3697cd9c3c020fd66e1f29f81e15300dc8d091559a1fd2d4cb6f2eb99b76e3fbeea1991f74dd5ca77bfaadb5b6af3d85b3
+  languageName: node
+  linkType: hard
+
 "lit-html@npm:^3.1.2":
   version: 3.1.4
   resolution: "lit-html@npm:3.1.4"
@@ -10622,6 +10753,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lit-html@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "lit-html@npm:3.2.0"
+  dependencies:
+    "@types/trusted-types": ^2.0.2
+  checksum: fa566878efab2492f2dc359216bc5ccd5164466f6760984b9f9b7122c4932be19891ddf10a611bc88718e59c49f83f18e9b9e32fe193dcdc37df28f9fe05630c
+  languageName: node
+  linkType: hard
+
 "lit@npm:3.1.3":
   version: 3.1.3
   resolution: "lit@npm:3.1.3"
@@ -10633,6 +10773,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lit@npm:3.2.0":
+  version: 3.2.0
+  resolution: "lit@npm:3.2.0"
+  dependencies:
+    "@lit/reactive-element": ^2.0.4
+    lit-element: ^4.1.0
+    lit-html: ^3.2.0
+  checksum: b34e667481e1360f9d99a939e00238c1aff5ba9ffc43ebcb0e9f24db6c8226cf6f5c3e2b0e7c1a8de70e28e4697059c25742d0744377f0d5037b876b25266898
+  languageName: node
+  linkType: hard
+
 "lit@npm:^3.1.2":
   version: 3.1.4
   resolution: "lit@npm:3.1.4"
@@ -11599,7 +11750,7 @@ __metadata:
     "@justeattakeaway/pie-cookie-banner": 0.26.5
     "@justeattakeaway/pie-css": 0.13.0
     "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-webc": 0.5.37
+    "@justeattakeaway/pie-webc": 0.5.42
     "@lit-labs/nextjs": 0.1.4
     "@lit/react": 1.0.2
     "@types/node": 20.9.1
@@ -11623,7 +11774,7 @@ __metadata:
     "@justeattakeaway/pie-cookie-banner": 0.26.5
     "@justeattakeaway/pie-css": 0.13.0
     "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-webc": 0.5.37
+    "@justeattakeaway/pie-webc": 0.5.42
     "@lit-labs/nextjs": 0.2.0
     "@lit/react": 1.0.5
     "@types/node": 20.9.1
@@ -11963,7 +12114,7 @@ __metadata:
     "@justeattakeaway/pie-cookie-banner": 0.26.5
     "@justeattakeaway/pie-css": 0.13.0
     "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-webc": 0.5.37
+    "@justeattakeaway/pie-webc": 0.5.42
     deepmerge: 4.3.1
     just-kebab-case: 4.2.0
     nuxt: 3.13.2
@@ -15858,7 +16009,7 @@ __metadata:
     "@justeattakeaway/pie-cookie-banner": 0.26.5
     "@justeattakeaway/pie-css": 0.13.0
     "@justeattakeaway/pie-icons-webc": 0.25.1
-    "@justeattakeaway/pie-webc": 0.5.37
+    "@justeattakeaway/pie-webc": 0.5.42
     deepmerge: 4.3.1
     vite: 4.5.3
     vite-plugin-html-inject: 1.1.2