diff --git a/.changeset/happy-beds-grab.md b/.changeset/happy-beds-grab.md
new file mode 100644
index 0000000000..be988be0ee
--- /dev/null
+++ b/.changeset/happy-beds-grab.md
@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-thumbnail": minor
+---
+
+[Added] - Created skeleton component
diff --git a/.github/project-labeler.yml b/.github/project-labeler.yml
index 77a36d30df..1734a08bd6 100644
--- a/.github/project-labeler.yml
+++ b/.github/project-labeler.yml
@@ -131,3 +131,5 @@ pie-webc-testing:
   - 'packages/components/pie-webc-testing/**/*'
 pie-toast-provider:
   - packages/components/pie-toast-provider/**/*
+pie-thumbnail:
+  - packages/components/pie-thumbnail/**/*
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index b4ed629393..4d8200c68d 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -52,6 +52,7 @@ env:
   PERCY_PAGE_LOAD_TIMEOUT: ${{ vars.PERCY_PAGE_LOAD_TIMEOUT }}
   PERCY_NETWORK_IDLE_WAIT_TIMEOUT: ${{ vars.PERCY_NETWORK_IDLE_WAIT_TIMEOUT }}
   PERCY_TOKEN_PIE_TOAST_PROVIDER: ${{ secrets.PERCY_TOKEN_PIE_TOAST_PROVIDER }}
+  PERCY_TOKEN_PIE_THUMBNAIL: ${{ secrets.PERCY_TOKEN_PIE_THUMBNAIL }}
 
 jobs:
   check-change-type:
diff --git a/apps/pie-storybook/package.json b/apps/pie-storybook/package.json
index e7543c1f3b..b796538c31 100644
--- a/apps/pie-storybook/package.json
+++ b/apps/pie-storybook/package.json
@@ -39,6 +39,7 @@
     "@justeattakeaway/pie-tag": "0.12.0",
     "@justeattakeaway/pie-text-input": "0.24.6",
     "@justeattakeaway/pie-textarea": "0.13.1",
+    "@justeattakeaway/pie-thumbnail": "0.0.0",
     "@justeattakeaway/pie-toast": "0.5.2",
     "@justeattakeaway/pie-toast-provider": "0.0.0",
     "dompurify": "3.1.3"
diff --git a/apps/pie-storybook/stories/pie-thumbnail.stories.ts b/apps/pie-storybook/stories/pie-thumbnail.stories.ts
new file mode 100644
index 0000000000..8fb5c123c0
--- /dev/null
+++ b/apps/pie-storybook/stories/pie-thumbnail.stories.ts
@@ -0,0 +1,34 @@
+import { html } from 'lit';
+import { type Meta } from '@storybook/web-components';
+
+import '@justeattakeaway/pie-thumbnail';
+import { type ThumbnailProps } from '@justeattakeaway/pie-thumbnail';
+
+import { createStory } from '../utilities';
+
+type ThumbnailStoryMeta = Meta<ThumbnailProps>;
+
+const defaultArgs: ThumbnailProps = {};
+
+const thumbnailStoryMeta: ThumbnailStoryMeta = {
+    title: 'Thumbnail',
+    component: 'pie-thumbnail',
+    argTypes: {},
+    args: defaultArgs,
+    parameters: {
+        design: {
+            type: 'figma',
+            url: '',
+        },
+    },
+};
+
+export default thumbnailStoryMeta;
+
+// TODO: remove the eslint-disable rule when props are added
+// eslint-disable-next-line no-empty-pattern
+const Template = ({}: ThumbnailProps) => html`
+    <pie-thumbnail></pie-thumbnail>
+`;
+
+export const Default = createStory<ThumbnailProps>(Template, defaultArgs)();
diff --git a/apps/pie-storybook/stories/testing/pie-thumbnail.test.stories.ts b/apps/pie-storybook/stories/testing/pie-thumbnail.test.stories.ts
new file mode 100644
index 0000000000..119355b47a
--- /dev/null
+++ b/apps/pie-storybook/stories/testing/pie-thumbnail.test.stories.ts
@@ -0,0 +1,34 @@
+import { html } from 'lit';
+import { type Meta } from '@storybook/web-components';
+
+import '@justeattakeaway/pie-thumbnail';
+import { type ThumbnailProps } from '@justeattakeaway/pie-thumbnail';
+
+import { createStory } from '../../utilities';
+
+type ThumbnailStoryMeta = Meta<ThumbnailProps>;
+
+const defaultArgs: ThumbnailProps = {};
+
+const thumbnailStoryMeta: ThumbnailStoryMeta = {
+    title: 'Thumbnail',
+    component: 'pie-thumbnail',
+    argTypes: {},
+    args: defaultArgs,
+    parameters: {
+        design: {
+            type: 'figma',
+            url: '',
+        },
+    },
+};
+
+export default thumbnailStoryMeta;
+
+// TODO: remove the eslint-disable rule when props are added
+// eslint-disable-next-line no-empty-pattern
+const Template = ({}: ThumbnailProps) => html`
+    <pie-thumbnail></pie-thumbnail>
+`;
+
+export const Default = createStory<ThumbnailProps>(Template, defaultArgs)();
diff --git a/bundlewatch.config.json b/bundlewatch.config.json
index 16d2f0c8dc..e56d42307a 100644
--- a/bundlewatch.config.json
+++ b/bundlewatch.config.json
@@ -187,6 +187,10 @@
     {
       "path": "./packages/components/pie-toast-provider/dist/*.js",
       "maxSize": "3 KB"
+    },
+    {
+      "path": "./packages/components/pie-thumbnail/dist/*.js",
+      "maxSize": "3 KB"
     }
   ],
   "defaultCompression": "gzip",
diff --git a/packages/components/pie-thumbnail/.eslintignore b/packages/components/pie-thumbnail/.eslintignore
new file mode 100644
index 0000000000..a4c746553e
--- /dev/null
+++ b/packages/components/pie-thumbnail/.eslintignore
@@ -0,0 +1,6 @@
+.turbo
+dist
+node_modules
+lit-browsers-report
+lit-visual-report
+test-results
diff --git a/packages/components/pie-thumbnail/README.md b/packages/components/pie-thumbnail/README.md
new file mode 100644
index 0000000000..16cccff2fb
--- /dev/null
+++ b/packages/components/pie-thumbnail/README.md
@@ -0,0 +1,91 @@
+<p align="center">
+  <img align="center" src="../../../readme_image.png" height="200" alt="">
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/@justeattakeaway/pie-thumbnail">
+    <img alt="GitHub Workflow Status" src="https://img.shields.io/npm/v/@justeattakeaway/pie-thumbnail.svg">
+  </a>
+</p>
+
+# Table of Contents
+
+1. [Introduction](#pie-thumbnail)
+2. [Installation](#installation)
+3. [Importing the component](#importing-the-component)
+4. [Peer Dependencies](#peer-dependencies)
+5. [Props](#props)
+6. [Contributing](#contributing)
+
+## pie-thumbnail
+
+`pie-thumbnail` is a Web Component built using the Lit library.
+
+This component can be easily integrated into various frontend frameworks and customized through a set of properties.
+
+
+## Installation
+
+To install `pie-thumbnail` in your application, run the following on your command line:
+
+```bash
+# npm
+$ npm i @justeattakeaway/pie-thumbnail
+
+# yarn
+$ yarn add @justeattakeaway/pie-thumbnail
+```
+
+For full information on using PIE components as part of an application, check out the [Getting Started Guide](https://github.com/justeattakeaway/pie/wiki/Getting-started-with-PIE-Web-Components).
+
+
+### Importing the component
+
+#### JavaScript
+```js
+// Default – for Native JS Applications, Vue, Angular, Svelte, etc.
+import { PieThumbnail } from '@justeattakeaway/pie-thumbnail';
+
+// If you don't need to reference the imported object, you can simply
+// import the module which registers the component as a custom element.
+import '@justeattakeaway/pie-thumbnail';
+```
+
+#### React
+```js
+// React
+// For React, you will need to import our React-specific component build
+// which wraps the web component using ​@lit/react
+import { PieThumbnail } from '@justeattakeaway/pie-thumbnail/dist/react';
+```
+
+> [!NOTE]
+> When using the React version of the component, please make sure to also
+> include React as a [peer dependency](#peer-dependencies) in your project.
+
+
+## Peer Dependencies
+
+> [!IMPORTANT]
+> When using `pie-thumbnail`, you will also need to include a couple of dependencies to ensure the component renders as expected. See [the PIE Wiki](https://github.com/justeattakeaway/pie/wiki/Getting-started-with-PIE-Web-Components#expected-dependencies) for more information and how to include these in your application.
+
+
+## Props
+
+| Property | Type | Default | Description |
+|---|---|---|---|
+| - | - | - | - |
+
+In your markup or JSX, you can then use these to set the properties for the `pie-thumbnail` component:
+
+```html
+<!-- Native HTML -->
+<pie-thumbnail></pie-thumbnail>
+
+<!-- JSX -->
+<PieThumbnail></PieThumbnail>
+```
+
+## Contributing
+
+Check out our [contributing guide](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide) for more information on [local development](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide#local-development) and how to run specific [component tests](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide#testing).
\ No newline at end of file
diff --git a/packages/components/pie-thumbnail/custom-elements-manifest.config.mjs b/packages/components/pie-thumbnail/custom-elements-manifest.config.mjs
new file mode 100644
index 0000000000..b4be0cb5ed
--- /dev/null
+++ b/packages/components/pie-thumbnail/custom-elements-manifest.config.mjs
@@ -0,0 +1,15 @@
+import { moduleFileExtensionsPlugin } from 'cem-plugin-module-file-extensions';
+
+export default {
+    globs: [
+        './src/**/!(*.css).ts',
+    ],
+    exclude: [
+        '**/*.d.ts',
+        '**/*.d.js',
+        '**/react.ts',
+        '**/test/**',
+        '**/node_modules/**',
+    ],
+    plugins: [moduleFileExtensionsPlugin()],
+};
diff --git a/packages/components/pie-thumbnail/declaration.d.ts b/packages/components/pie-thumbnail/declaration.d.ts
new file mode 100644
index 0000000000..e198d772d0
--- /dev/null
+++ b/packages/components/pie-thumbnail/declaration.d.ts
@@ -0,0 +1,9 @@
+declare module '*.scss' {
+    const content: Record<string, string>;
+    export default content;
+}
+
+declare module '*.scss?inline' {
+    const content: Record<string, string>;
+    export default content;
+}
diff --git a/packages/components/pie-thumbnail/package.json b/packages/components/pie-thumbnail/package.json
new file mode 100644
index 0000000000..5248cff8ff
--- /dev/null
+++ b/packages/components/pie-thumbnail/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@justeattakeaway/pie-thumbnail",
+  "description": "PIE Design System Thumbnail built using Web Components",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "custom-elements.json",
+    "src",
+    "dist",
+    "**/*.d.ts"
+  ],
+  "pieMetadata": {
+    "componentStatus": "alpha"
+  },
+  "scripts": {
+    "build": "run -T vite build",
+    "build:react-wrapper": "npx build-react-wrapper",
+    "create:manifest": "yarn cem analyze --litelement",
+    "lint:scripts": "run -T eslint .",
+    "lint:scripts:fix": "yarn lint:scripts --fix",
+    "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
+    "lint:style:fix": "yarn lint:style --fix",
+    "watch": "run -T vite build --watch",
+    "test": "echo \"Error: no test specified\" && exit 0",
+    "test:ci": "yarn test",
+    "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
+    "test:browsers:ci": "yarn test:browsers",
+    "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_THUMBNAIL} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
+    "test:visual:ci": "yarn test:visual"
+  },
+  "author": "Just Eat Takeaway.com - Design System Team",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "0.9.0",
+    "@justeattakeaway/pie-components-config": "0.18.0",
+    "@justeattakeaway/pie-css": "0.13.1",
+    "cem-plugin-module-file-extensions": "0.0.5"
+  },
+  "dependencies": {
+    "@justeattakeaway/pie-webc-core": "0.24.2"
+  },
+  "volta": {
+    "extends": "../../../package.json"
+  },
+  "customElements": "custom-elements.json",
+  "sideEffects": [
+    "dist/*.js"
+  ]
+}
diff --git a/packages/components/pie-thumbnail/pie-thumbnail.test.stories.ts b/packages/components/pie-thumbnail/pie-thumbnail.test.stories.ts
new file mode 100644
index 0000000000..119355b47a
--- /dev/null
+++ b/packages/components/pie-thumbnail/pie-thumbnail.test.stories.ts
@@ -0,0 +1,34 @@
+import { html } from 'lit';
+import { type Meta } from '@storybook/web-components';
+
+import '@justeattakeaway/pie-thumbnail';
+import { type ThumbnailProps } from '@justeattakeaway/pie-thumbnail';
+
+import { createStory } from '../../utilities';
+
+type ThumbnailStoryMeta = Meta<ThumbnailProps>;
+
+const defaultArgs: ThumbnailProps = {};
+
+const thumbnailStoryMeta: ThumbnailStoryMeta = {
+    title: 'Thumbnail',
+    component: 'pie-thumbnail',
+    argTypes: {},
+    args: defaultArgs,
+    parameters: {
+        design: {
+            type: 'figma',
+            url: '',
+        },
+    },
+};
+
+export default thumbnailStoryMeta;
+
+// TODO: remove the eslint-disable rule when props are added
+// eslint-disable-next-line no-empty-pattern
+const Template = ({}: ThumbnailProps) => html`
+    <pie-thumbnail></pie-thumbnail>
+`;
+
+export const Default = createStory<ThumbnailProps>(Template, defaultArgs)();
diff --git a/packages/components/pie-thumbnail/playwright-lit-visual.config.ts b/packages/components/pie-thumbnail/playwright-lit-visual.config.ts
new file mode 100644
index 0000000000..ffd7b4d360
--- /dev/null
+++ b/packages/components/pie-thumbnail/playwright-lit-visual.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from '@playwright/test';
+import { getPlaywrightNativeVisualConfig } from '@justeattakeaway/pie-components-config';
+
+export default defineConfig(getPlaywrightNativeVisualConfig());
+
diff --git a/packages/components/pie-thumbnail/playwright-lit.config.ts b/packages/components/pie-thumbnail/playwright-lit.config.ts
new file mode 100644
index 0000000000..6dcc0f833d
--- /dev/null
+++ b/packages/components/pie-thumbnail/playwright-lit.config.ts
@@ -0,0 +1,4 @@
+import { defineConfig } from '@playwright/test';
+import { getPlaywrightNativeConfig } from '@justeattakeaway/pie-components-config';
+
+export default defineConfig(getPlaywrightNativeConfig());
diff --git a/packages/components/pie-thumbnail/src/defs-react.ts b/packages/components/pie-thumbnail/src/defs-react.ts
new file mode 100644
index 0000000000..2714b9afa2
--- /dev/null
+++ b/packages/components/pie-thumbnail/src/defs-react.ts
@@ -0,0 +1,8 @@
+import type React from 'react';
+/**
+ * TODO: Verify if ReactBaseType can be set as a more specific React interface
+ * Use the React IntrinsicElements interface to find how to map standard HTML elements to existing React Interfaces
+ * Example: an HTML button maps to `React.ButtonHTMLAttributes<HTMLButtonElement>`
+ * https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0bb210867d16170c4a08d9ce5d132817651a0f80/types/react/index.d.ts#L2829
+ */
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>
diff --git a/packages/components/pie-thumbnail/src/defs.ts b/packages/components/pie-thumbnail/src/defs.ts
new file mode 100644
index 0000000000..d3f4b4bd27
--- /dev/null
+++ b/packages/components/pie-thumbnail/src/defs.ts
@@ -0,0 +1,3 @@
+// TODO - please remove the eslint disable comment below when you add props to this interface
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ThumbnailProps {}
diff --git a/packages/components/pie-thumbnail/src/index.ts b/packages/components/pie-thumbnail/src/index.ts
new file mode 100644
index 0000000000..30918c4c60
--- /dev/null
+++ b/packages/components/pie-thumbnail/src/index.ts
@@ -0,0 +1,30 @@
+import { LitElement, html, unsafeCSS } from 'lit';
+
+import { defineCustomElement } from '@justeattakeaway/pie-webc-core';
+import styles from './thumbnail.scss?inline';
+import { type ThumbnailProps } from './defs';
+
+// Valid values available to consumers
+export * from './defs';
+
+const componentSelector = 'pie-thumbnail';
+
+/**
+ * @tagname pie-thumbnail
+ */
+export class PieThumbnail extends LitElement implements ThumbnailProps {
+    render () {
+        return html`<h1 data-test-id="pie-thumbnail">Hello world!</h1>`;
+    }
+
+    // Renders a `CSSResult` generated from SCSS by Vite
+    static styles = unsafeCSS(styles);
+}
+
+defineCustomElement(componentSelector, PieThumbnail);
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieThumbnail;
+    }
+}
diff --git a/packages/components/pie-thumbnail/src/thumbnail.scss b/packages/components/pie-thumbnail/src/thumbnail.scss
new file mode 100644
index 0000000000..6ffaedad64
--- /dev/null
+++ b/packages/components/pie-thumbnail/src/thumbnail.scss
@@ -0,0 +1 @@
+@use '@justeattakeaway/pie-css/scss' as p;
diff --git a/packages/components/pie-thumbnail/test/accessibility/pie-thumbnail.spec.ts b/packages/components/pie-thumbnail/test/accessibility/pie-thumbnail.spec.ts
new file mode 100644
index 0000000000..dcf061762b
--- /dev/null
+++ b/packages/components/pie-thumbnail/test/accessibility/pie-thumbnail.spec.ts
@@ -0,0 +1,18 @@
+import { test, expect } from '@justeattakeaway/pie-webc-testing/src/playwright/playwright-fixtures.ts';
+import { BasePage } from '@justeattakeaway/pie-webc-testing/src/helpers/page-object/base-page.ts';
+import { PieThumbnail } from '../../src/index.ts';
+
+test.describe('PieThumbnail - Accessibility tests', () => {
+    test('a11y - should test the PieThumbnail component WCAG compliance', async ({ page, makeAxeBuilder }) => {
+        // Arrange
+        const basePage = new BasePage(page, 'thumbnail--default');
+
+        basePage.load();
+        await page.waitForTimeout(2500);
+
+        // Act
+        const results = await makeAxeBuilder().analyze();
+
+        expect(results.violations).toEqual([]);
+    });
+});
diff --git a/packages/components/pie-thumbnail/test/component/pie-thumbnail.spec.ts b/packages/components/pie-thumbnail/test/component/pie-thumbnail.spec.ts
new file mode 100644
index 0000000000..56ba0d37f1
--- /dev/null
+++ b/packages/components/pie-thumbnail/test/component/pie-thumbnail.spec.ts
@@ -0,0 +1,20 @@
+import { test, expect } from '@playwright/test';
+import { BasePage } from '@justeattakeaway/pie-webc-testing/src/helpers/page-object/base-page.ts';
+
+const componentSelector = '[data-test-id="pie-thumbnail"]';
+
+test.describe('PieThumbnail - Component tests', () => {
+    test('should render successfully', async ({ page }) => {
+        // Arrange
+        const basePage = new BasePage(page, 'thumbnail--default');
+
+        basePage.load();
+        await page.waitForTimeout(2500);
+
+        // Act
+        const thumbnail = page.locator(componentSelector);
+
+        // Assert
+        expect(thumbnail).toBeVisible();
+    });
+});
diff --git a/packages/components/pie-thumbnail/test/visual/pie-thumbnail.spec.ts b/packages/components/pie-thumbnail/test/visual/pie-thumbnail.spec.ts
new file mode 100644
index 0000000000..eed897d37a
--- /dev/null
+++ b/packages/components/pie-thumbnail/test/visual/pie-thumbnail.spec.ts
@@ -0,0 +1,14 @@
+import { test } from '@playwright/test';
+import percySnapshot from '@percy/playwright';
+import { BasePage } from '@justeattakeaway/pie-webc-testing/src/helpers/page-object/base-page.ts';
+
+test.describe('PieThumbnail - Visual tests`', () => {
+    test('should display the PieThumbnail component successfully', async ({ page }) => {
+        const basePage = new BasePage(page, 'thumbnail--default');
+
+        basePage.load();
+        await page.waitForTimeout(2500);
+
+        await percySnapshot(page, 'PieThumbnail - Visual Test');
+    });
+});
diff --git a/packages/components/pie-thumbnail/tsconfig.json b/packages/components/pie-thumbnail/tsconfig.json
new file mode 100644
index 0000000000..e4ffd91463
--- /dev/null
+++ b/packages/components/pie-thumbnail/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "@justeattakeaway/pie-components-config/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "rootDir": ".",
+  },
+  "include": ["src/**/*.ts","./declaration.d.ts", "test/**/*.ts", "playwright-lit-visual.config.ts", "playwright-lit.config.ts"],
+}
diff --git a/packages/components/pie-thumbnail/turbo.json b/packages/components/pie-thumbnail/turbo.json
new file mode 100644
index 0000000000..5bd8fa3c53
--- /dev/null
+++ b/packages/components/pie-thumbnail/turbo.json
@@ -0,0 +1,24 @@
+{
+  "$schema": "https://turborepo.org/schema.json",
+  "extends": [
+    "//"
+  ],
+  "pipeline": {
+    "test:browsers": {
+      "cache": true,
+      "dependsOn": []
+    },
+    "test:browsers:ci": {
+      "cache": true,
+      "dependsOn": []
+    },
+    "test:visual": {
+      "cache": false,
+      "dependsOn": []
+    },
+    "test:visual:ci": {
+      "cache": false,
+      "dependsOn": []
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/components/pie-thumbnail/vite.config.js b/packages/components/pie-thumbnail/vite.config.js
new file mode 100644
index 0000000000..cd07913d05
--- /dev/null
+++ b/packages/components/pie-thumbnail/vite.config.js
@@ -0,0 +1,3 @@
+import viteConfig from '@justeattakeaway/pie-components-config/vite.config';
+
+export default viteConfig;
diff --git a/packages/components/pie-webc/components/thumbnail.d.ts b/packages/components/pie-webc/components/thumbnail.d.ts
new file mode 100644
index 0000000000..d51a0bcfc0
--- /dev/null
+++ b/packages/components/pie-webc/components/thumbnail.d.ts
@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-thumbnail';
diff --git a/packages/components/pie-webc/components/thumbnail.js b/packages/components/pie-webc/components/thumbnail.js
new file mode 100644
index 0000000000..d51a0bcfc0
--- /dev/null
+++ b/packages/components/pie-webc/components/thumbnail.js
@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-thumbnail';
diff --git a/packages/components/pie-webc/package.json b/packages/components/pie-webc/package.json
index 266319a8b2..a9306bfb09 100644
--- a/packages/components/pie-webc/package.json
+++ b/packages/components/pie-webc/package.json
@@ -218,6 +218,16 @@
       "require": "./react/textarea.js",
       "types": "./react/textarea.d.ts"
     },
+    "./components/thumbnail.js": {
+      "import": "./components/thumbnail.js",
+      "require": "./components/thumbnail.js",
+      "types": "./components/thumbnail.d.ts"
+    },
+    "./react/thumbnail.js": {
+      "import": "./react/thumbnail.js",
+      "require": "./react/thumbnail.js",
+      "types": "./react/thumbnail.d.ts"
+    },
     "./components/toast.js": {
       "import": "./components/toast.js",
       "require": "./components/toast.js",
@@ -276,6 +286,7 @@
     "@justeattakeaway/pie-tag": "0.12.0",
     "@justeattakeaway/pie-text-input": "0.24.6",
     "@justeattakeaway/pie-textarea": "0.13.1",
+    "@justeattakeaway/pie-thumbnail": "0.0.0",
     "@justeattakeaway/pie-toast": "0.5.2",
     "@justeattakeaway/pie-toast-provider": "0.0.0"
   },
diff --git a/packages/components/pie-webc/react/thumbnail.d.ts b/packages/components/pie-webc/react/thumbnail.d.ts
new file mode 100644
index 0000000000..ed9685c34e
--- /dev/null
+++ b/packages/components/pie-webc/react/thumbnail.d.ts
@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-thumbnail/dist/react.js';
diff --git a/packages/components/pie-webc/react/thumbnail.js b/packages/components/pie-webc/react/thumbnail.js
new file mode 100644
index 0000000000..ed9685c34e
--- /dev/null
+++ b/packages/components/pie-webc/react/thumbnail.js
@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-thumbnail/dist/react.js';
diff --git a/yarn.lock b/yarn.lock
index 912bfefe18..8c0a8df0b8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4725,7 +4725,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/generator-pie-component@0.25.0, @justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component":
+"@justeattakeaway/generator-pie-component@0.27.0, @justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component"
   dependencies:
@@ -4738,20 +4738,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-assistive-text@0.8.0, @justeattakeaway/pie-assistive-text@workspace:packages/components/pie-assistive-text":
+"@justeattakeaway/pie-assistive-text@0.8.1, @justeattakeaway/pie-assistive-text@workspace:packages/components/pie-assistive-text":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-assistive-text@workspace:packages/components/pie-assistive-text"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     cem-plugin-module-file-extensions: 0.0.5
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-button@1.0.0, @justeattakeaway/pie-button@workspace:packages/components/pie-button":
+"@justeattakeaway/pie-button@1.1.0, @justeattakeaway/pie-button@workspace:packages/components/pie-button":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-button@workspace:packages/components/pie-button"
   dependencies:
@@ -4779,13 +4779,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-checkbox-group@0.7.6, @justeattakeaway/pie-checkbox-group@workspace:packages/components/pie-checkbox-group":
+"@justeattakeaway/pie-checkbox-group@0.7.7, @justeattakeaway/pie-checkbox-group@workspace:packages/components/pie-checkbox-group":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-checkbox-group@workspace:packages/components/pie-checkbox-group"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
-    "@justeattakeaway/pie-assistive-text": 0.8.0
-    "@justeattakeaway/pie-checkbox": 0.13.6
+    "@justeattakeaway/pie-assistive-text": 0.8.1
+    "@justeattakeaway/pie-checkbox": 0.13.7
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
     "@justeattakeaway/pie-webc-core": 0.24.2
@@ -4793,12 +4793,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-checkbox@0.13.6, @justeattakeaway/pie-checkbox@workspace:packages/components/pie-checkbox":
+"@justeattakeaway/pie-checkbox@0.13.7, @justeattakeaway/pie-checkbox@workspace:packages/components/pie-checkbox":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-checkbox@workspace:packages/components/pie-checkbox"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
-    "@justeattakeaway/pie-assistive-text": 0.8.0
+    "@justeattakeaway/pie-assistive-text": 0.8.1
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
     "@justeattakeaway/pie-webc-core": 0.24.2
@@ -4806,14 +4806,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-chip@0.9.3, @justeattakeaway/pie-chip@workspace:packages/components/pie-chip":
+"@justeattakeaway/pie-chip@0.9.4, @justeattakeaway/pie-chip@workspace:packages/components/pie-chip":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-chip@workspace:packages/components/pie-chip"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-spinner": 1.0.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     cem-plugin-module-file-extensions: 0.0.5
@@ -4832,19 +4832,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-cookie-banner@1.2.0, @justeattakeaway/pie-cookie-banner@workspace:packages/components/pie-cookie-banner":
+"@justeattakeaway/pie-cookie-banner@1.2.2, @justeattakeaway/pie-cookie-banner@workspace:packages/components/pie-cookie-banner":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-cookie-banner@workspace:packages/components/pie-cookie-banner"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
-    "@justeattakeaway/pie-button": 1.0.0
+    "@justeattakeaway/pie-button": 1.1.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
     "@justeattakeaway/pie-divider": 1.0.0
-    "@justeattakeaway/pie-icon-button": 1.0.0
+    "@justeattakeaway/pie-icon-button": 1.1.0
     "@justeattakeaway/pie-link": 1.0.0
-    "@justeattakeaway/pie-modal": 1.0.0
-    "@justeattakeaway/pie-switch": 1.0.0
+    "@justeattakeaway/pie-modal": 1.0.2
+    "@justeattakeaway/pie-switch": 1.0.1
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     cem-plugin-module-file-extensions: 0.0.5
@@ -4883,22 +4883,22 @@ __metadata:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-switch": 1.0.0
-    "@justeattakeaway/pie-text-input": 0.24.5
+    "@justeattakeaway/pie-switch": 1.0.1
+    "@justeattakeaway/pie-text-input": 0.24.6
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     cem-plugin-module-file-extensions: 0.0.5
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-icon-button@1.0.0, @justeattakeaway/pie-icon-button@workspace:packages/components/pie-icon-button":
+"@justeattakeaway/pie-icon-button@1.1.0, @justeattakeaway/pie-icon-button@workspace:packages/components/pie-icon-button":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-icon-button@workspace:packages/components/pie-icon-button"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-spinner": 1.0.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
@@ -4919,7 +4919,7 @@ __metadata:
     "@babel/core": 7.24.9
     "@babel/node": 7.24.7
     "@babel/preset-react": 7.24.7
-    "@justeattakeaway/pie-icons": 5.2.0
+    "@justeattakeaway/pie-icons": 5.3.0
     "@justeattakeaway/pie-icons-configs": 4.5.1
     "@svgr/core": 6.4.0
     pascal-case: 3.1.2
@@ -4935,7 +4935,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-icons-vue@workspace:packages/tools/pie-icons-vue"
   dependencies:
-    "@justeattakeaway/pie-icons": 5.2.0
+    "@justeattakeaway/pie-icons": 5.3.0
     "@justeattakeaway/pie-icons-configs": 4.5.1
     "@rollup/plugin-commonjs": 25.0.8
     "@vue/babel-helper-vue-jsx-merge-props": 1.4.0
@@ -4954,12 +4954,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-icons-webc@1.1.0, @justeattakeaway/pie-icons-webc@workspace:packages/tools/pie-icons-webc":
+"@justeattakeaway/pie-icons-webc@1.2.0, @justeattakeaway/pie-icons-webc@workspace:packages/tools/pie-icons-webc":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-icons-webc@workspace:packages/tools/pie-icons-webc"
   dependencies:
     "@justeattakeaway/pie-components-config": 0.18.0
-    "@justeattakeaway/pie-icons": 5.2.0
+    "@justeattakeaway/pie-icons": 5.3.0
     "@justeattakeaway/pie-icons-configs": 4.5.1
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@rollup/plugin-typescript": 11.1.6
@@ -4974,7 +4974,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-icons@5.2.0, @justeattakeaway/pie-icons@workspace:packages/tools/pie-icons":
+"@justeattakeaway/pie-icons@5.3.0, @justeattakeaway/pie-icons@workspace:packages/tools/pie-icons":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-icons@workspace:packages/tools/pie-icons"
   dependencies:
@@ -5000,7 +5000,7 @@ __metadata:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     cem-plugin-module-file-extensions: 0.0.5
@@ -5020,19 +5020,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-modal@1.0.0, @justeattakeaway/pie-modal@workspace:packages/components/pie-modal":
+"@justeattakeaway/pie-modal@1.0.2, @justeattakeaway/pie-modal@workspace:packages/components/pie-modal":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-modal@workspace:packages/components/pie-modal"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeat/pie-design-tokens": 6.5.0
-    "@justeattakeaway/pie-button": 1.0.0
+    "@justeattakeaway/pie-button": 1.1.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icon-button": 1.0.0
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icon-button": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-spinner": 1.0.0
-    "@justeattakeaway/pie-text-input": 0.24.5
+    "@justeattakeaway/pie-text-input": 0.24.6
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     "@types/body-scroll-lock": 3.1.2
@@ -5048,27 +5048,27 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-notification@0.12.6, @justeattakeaway/pie-notification@workspace:packages/components/pie-notification":
+"@justeattakeaway/pie-notification@0.12.7, @justeattakeaway/pie-notification@workspace:packages/components/pie-notification":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-notification@workspace:packages/components/pie-notification"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icon-button": 1.0.0
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icon-button": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     cem-plugin-module-file-extensions: 0.0.5
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-radio-group@0.3.0, @justeattakeaway/pie-radio-group@workspace:packages/components/pie-radio-group":
+"@justeattakeaway/pie-radio-group@0.3.1, @justeattakeaway/pie-radio-group@workspace:packages/components/pie-radio-group":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-radio-group@workspace:packages/components/pie-radio-group"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
-    "@justeattakeaway/pie-assistive-text": 0.8.0
+    "@justeattakeaway/pie-assistive-text": 0.8.1
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
     "@justeattakeaway/pie-radio": 0.5.0
@@ -5102,14 +5102,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-switch@1.0.0, @justeattakeaway/pie-switch@workspace:packages/components/pie-switch":
+"@justeattakeaway/pie-switch@1.0.1, @justeattakeaway/pie-switch@workspace:packages/components/pie-switch":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-switch@workspace:packages/components/pie-switch"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     cem-plugin-module-file-extensions: 0.0.5
@@ -5124,22 +5124,22 @@ __metadata:
     "@custom-elements-manifest/analyzer": 0.9.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     cem-plugin-module-file-extensions: 0.0.5
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-text-input@0.24.5, @justeattakeaway/pie-text-input@workspace:packages/components/pie-text-input":
+"@justeattakeaway/pie-text-input@0.24.6, @justeattakeaway/pie-text-input@workspace:packages/components/pie-text-input":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-text-input@workspace:packages/components/pie-text-input"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
-    "@justeattakeaway/pie-assistive-text": 0.8.0
+    "@justeattakeaway/pie-assistive-text": 0.8.1
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     cem-plugin-module-file-extensions: 0.0.5
@@ -5147,12 +5147,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-textarea@0.13.0, @justeattakeaway/pie-textarea@workspace:packages/components/pie-textarea":
+"@justeattakeaway/pie-textarea@0.13.1, @justeattakeaway/pie-textarea@workspace:packages/components/pie-textarea":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-textarea@workspace:packages/components/pie-textarea"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
-    "@justeattakeaway/pie-assistive-text": 0.8.0
+    "@justeattakeaway/pie-assistive-text": 0.8.1
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
     "@justeattakeaway/pie-webc-core": 0.24.2
@@ -5162,6 +5162,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@justeattakeaway/pie-thumbnail@0.0.0, @justeattakeaway/pie-thumbnail@workspace:packages/components/pie-thumbnail":
+  version: 0.0.0-use.local
+  resolution: "@justeattakeaway/pie-thumbnail@workspace:packages/components/pie-thumbnail"
+  dependencies:
+    "@custom-elements-manifest/analyzer": 0.9.0
+    "@justeattakeaway/pie-components-config": 0.18.0
+    "@justeattakeaway/pie-css": 0.13.1
+    "@justeattakeaway/pie-webc-core": 0.24.2
+    cem-plugin-module-file-extensions: 0.0.5
+  languageName: unknown
+  linkType: soft
+
 "@justeattakeaway/pie-toast-provider@0.0.0, @justeattakeaway/pie-toast-provider@workspace:packages/components/pie-toast-provider":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-toast-provider@workspace:packages/components/pie-toast-provider"
@@ -5174,16 +5186,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-toast@0.5.0, @justeattakeaway/pie-toast@workspace:packages/components/pie-toast":
+"@justeattakeaway/pie-toast@0.5.2, @justeattakeaway/pie-toast@workspace:packages/components/pie-toast":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-toast@workspace:packages/components/pie-toast"
   dependencies:
     "@custom-elements-manifest/analyzer": 0.9.0
-    "@justeattakeaway/pie-button": 1.0.0
+    "@justeattakeaway/pie-button": 1.1.0
     "@justeattakeaway/pie-components-config": 0.18.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icon-button": 1.0.0
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icon-button": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc-core": 0.24.2
     cem-plugin-module-file-extensions: 0.0.5
   languageName: unknown
@@ -5209,33 +5221,34 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-webc@0.5.55, @justeattakeaway/pie-webc@workspace:packages/components/pie-webc":
+"@justeattakeaway/pie-webc@0.5.57, @justeattakeaway/pie-webc@workspace:packages/components/pie-webc":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-webc@workspace:packages/components/pie-webc"
   dependencies:
-    "@justeattakeaway/pie-assistive-text": 0.8.0
-    "@justeattakeaway/pie-button": 1.0.0
+    "@justeattakeaway/pie-assistive-text": 0.8.1
+    "@justeattakeaway/pie-button": 1.1.0
     "@justeattakeaway/pie-card": 0.21.3
-    "@justeattakeaway/pie-checkbox": 0.13.6
-    "@justeattakeaway/pie-checkbox-group": 0.7.6
-    "@justeattakeaway/pie-chip": 0.9.3
+    "@justeattakeaway/pie-checkbox": 0.13.7
+    "@justeattakeaway/pie-checkbox-group": 0.7.7
+    "@justeattakeaway/pie-chip": 0.9.4
     "@justeattakeaway/pie-components-config": 0.18.0
-    "@justeattakeaway/pie-cookie-banner": 1.2.0
+    "@justeattakeaway/pie-cookie-banner": 1.2.2
     "@justeattakeaway/pie-divider": 1.0.0
     "@justeattakeaway/pie-form-label": 0.14.4
-    "@justeattakeaway/pie-icon-button": 1.0.0
+    "@justeattakeaway/pie-icon-button": 1.1.0
     "@justeattakeaway/pie-link": 1.0.0
     "@justeattakeaway/pie-lottie-player": 0.0.5
-    "@justeattakeaway/pie-modal": 1.0.0
-    "@justeattakeaway/pie-notification": 0.12.6
+    "@justeattakeaway/pie-modal": 1.0.2
+    "@justeattakeaway/pie-notification": 0.12.7
     "@justeattakeaway/pie-radio": 0.5.0
-    "@justeattakeaway/pie-radio-group": 0.3.0
+    "@justeattakeaway/pie-radio-group": 0.3.1
     "@justeattakeaway/pie-spinner": 1.0.0
-    "@justeattakeaway/pie-switch": 1.0.0
+    "@justeattakeaway/pie-switch": 1.0.1
     "@justeattakeaway/pie-tag": 0.12.0
-    "@justeattakeaway/pie-text-input": 0.24.5
-    "@justeattakeaway/pie-textarea": 0.13.0
-    "@justeattakeaway/pie-toast": 0.5.0
+    "@justeattakeaway/pie-text-input": 0.24.6
+    "@justeattakeaway/pie-textarea": 0.13.1
+    "@justeattakeaway/pie-thumbnail": 0.0.0
+    "@justeattakeaway/pie-toast": 0.5.2
     "@justeattakeaway/pie-toast-provider": 0.0.0
     chalk: 5.3.0
   bin:
@@ -22728,7 +22741,7 @@ __metadata:
     "@justeat/pie-design-tokens": 6.5.0
     "@justeattakeaway/browserslist-config-pie": 0.2.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-icons": 5.2.0
+    "@justeattakeaway/pie-icons": 5.3.0
     "@justeattakeaway/pie-monorepo-utils": 0.2.0
     "@types/markdown-it": 13.0.2
     eleventy-plugin-rev: 1.1.1
@@ -22760,8 +22773,8 @@ __metadata:
     "@commitlint/config-conventional": 17.4.4
     "@justeat/pie-design-tokens": 6.5.0
     "@justeattakeaway/browserslist-config-pie": 0.2.0
-    "@justeattakeaway/generator-pie-component": 0.25.0
-    "@justeattakeaway/pie-icons": 5.2.0
+    "@justeattakeaway/generator-pie-component": 0.27.0
+    "@justeattakeaway/pie-icons": 5.3.0
     "@justeattakeaway/pie-webc-testing": 0.13.4
     "@justeattakeaway/pie-wrapper-react": 0.14.2
     "@justeattakeaway/stylelint-config-pie": 0.8.0
@@ -22818,32 +22831,33 @@ __metadata:
   resolution: "pie-storybook@workspace:apps/pie-storybook"
   dependencies:
     "@justeat/pie-design-tokens": 6.5.0
-    "@justeattakeaway/pie-assistive-text": 0.8.0
-    "@justeattakeaway/pie-button": 1.0.0
+    "@justeattakeaway/pie-assistive-text": 0.8.1
+    "@justeattakeaway/pie-button": 1.1.0
     "@justeattakeaway/pie-card": 0.21.3
-    "@justeattakeaway/pie-checkbox": 0.13.6
-    "@justeattakeaway/pie-checkbox-group": 0.7.6
-    "@justeattakeaway/pie-chip": 0.9.3
-    "@justeattakeaway/pie-cookie-banner": 1.2.0
+    "@justeattakeaway/pie-checkbox": 0.13.7
+    "@justeattakeaway/pie-checkbox-group": 0.7.7
+    "@justeattakeaway/pie-chip": 0.9.4
+    "@justeattakeaway/pie-cookie-banner": 1.2.2
     "@justeattakeaway/pie-css": 0.13.1
     "@justeattakeaway/pie-divider": 1.0.0
     "@justeattakeaway/pie-form-label": 0.14.4
-    "@justeattakeaway/pie-icon-button": 1.0.0
+    "@justeattakeaway/pie-icon-button": 1.1.0
     "@justeattakeaway/pie-icons-configs": 4.5.1
-    "@justeattakeaway/pie-icons-webc": 1.1.0
+    "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-link": 1.0.0
     "@justeattakeaway/pie-lottie-player": 0.0.5
-    "@justeattakeaway/pie-modal": 1.0.0
+    "@justeattakeaway/pie-modal": 1.0.2
     "@justeattakeaway/pie-monorepo-utils": 0.2.0
-    "@justeattakeaway/pie-notification": 0.12.6
+    "@justeattakeaway/pie-notification": 0.12.7
     "@justeattakeaway/pie-radio": 0.5.0
-    "@justeattakeaway/pie-radio-group": 0.3.0
+    "@justeattakeaway/pie-radio-group": 0.3.1
     "@justeattakeaway/pie-spinner": 1.0.0
-    "@justeattakeaway/pie-switch": 1.0.0
+    "@justeattakeaway/pie-switch": 1.0.1
     "@justeattakeaway/pie-tag": 0.12.0
-    "@justeattakeaway/pie-text-input": 0.24.5
-    "@justeattakeaway/pie-textarea": 0.13.0
-    "@justeattakeaway/pie-toast": 0.5.0
+    "@justeattakeaway/pie-text-input": 0.24.6
+    "@justeattakeaway/pie-textarea": 0.13.1
+    "@justeattakeaway/pie-thumbnail": 0.0.0
+    "@justeattakeaway/pie-toast": 0.5.2
     "@justeattakeaway/pie-toast-provider": 0.0.0
     "@storybook/addon-a11y": 8.4.5
     "@storybook/addon-designs": 8.0.4
@@ -29571,7 +29585,7 @@ __metadata:
     "@angular/platform-browser-dynamic": 15.2.0
     "@angular/router": 15.2.0
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-webc": 0.5.55
+    "@justeattakeaway/pie-webc": 0.5.57
     rxjs: 7.8.0
     tslib: 2.3.0
     typescript: 4.9.4
@@ -29585,7 +29599,7 @@ __metadata:
   dependencies:
     "@babel/preset-env": 7.24.5
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-webc": 0.5.55
+    "@justeattakeaway/pie-webc": 0.5.57
     babel-loader: 8
     core-js: 3.30.0
     nuxt: 2.17.0
@@ -29600,7 +29614,7 @@ __metadata:
   resolution: "wc-react17@workspace:apps/examples/wc-react17"
   dependencies:
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-webc": 0.5.55
+    "@justeattakeaway/pie-webc": 0.5.57
     "@lit/react": 1.0.5
     "@types/react": ^17.0.2
     "@types/react-dom": ^17.0.2
@@ -29620,7 +29634,7 @@ __metadata:
   resolution: "wc-react18@workspace:apps/examples/wc-react18"
   dependencies:
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-webc": 0.5.55
+    "@justeattakeaway/pie-webc": 0.5.57
     "@lit/react": 1.0.5
     "@types/react": 18.3.3
     "@types/react-dom": 18.3.0
@@ -29640,7 +29654,7 @@ __metadata:
   resolution: "wc-vue3@workspace:apps/examples/wc-vue3"
   dependencies:
     "@justeattakeaway/pie-css": 0.13.1
-    "@justeattakeaway/pie-webc": 0.5.55
+    "@justeattakeaway/pie-webc": 0.5.57
     "@types/node": 18.15.11
     "@vitejs/plugin-vue": 4.0.0
     "@vue/tsconfig": 0.1.3